@groupteknology/vuno 3.0.0 → 4.0.0

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

@@ -0,0 +1,63 @@
+<script setup>
+import { computed } from "vue";
+import { useTheme } from "#vuno/composables/useTheme";
+import Button from "#vuno/components/Button/Button.vue";
+import Toggletip from "#vuno/components/Toggletip/Toggletip.vue";
+import ToggletipButton from "#vuno/components/ToggletipButton/ToggletipButton.vue";
+defineOptions({ name: "AILabel" });
+const props = defineProps({
+  aiText: { type: String, required: false, default: "AI" },
+  ariaLabel: { type: String, required: false, default: "Mostrar informaci\xF3n" },
+  autoAlign: { type: Boolean, required: false, default: true },
+  defaultOpen: { type: Boolean, required: false, default: false },
+  kind: { type: String, required: false, default: "default" },
+  placement: { type: String, required: false, default: void 0 },
+  portal: { type: [String, Boolean], required: false, default: void 0 },
+  revertActive: { type: Boolean, required: false, default: false },
+  revertLabel: { type: String, required: false, default: "Revertir a la versi\xF3n de la IA" },
+  size: { type: String, required: false, default: "xs" },
+  textLabel: { type: String, required: false, default: void 0 },
+  ui: { type: Object, required: false, default: void 0 }
+});
+const emit = defineEmits(["revert"]);
+const withText = computed(() => props.kind === "inline" && Boolean(props.textLabel));
+const ui = useTheme(
+  "aiLabel",
+  () => props.ui,
+  () => ({ kind: props.kind, revertActive: props.revertActive ? "true" : "false", size: props.size, withText: withText.value ? "true" : "false" })
+);
+const accessibleLabel = computed(() => `${props.aiText} ${props.textLabel ?? props.ariaLabel}`);
+</script>
+
+<template>
+    <div :class="ui.root">
+        <Button
+            v-if="props.revertActive"
+            icon="carbon:undo"
+            :iconDescription="props.revertLabel"
+            kind="ghost"
+            size="sm"
+            :ui="{ base: ui.revert }"
+            @click="emit('revert', $event)"
+        />
+        <Toggletip
+            v-else
+            :align="props.placement"
+            :autoAlign="props.autoAlign"
+            :defaultOpen="props.defaultOpen"
+            :portal="props.portal"
+            :ui="{ actions: ui.actions, button: ui.button, caret: ui.caret, content: ui.content }"
+        >
+            <ToggletipButton :label="accessibleLabel">
+                <span :class="ui.text">{{ props.aiText }}</span>
+                <span
+                    v-if="withText"
+                    :class="ui.additionalText"
+                >
+                    {{ props.textLabel }}
+                </span>
+            </ToggletipButton>
+            <slot />
+        </Toggletip>
+    </div>
+</template>

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

@@ -0,0 +1,31 @@
+import type { AILabelProps } from './AILabel.types.js';
+declare var __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<AILabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    revert: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<AILabelProps> & Readonly<{
+    onRevert?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    size: import("./AILabel.types.js").AILabelSize;
+    kind: import("./AILabel.types.js").AILabelKind;
+    revertActive: boolean;
+    placement: import("../../types/base.js").Placement;
+    ui: import("../../types/slots.js").ComponentUi<"aiLabel">;
+    ariaLabel: string;
+    autoAlign: boolean;
+    defaultOpen: boolean;
+    portal: import("../../types/base.js").PortalTarget;
+    aiText: string;
+    revertLabel: string;
+    textLabel: string;
+}, {}, {}, {}, 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/AILabelActions/AILabelActions.d.vue.ts

@@ -0,0 +1,13 @@
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/AILabelActions/AILabelActions.vue

@@ -0,0 +1,8 @@
+<script setup>
+import ToggletipActions from "#vuno/components/ToggletipActions/ToggletipActions.vue";
+defineOptions({ name: "AILabelActions" });
+</script>
+
+<template>
+    <ToggletipActions><slot /></ToggletipActions>
+</template>

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

@@ -0,0 +1,13 @@
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/AILabelContent/AILabelContent.d.vue.ts

@@ -0,0 +1,14 @@
+type __VLS_Slots = {
+    default?: (props: {
+        close: (refocus?: boolean) => void;
+    }) => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/AILabelContent/AILabelContent.vue

@@ -0,0 +1,11 @@
+<script setup>
+import ToggletipContent from "#vuno/components/ToggletipContent/ToggletipContent.vue";
+defineOptions({ name: "AILabelContent" });
+defineSlots();
+</script>
+
+<template>
+    <ToggletipContent v-slot="{ close }">
+        <slot :close="close" />
+    </ToggletipContent>
+</template>

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

@@ -0,0 +1,14 @@
+type __VLS_Slots = {
+    default?: (props: {
+        close: (refocus?: boolean) => void;
+    }) => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/Accordion/Accordion.context.d.ts

@@ -0,0 +1,14 @@
+import type { ComputedRef, InjectionKey, Ref } from 'vue';
+import type { AccordionAlignment, AccordionSize } from './Accordion.types.js';
+/**
+ * Lo que el contenedor decide y cada item necesita para pintarse. En el sistema de origen
+ * estas cuatro decisiones viven en clases del `ul` y bajan por selectores de
+ * descendencia; aquí el item resuelve su propio tema, así que las recibe.
+ */
+export type AccordionContext = {
+    align: Ref<AccordionAlignment>;
+    disabled: Ref<boolean>;
+    flush: ComputedRef<boolean>;
+    size: Ref<AccordionSize>;
+};
+export declare const accordionKey: InjectionKey<AccordionContext>;

package/dist/runtime/app/components/Accordion/Accordion.context.js

@@ -0,0 +1 @@
+export const accordionKey = Symbol("accordion");

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

@@ -0,0 +1,21 @@
+import type { AccordionProps } from './Accordion.types.js';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<AccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AccordionProps> & Readonly<{}>, {
+    disabled: boolean;
+    align: import("./Accordion.types.js").AccordionAlignment;
+    size: import("./Accordion.types.js").AccordionSize;
+    ordered: boolean;
+    isFlush: boolean;
+    ui: import("../../types/slots.js").ComponentUi<"accordion">;
+}, {}, {}, {}, 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/Accordion/Accordion.theme.d.ts

@@ -0,0 +1,73 @@
+export declare const accordionTheme: Record<"accordion", {
+    readonly compoundVariants: [{
+        readonly class: {
+            readonly item: "hover:border-t-(--vuno-layer-hover-01) [&:hover+li]:border-t-(--vuno-layer-hover-01) last:hover:border-b-(--vuno-layer-hover-01)";
+        };
+        readonly disabled: "false";
+        readonly flush: "false";
+        readonly open: "false";
+    }, {
+        readonly class: {
+            readonly heading: "hover:z-1 hover:before:absolute hover:before:inset-x-0 hover:before:-top-px hover:before:h-px hover:before:bg-(--vuno-layer-hover-01) hover:before:transition-[background-color] hover:before:duration-(--vuno-duration-fast-02) hover:before:ease-(--vuno-easing-standard-productive) hover:before:content-[''] hover:after:absolute hover:after:inset-x-0 hover:after:-bottom-px hover:after:h-px hover:after:bg-(--vuno-layer-hover-01) hover:after:transition-[background-color] hover:after:duration-(--vuno-duration-fast-02) hover:after:ease-(--vuno-easing-standard-productive) hover:after:content-[''] motion-reduce:hover:before:transition-none motion-reduce:hover:after:transition-none";
+        };
+        readonly disabled: "false";
+        readonly flush: "true";
+    }];
+    readonly slots: {
+        readonly arrow: "size-4 shrink-0 text-(--vuno-icon-primary) transition-transform duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) motion-reduce:transition-none";
+        readonly content: "px-4 font-normal text-sm tracking-[0.16px] text-(--vuno-text-primary) min-[480px]:pe-12 min-[640px]:pe-[25%]";
+        readonly heading: "relative flex w-full cursor-pointer items-center justify-start pe-4 text-start text-(--vuno-text-primary) transition-[background-color] duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) focus:z-2 focus:shadow-[0_-1px_0_0_var(--vuno-focus),inset_0_1px_0_0_var(--vuno-focus),inset_2px_0_0_0_var(--vuno-focus),0_1px_0_0_var(--vuno-focus),inset_0_-1px_0_0_var(--vuno-focus),inset_-2px_0_0_0_var(--vuno-focus)] focus:outline-none forced-colors:focus:outline-solid forced-colors:focus:outline-2 forced-colors:focus:outline-[Highlight] motion-reduce:transition-none";
+        readonly item: "relative list-item border-t border-(--vuno-border-subtle-00) transition-colors duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) last:border-b motion-reduce:transition-none";
+        readonly root: "m-0 w-full list-none p-0";
+        readonly title: "w-full ps-4 font-normal text-sm tracking-[0.16px] text-start";
+        readonly wrapper: "overflow-hidden opacity-0 transition-all transition-discrete duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) motion-reduce:transition-none";
+    };
+    readonly variants: {
+        readonly align: {
+            readonly end: {
+                readonly heading: "flex-row-reverse";
+            };
+            readonly start: {
+                readonly arrow: "ms-4 mt-0.5";
+                readonly content: "ms-8";
+                readonly heading: "flex-row";
+                readonly title: "me-4";
+            };
+        };
+        readonly disabled: {
+            readonly false: {
+                readonly heading: "hover:bg-(--vuno-layer-hover-01)";
+            };
+            readonly true: {
+                readonly arrow: "text-(--vuno-icon-disabled)";
+                readonly heading: "cursor-not-allowed bg-transparent text-(--vuno-text-disabled)";
+            };
+        };
+        readonly flush: {
+            readonly false: {};
+            readonly true: {
+                readonly item: "border-transparent before:absolute before:inset-x-4 before:-top-px before:h-px before:bg-(--vuno-border-subtle-00) before:transition-[background-color] before:duration-(--vuno-duration-fast-02) before:ease-(--vuno-easing-standard-productive) before:content-[''] last:border-transparent last:after:absolute last:after:inset-x-4 last:after:-bottom-px last:after:h-px last:after:bg-(--vuno-border-subtle-00) last:after:transition-[background-color] last:after:duration-(--vuno-duration-fast-02) last:after:ease-(--vuno-easing-standard-productive) last:after:content-[''] motion-reduce:before:transition-none motion-reduce:last:after:transition-none";
+            };
+        };
+        readonly open: {
+            readonly false: {
+                readonly wrapper: "hidden max-h-0 p-0";
+            };
+            readonly true: {
+                readonly arrow: "rotate-180";
+                readonly wrapper: "block max-h-fit overflow-visible pt-2 pb-6 opacity-100 starting:max-h-0 starting:py-0 starting:opacity-0";
+            };
+        };
+        readonly size: {
+            readonly sm: {
+                readonly heading: "min-h-8";
+            };
+            readonly md: {
+                readonly heading: "min-h-10";
+            };
+            readonly lg: {
+                readonly heading: "min-h-12";
+            };
+        };
+    };
+}>;

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

@@ -0,0 +1,56 @@
+import { defineTheme } from "#vuno/utils/theme";
+export const accordionTheme = defineTheme("accordion", {
+  compoundVariants: [
+    /*
+     * Vuno funde el borde del item con el `hover` del encabezado, también
+     * el del item siguiente, para que la fila abierta al pasar el ratón no
+     * quede cortada por una línea. No aplica ni deshabilitado —donde el
+     * encabezado tampoco cambia de fondo— ni en `flush`, que dibuja sus
+     * líneas con pseudoelementos.
+     */
+    {
+      class: { item: "hover:border-t-(--vuno-layer-hover-01) [&:hover+li]:border-t-(--vuno-layer-hover-01) last:hover:border-b-(--vuno-layer-hover-01)" },
+      disabled: "false",
+      flush: "false",
+      open: "false"
+    },
+    /* En `flush` ese fundido lo hacen dos líneas de 1 px sobre el encabezado. */
+    {
+      class: { heading: "hover:z-1 hover:before:absolute hover:before:inset-x-0 hover:before:-top-px hover:before:h-px hover:before:bg-(--vuno-layer-hover-01) hover:before:transition-[background-color] hover:before:duration-(--vuno-duration-fast-02) hover:before:ease-(--vuno-easing-standard-productive) hover:before:content-[''] hover:after:absolute hover:after:inset-x-0 hover:after:-bottom-px hover:after:h-px hover:after:bg-(--vuno-layer-hover-01) hover:after:transition-[background-color] hover:after:duration-(--vuno-duration-fast-02) hover:after:ease-(--vuno-easing-standard-productive) hover:after:content-[''] motion-reduce:hover:before:transition-none motion-reduce:hover:after:transition-none" },
+      disabled: "false",
+      flush: "true"
+    }
+  ],
+  slots: {
+    arrow: "size-4 shrink-0 text-(--vuno-icon-primary) transition-transform duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) motion-reduce:transition-none",
+    content: "px-4 font-normal text-sm tracking-[0.16px] text-(--vuno-text-primary) min-[480px]:pe-12 min-[640px]:pe-[25%]",
+    heading: "relative flex w-full cursor-pointer items-center justify-start pe-4 text-start text-(--vuno-text-primary) transition-[background-color] duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) focus:z-2 focus:shadow-[0_-1px_0_0_var(--vuno-focus),inset_0_1px_0_0_var(--vuno-focus),inset_2px_0_0_0_var(--vuno-focus),0_1px_0_0_var(--vuno-focus),inset_0_-1px_0_0_var(--vuno-focus),inset_-2px_0_0_0_var(--vuno-focus)] focus:outline-none forced-colors:focus:outline-solid forced-colors:focus:outline-2 forced-colors:focus:outline-[Highlight] motion-reduce:transition-none",
+    item: "relative list-item border-t border-(--vuno-border-subtle-00) transition-colors duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) last:border-b motion-reduce:transition-none",
+    root: "m-0 w-full list-none p-0",
+    title: "w-full ps-4 font-normal text-sm tracking-[0.16px] text-start",
+    wrapper: "overflow-hidden opacity-0 transition-all transition-discrete duration-(--vuno-duration-fast-02) ease-(--vuno-easing-standard-productive) motion-reduce:transition-none"
+  },
+  variants: {
+    align: {
+      end: { heading: "flex-row-reverse" },
+      start: { arrow: "ms-4 mt-0.5", content: "ms-8", heading: "flex-row", title: "me-4" }
+    },
+    disabled: {
+      false: { heading: "hover:bg-(--vuno-layer-hover-01)" },
+      true: { arrow: "text-(--vuno-icon-disabled)", heading: "cursor-not-allowed bg-transparent text-(--vuno-text-disabled)" }
+    },
+    flush: {
+      false: {},
+      true: { item: "border-transparent before:absolute before:inset-x-4 before:-top-px before:h-px before:bg-(--vuno-border-subtle-00) before:transition-[background-color] before:duration-(--vuno-duration-fast-02) before:ease-(--vuno-easing-standard-productive) before:content-[''] last:border-transparent last:after:absolute last:after:inset-x-4 last:after:-bottom-px last:after:h-px last:after:bg-(--vuno-border-subtle-00) last:after:transition-[background-color] last:after:duration-(--vuno-duration-fast-02) last:after:ease-(--vuno-easing-standard-productive) last:after:content-[''] motion-reduce:before:transition-none motion-reduce:last:after:transition-none" }
+    },
+    open: {
+      false: { wrapper: "hidden max-h-0 p-0" },
+      true: { arrow: "rotate-180", wrapper: "block max-h-fit overflow-visible pt-2 pb-6 opacity-100 starting:max-h-0 starting:py-0 starting:opacity-0" }
+    },
+    size: {
+      sm: { heading: "min-h-8" },
+      md: { heading: "min-h-10" },
+      lg: { heading: "min-h-12" }
+    }
+  }
+});

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

@@ -0,0 +1,20 @@
+import type { ComponentUi } from '#vuno/types/slots';
+export type AccordionAlignment = 'end' | 'start';
+export type AccordionSize = 'lg' | 'md' | 'sm';
+export type AccordionProps = {
+    /** Lado del encabezado en el que se coloca el chevron. */
+    align?: AccordionAlignment;
+    /** Deshabilita todos los `AccordionItem` que no declaren el suyo. */
+    disabled?: boolean;
+    /**
+     * Sangra las líneas divisorias en lugar de trazarlas de borde a borde.
+     * Vuno lo ignora con `align="start"`, donde el chevron ya ocupa ese
+     * espacio.
+     */
+    isFlush?: boolean;
+    /** Emite `ol` en lugar de `ul` cuando las secciones tienen orden. */
+    ordered?: boolean;
+    /** Altura del encabezado: 32, 40 o 48 px. */
+    size?: AccordionSize;
+    ui?: ComponentUi<'accordion'>;
+};

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

@@ -0,0 +1,26 @@
+<script setup>
+import { computed, provide, toRef } from "vue";
+import { useTheme } from "#vuno/composables/useTheme";
+import { accordionKey } from "./Accordion.context";
+defineOptions({ name: "Accordion" });
+const props = defineProps({
+  align: { type: String, required: false, default: "end" },
+  disabled: { type: Boolean, required: false, default: false },
+  isFlush: { type: Boolean, required: false, default: false },
+  ordered: { type: Boolean, required: false, default: false },
+  size: { type: String, required: false, default: "md" },
+  ui: { type: Object, required: false, default: void 0 }
+});
+const flush = computed(() => props.isFlush && props.align !== "start");
+provide(accordionKey, { align: toRef(props, "align"), disabled: toRef(props, "disabled"), flush, size: toRef(props, "size") });
+const ui = useTheme("accordion", () => props.ui);
+</script>
+
+<template>
+    <component
+        :is="props.ordered ? 'ol' : 'ul'"
+        :class="ui.root"
+    >
+        <slot />
+    </component>
+</template>

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

@@ -0,0 +1,21 @@
+import type { AccordionProps } from './Accordion.types.js';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<AccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AccordionProps> & Readonly<{}>, {
+    disabled: boolean;
+    align: import("./Accordion.types.js").AccordionAlignment;
+    size: import("./Accordion.types.js").AccordionSize;
+    ordered: boolean;
+    isFlush: boolean;
+    ui: import("../../types/slots.js").ComponentUi<"accordion">;
+}, {}, {}, {}, 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/AccordionItem/AccordionItem.d.vue.ts

@@ -0,0 +1,38 @@
+import type { AccordionItemProps } from './AccordionItem.types.js';
+type __VLS_Props = AccordionItemProps;
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_6: {}, __VLS_8: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_6) => any;
+} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    headingClick: (payload: {
+        event: MouseEvent;
+        isOpen: boolean;
+    }) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onHeadingClick?: ((payload: {
+        event: MouseEvent;
+        isOpen: boolean;
+    }) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    title: string;
+    ui: import("../../types/slots.js").ComponentUi<"accordion">;
+    ariaLabel: string;
+}, {}, {}, {}, 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/AccordionItem/AccordionItem.types.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentUi } from '#vuno/types/slots';
+export type AccordionItemProps = {
+    /**
+     * Nombre accesible del encabezado. Obligatorio cuando el título no aporta
+     * texto —por ejemplo, si el slot `title` solo contiene iconos—.
+     */
+    ariaLabel?: string;
+    /**
+     * Sin declarar, hereda el `disabled` del `Accordion`. Declarado, manda
+     * sobre el contenedor en los dos sentidos.
+     */
+    disabled?: boolean;
+    /** Título del encabezado; el slot `title` lo sustituye. */
+    title?: string;
+    ui?: ComponentUi<'accordion'>;
+};

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

@@ -0,0 +1,64 @@
+<script setup>
+import { computed, inject, useId } from "vue";
+import { useTheme } from "#vuno/composables/useTheme";
+import { accordionKey } from "#vuno/components/Accordion/Accordion.context";
+import Icon from "#vuno/primitives/PrimitiveIcon/PrimitiveIcon.vue";
+defineOptions({ name: "AccordionItem" });
+const open = defineModel("open", { type: Boolean, ...{ default: false } });
+const props = defineProps({
+  ariaLabel: { type: String, required: false, default: void 0 },
+  disabled: { type: Boolean, required: false, default: void 0 },
+  title: { type: String, required: false, default: void 0 },
+  ui: { type: Object, required: false, default: void 0 }
+});
+const emit = defineEmits(["headingClick"]);
+const context = inject(accordionKey, void 0);
+const contentId = useId();
+const disabled = computed(() => props.disabled ?? context?.disabled.value ?? false);
+const expanded = computed(() => open.value && !disabled.value);
+const ui = useTheme(
+  "accordion",
+  () => props.ui,
+  () => ({
+    align: context?.align.value ?? "end",
+    disabled: String(disabled.value),
+    flush: String(context?.flush.value ?? false),
+    open: String(expanded.value),
+    size: context?.size.value ?? "md"
+  })
+);
+function onHeadingClick(event) {
+  open.value = !open.value;
+  emit("headingClick", { event, isOpen: open.value });
+}
+</script>
+
+<template>
+    <li :class="ui.item">
+        <button
+            :aria-controls="contentId"
+            :aria-expanded="expanded"
+            :aria-label="props.ariaLabel"
+            :class="ui.heading"
+            :disabled="disabled"
+            type="button"
+            @click="onHeadingClick"
+        >
+            <Icon
+                :class="ui.arrow"
+                name="carbon:chevron-down"
+            />
+            <div :class="ui.title">
+                <slot name="title">{{ props.title }}</slot>
+            </div>
+        </button>
+        <div :class="ui.wrapper">
+            <div
+                :id="contentId"
+                :class="ui.content"
+            >
+                <slot />
+            </div>
+        </div>
+    </li>
+</template>

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

@@ -0,0 +1,38 @@
+import type { AccordionItemProps } from './AccordionItem.types.js';
+type __VLS_Props = AccordionItemProps;
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_6: {}, __VLS_8: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_6) => any;
+} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    headingClick: (payload: {
+        event: MouseEvent;
+        isOpen: boolean;
+    }) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onHeadingClick?: ((payload: {
+        event: MouseEvent;
+        isOpen: boolean;
+    }) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    title: string;
+    ui: import("../../types/slots.js").ComponentUi<"accordion">;
+    ariaLabel: string;
+}, {}, {}, {}, 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/ActionableNotification/ActionableNotification.d.vue.ts

@@ -0,0 +1,33 @@
+import type { ActionableNotificationProps } from './ActionableNotification.types.js';
+type __VLS_Slots = {
+    default?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<ActionableNotificationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    action: () => any;
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<ActionableNotificationProps> & Readonly<{
+    onAction?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    title: string;
+    inline: boolean;
+    kind: import("../InlineNotification/InlineNotification.types.js").NotificationKind;
+    lowContrast: boolean;
+    hideCloseButton: boolean;
+    caption: string;
+    subtitle: string;
+    ui: import("../../types/slots.js").ComponentUi<"inlineNotification">;
+    closeButtonLabel: string;
+    statusIconDescription: string;
+    actionButtonLabel: string;
+    closeOnEscape: boolean;
+    role: "alertdialog" | import("../InlineNotification/InlineNotification.types.js").NotificationRole;
+}, {}, {}, {}, 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/ActionableNotification/ActionableNotification.types.d.ts

@@ -0,0 +1,15 @@
+import type { NotificationProps, NotificationRole } from '#vuno/components/InlineNotification/InlineNotification.types';
+export type ActionableNotificationProps = NotificationProps & {
+    /** Etiqueta de la única acción que Vuno permite. Sin ella no se dibuja el botón. */
+    actionButtonLabel?: string;
+    caption?: string;
+    closeOnEscape?: boolean;
+    /** Presentación en línea en vez de toast: acción fantasma junto al texto. */
+    inline?: boolean;
+    /**
+     * `alertdialog` es el contrato completo: el foco entra al montar y queda
+     * dentro. Cualquier otro rol renuncia a esa gestión y deja la
+     * accesibilidad en manos de quien lo elige.
+     */
+    role?: 'alertdialog' | NotificationRole;
+};