keep-vue
Version:
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.
91 lines (90 loc) • 4.71 kB
JavaScript
/// <reference types=".vue-global-types/vue_3.5_false.d.ts" />
import { SelectItem, SelectItemIndicator, SelectItemText, useForwardProps, } from "radix-vue";
import { computed } from "vue";
import { cn } from "../../utils/cn";
const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
let __VLS_typeProps;
const props = defineProps();
const restProps = computed(() => {
const { class: _, showCheckIcon, ...rest } = props;
return rest;
});
const forwardedProps = useForwardProps(restProps);
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;
const __VLS_0 = __VLS_resolvedLocalAndGlobalComponents.SelectItem;
/** @type { [typeof __VLS_components.SelectItem, typeof __VLS_components.SelectItem, ] } */
// @ts-ignore
const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ ...(__VLS_ctx.forwardedProps), ...{ class: ((__VLS_ctx.cn('relative flex w-full cursor-default select-none items-center rounded-lg p-2.5 text-body-4 font-medium text-metal-600 outline-none focus:bg-metal-50 focus:text-metal-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:text-white dark:focus:bg-metal-800 dark:focus:text-white', props.class))) }, }));
const __VLS_2 = __VLS_1({ ...(__VLS_ctx.forwardedProps), ...{ class: ((__VLS_ctx.cn('relative flex w-full cursor-default select-none items-center rounded-lg p-2.5 text-body-4 font-medium text-metal-600 outline-none focus:bg-metal-50 focus:text-metal-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:text-white dark:focus:bg-metal-800 dark:focus:text-white', props.class))) }, }, ...__VLS_functionalComponentArgsRest(__VLS_1));
__VLS_elementAsFunction(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({ ...{ class: ((__VLS_ctx.cn('absolute right-2 flex h-3.5 w-3.5 items-center justify-center', __VLS_ctx.showCheckIcon ? 'block' : 'hidden'))) }, });
const __VLS_6 = __VLS_resolvedLocalAndGlobalComponents.SelectItemIndicator;
/** @type { [typeof __VLS_components.SelectItemIndicator, typeof __VLS_components.SelectItemIndicator, ] } */
// @ts-ignore
const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({}));
const __VLS_8 = __VLS_7({}, ...__VLS_functionalComponentArgsRest(__VLS_7));
__VLS_elementAsFunction(__VLS_intrinsicElements.svg, __VLS_intrinsicElements.svg)({ xmlns: ("http://www.w3.org/2000/svg"), ...{ class: ("h-4 w-4 fill-metal-900 dark:fill-white") }, viewBox: ("0 0 256 256"), });
__VLS_elementAsFunction(__VLS_intrinsicElements.path)({ d: ("M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z"), });
__VLS_nonNullable(__VLS_11.slots).default;
const __VLS_11 = __VLS_pickFunctionalComponentCtx(__VLS_6, __VLS_8);
const __VLS_12 = __VLS_resolvedLocalAndGlobalComponents.SelectItemText;
/** @type { [typeof __VLS_components.SelectItemText, typeof __VLS_components.SelectItemText, ] } */
// @ts-ignore
const __VLS_13 = __VLS_asFunctionalComponent(__VLS_12, new __VLS_12({}));
const __VLS_14 = __VLS_13({}, ...__VLS_functionalComponentArgsRest(__VLS_13));
var __VLS_18 = {};
__VLS_nonNullable(__VLS_17.slots).default;
const __VLS_17 = __VLS_pickFunctionalComponentCtx(__VLS_12, __VLS_14);
__VLS_nonNullable(__VLS_5.slots).default;
const __VLS_5 = __VLS_pickFunctionalComponentCtx(__VLS_0, __VLS_2);
__VLS_styleScopedClasses['h-4'];
__VLS_styleScopedClasses['w-4'];
__VLS_styleScopedClasses['fill-metal-900'];
__VLS_styleScopedClasses['dark:fill-white'];
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 {
SelectItem: SelectItem,
SelectItemIndicator: SelectItemIndicator,
SelectItemText: SelectItemText,
cn: cn,
forwardedProps: forwardedProps,
};
},
__typeProps: {},
});
const __VLS_component = (await import('vue')).defineComponent({
setup() {
return {};
},
__typeProps: {},
});
export default {};
;