keep-vue/lib/components/Accordion/AccordionIcon.vue.js

Keep Vue is an open-source component library built on top of Vue3 and Tailwind CSS. It offers a collection of pre-designed UI components and styles that you can easily integrate into your web applications.

/// <reference types=".vue-global-types/vue_3.5_false.d.ts" />
import { computed } from "vue";
import { cn } from "../../utils/cn";
import { accordionTheme } from "./accordionTheme";
const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
let __VLS_typeProps;
const props = defineProps();
const restProps = computed(() => {
    const { class: _, asChild, ...rest } = props;
    return rest;
});
const __VLS_fnComponent = (await import('vue')).defineComponent({});
;
let __VLS_functionalComponentProps;
function __VLS_template() {
    const __VLS_ctx = {};
    const __VLS_localComponents = {
        ...{},
        ...{},
        ...__VLS_ctx,
    };
    let __VLS_components;
    const __VLS_localDirectives = {
        ...{},
        ...__VLS_ctx,
    };
    let __VLS_directives;
    let __VLS_styleScopedClasses;
    let __VLS_resolvedLocalAndGlobalComponents;
    if (__VLS_ctx.asChild) {
        var __VLS_0 = {};
    }
    else {
        __VLS_elementAsFunction(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({ ...(__VLS_ctx.restProps), ...{ class: ((__VLS_ctx.cn(__VLS_ctx.accordionTheme.icon.base, props.class))) }, });
        var __VLS_1 = {};
        __VLS_elementAsFunction(__VLS_intrinsicElements.svg, __VLS_intrinsicElements.svg)({ ...{ class: ("shrink-0 fill-metal-300 dark:fill-metal-500") }, width: ("16"), height: ("16"), xmlns: ("http://www.w3.org/2000/svg"), });
        __VLS_elementAsFunction(__VLS_intrinsicElements.rect)({ y: ("7"), width: ("16"), height: ("2"), rx: ("1"), ...{ class: ("origin-center transform transition duration-150 ease-out") }, });
        __VLS_elementAsFunction(__VLS_intrinsicElements.rect)({ y: ("7"), width: ("16"), height: ("2"), rx: ("1"), ...{ class: ("origin-center rotate-90 transform transition duration-150 ease-out") }, });
    }
    __VLS_styleScopedClasses['shrink-0'];
    __VLS_styleScopedClasses['fill-metal-300'];
    __VLS_styleScopedClasses['dark:fill-metal-500'];
    __VLS_styleScopedClasses['origin-center'];
    __VLS_styleScopedClasses['transform'];
    __VLS_styleScopedClasses['transition'];
    __VLS_styleScopedClasses['duration-150'];
    __VLS_styleScopedClasses['ease-out'];
    __VLS_styleScopedClasses['origin-center'];
    __VLS_styleScopedClasses['rotate-90'];
    __VLS_styleScopedClasses['transform'];
    __VLS_styleScopedClasses['transition'];
    __VLS_styleScopedClasses['duration-150'];
    __VLS_styleScopedClasses['ease-out'];
    var __VLS_slots;
    var __VLS_inheritedAttrs;
    const __VLS_refs = {};
    var $refs;
    return {
        slots: __VLS_slots,
        refs: $refs,
        attrs: {},
    };
}
;
const __VLS_self = (await import('vue')).defineComponent({
    setup() {
        return {
            cn: cn,
            accordionTheme: accordionTheme,
            restProps: restProps,
        };
    },
    __typeProps: {},
});
const __VLS_component = (await import('vue')).defineComponent({
    setup() {
        return {};
    },
    __typeProps: {},
});
export default {};
;