nuance-ui 0.1.1

package/dist/runtime/components/chip/chip.vue

@@ -0,0 +1,270 @@
+<script setup>
+import { useStyleResolver } from "@nui/composals";
+import { createVariantColorResolver, getFontSize, getRadius, getSize } from "@nui/utils";
+import { computed, useId } from "vue";
+import Box from "../box.vue";
+import { useChipGroupState, useChipState } from "./lib";
+const {
+  id: _id,
+  color,
+  size = "sm",
+  radius = "xl",
+  variant = "filled",
+  type: _type = "checkbox",
+  value,
+  icon = "gravity-ui:check",
+  hideIcon = true,
+  disabled: _disabled
+} = defineProps({
+  radius: { type: [String, Number], required: false },
+  size: { type: String, required: false },
+  type: { type: String, required: false },
+  color: { type: null, required: false },
+  id: { type: String, required: false },
+  variant: { type: String, required: false },
+  value: { type: String, required: false },
+  icon: { type: String, required: false },
+  hideIcon: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false }
+});
+const id = _id || useId();
+const modelValue = defineModel({ type: Boolean, ...{ default: false } });
+const ctx = useChipGroupState();
+const { checked, onUpdate } = useChipState(ctx, modelValue, value);
+const disabled = ctx?.disabled || _disabled;
+const type = ctx ? ctx.multiple ? "checkbox" : "radio" : _type;
+const style = computed(() => useStyleResolver((theme) => {
+  const colors = createVariantColorResolver({
+    color,
+    theme,
+    variant
+  });
+  return {
+    "--chip-fz": getFontSize(size),
+    "--chip-size": getSize(size, "chip-size"),
+    "--chip-radius": radius === void 0 ? void 0 : getRadius(radius),
+    "--chip-checked-padding": getSize(size, "chip-checked-padding"),
+    "--chip-padding": getSize(size, "chip-padding"),
+    "--chip-icon-size": getSize(size, "chip-icon-size"),
+    "--chip-bg": color || variant ? colors.background : void 0,
+    "--chip-hover": color || variant ? colors.hover : void 0,
+    "--chip-color": color || variant ? colors.text : void 0,
+    "--chip-bd": color || variant ? colors.border : void 0,
+    "--chip-spacing": getSize(size, "chip-spacing")
+  };
+}));
+</script>
+
+<template>
+	<Box :style :class='[$style.root, $attrs?.style]'>
+		<input
+			v-bind='{
+  ...$attrs,
+  class: $style.input,
+  checked,
+  value,
+  type,
+  disabled,
+  id
+}'
+			@click='onUpdate()'
+		>
+		<Box is='label' :for='id' :class='$style.label' :mod='{ variant }'>
+			<span v-if='hideIcon && checked' :class='$style.iconWrapper'>
+				<Icon :name='icon' :class='$style.icon' />
+			</span>
+
+			<span><slot /></span>
+		</Box>
+	</Box>
+</template>
+
+<style lang="postcss" module>
+.root {
+	--chip-size-xs: rem(23px);
+	--chip-size-sm: rem(28px);
+	--chip-size-md: rem(32px);
+	--chip-size-lg: rem(36px);
+	--chip-size-xl: rem(40px);
+
+	--chip-icon-size-xs: rem(12px);
+	--chip-icon-size-sm: rem(14px);
+	--chip-icon-size-md: rem(16px);
+	--chip-icon-size-lg: rem(18px);
+	--chip-icon-size-xl: rem(20px);
+
+	--chip-padding-xs: rem(16px);
+	--chip-padding-sm: rem(20px);
+	--chip-padding-md: rem(24px);
+	--chip-padding-lg: rem(28px);
+	--chip-padding-xl: rem(32px);
+
+	--chip-checked-padding-xs: rem(7.5px);
+	--chip-checked-padding-sm: rem(10px);
+	--chip-checked-padding-md: rem(11.7px);
+	--chip-checked-padding-lg: rem(13.5px);
+	--chip-checked-padding-xl: rem(15.7px);
+
+	--chip-spacing-xs: rem(10px);
+	--chip-spacing-sm: rem(12px);
+	--chip-spacing-md: rem(16px);
+	--chip-spacing-lg: rem(20px);
+	--chip-spacing-xl: rem(22px);
+
+	--chip-size: var(--chip-size-sm);
+	--chip-icon-size: var(--chip-icon-size-sm);
+	--chip-padding: var(--chip-padding-sm);
+	--chip-spacing: var(--chip-spacing-sm);
+	--chip-checked-padding: var(--chip-checked-padding-sm);
+	--chip-bg: var(--color-primary-filled);
+	--chip-hover: var(--color-primary-filled-hover);
+	--chip-color: var(--color-white);
+	--chip-bd: 1px solid transparent;
+
+	--chip-fz: var(--font-size-sm);
+	--chip-radius: var(--radius-xl);
+}
+
+.label {
+	cursor: pointer;
+	user-select: none;
+
+	display: inline-flex;
+	align-items: center;
+
+	height: var(--chip-size);
+	padding-inline: var(--chip-padding);
+
+	border: 1px solid transparent;
+	border-radius: var(--chip-radius);
+
+	font-size: var(--chip-fz);
+	line-height: calc(var(--chip-size) - rem(2px));
+	color: var(--color-text);
+	white-space: nowrap;
+	-webkit-tap-highlight-color: transparent;
+}
+
+.iconWrapper {
+	overflow: hidden;
+	display: flex;
+	align-items: center;
+
+	width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
+	max-width: calc(var(--chip-icon-size) + (var(--chip-spacing) / 1.5));
+	height: var(--chip-icon-size);
+}
+
+.icon {
+	display: block;
+
+	width: var(--chip-icon-size);
+	height: var(--chip-icon-size);
+
+	color: var(--chip-icon-color, inherit);
+}
+
+.input {
+	width: 0;
+	height: 0;
+	margin: 0;
+	padding: 0;
+
+	opacity: 0;
+
+	&:focus-visible + .label {
+		outline: 2px solid var(--color-primary-filled);
+		outline-offset: 2px;
+	}
+}
+
+.input:disabled {
+	& + .label {
+		cursor: not-allowed;
+
+		color: var(--color-disabled-text);
+
+		background-color: var(--color-disabled);
+	}
+}
+
+.input:not(:disabled) {
+	& + .label[data-variant='outline'] {
+		@mixin where-light {
+			border: 1px solid var(--color-gray-3);
+
+			background-color: var(--color-white);
+		}
+
+		@mixin where-dark {
+			border: 1px solid var(--color-dark-4);
+
+			background-color: var(--color-dark-6);
+		}
+
+		@mixin hover {
+			@mixin where-light {
+				background-color: var(--color-gray-0);
+			}
+
+			@mixin where-dark {
+				background-color: var(--color-dark-5);
+			}
+		}
+	}
+
+	& + .label[data-variant='filled'],
+	& + .label[data-variant='light'] {
+		border: 1px solid transparent;
+
+		color: var(--color-text);
+
+		@mixin where-light {
+			background-color: var(--color-gray-1);
+		}
+
+		@mixin where-dark {
+			background-color: var(--color-dark-5);
+		}
+
+		@mixin hover {
+			@mixin where-light {
+				background-color: var(--color-gray-2);
+			}
+
+			@mixin where-dark {
+				background-color: var(--color-dark-4);
+			}
+		}
+	}
+}
+
+.input:not(:disabled):checked {
+	& + .label {
+		padding: var(--chip-checked-padding);
+	}
+
+	& + .label[data-variant='outline'] {
+		--chip-icon-color: var(--chip-color);
+
+		border: var(--chip-bd);
+
+		@mixin hover {
+			background-color: var(--chip-hover);
+		}
+	}
+
+	& + .label[data-variant='filled'],
+	& + .label[data-variant='light'] {
+		--chip-icon-color: var(--chip-color);
+
+		color: var(--chip-color);
+
+		background-color: var(--chip-bg);
+
+		@mixin hover {
+			background-color: var(--chip-hover);
+		}
+	}
+}
+</style>

package/dist/runtime/components/chip/chip.vue.d.ts

@@ -0,0 +1,35 @@
+import type { UiKitColor, UiKitRadius, UiKitSize } from '@nui/types';
+export interface ChipProps {
+    radius?: UiKitRadius;
+    size?: UiKitSize;
+    type?: 'radio' | 'checkbox';
+    color?: UiKitColor;
+    id?: string;
+    variant?: 'filled' | 'outline' | 'light';
+    value?: string;
+    icon?: string;
+    hideIcon?: boolean;
+    disabled?: boolean;
+}
+type __VLS_Props = ChipProps;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_15: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, 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/components/chip/index.d.ts

@@ -0,0 +1,3 @@
+export type * from './chip-group.vue';
+export type * from './chip.vue';
+export { useChipGroupState } from './lib.js';

package/dist/runtime/components/chip/index.js

@@ -0,0 +1 @@
+export { useChipGroupState } from "./lib.js";

package/dist/runtime/components/chip/lib.d.ts

@@ -0,0 +1,14 @@
+import type { ModelRef } from 'vue';
+export type ChipGroupValue<T extends boolean = false> = (T extends true ? string[] : string) | null;
+interface ChipGroupState {
+    multiple: boolean;
+    value: ModelRef<string | string[] | null>;
+    disabled?: boolean;
+}
+export declare const useProvideChipGroupState: (props: ChipGroupState) => ChipGroupState;
+export declare const useChipGroupState: () => ChipGroupState;
+export declare function useChipState(ctx: ChipGroupState | undefined, state: ModelRef<boolean>, value?: string): {
+    checked: import("vue").ComputedRef<boolean>;
+    onUpdate: () => void;
+};
+export {};

package/dist/runtime/components/chip/lib.js

@@ -0,0 +1,25 @@
+import { createStrictInjection } from "@nui/helpers";
+import { computed } from "vue";
+const injectionKey = Symbol("chip-group");
+const [useProvide, useState] = createStrictInjection((props) => props, {
+  injectionKey,
+  name: "ChipGroup"
+});
+export const useProvideChipGroupState = useProvide;
+export const useChipGroupState = useState;
+export function useChipState(ctx, state, value) {
+  const checked = computed(() => {
+    if (ctx?.value !== void 0 && value) {
+      return Array.isArray(ctx.value.value) ? ctx.value.value.includes(value) : ctx.value.value === value;
+    }
+    return state.value;
+  });
+  const onUpdate = () => {
+    if (ctx?.value !== void 0 && value) {
+      ctx.value.value = Array.isArray(ctx.value.value) ? ctx.value.value.includes(value) ? ctx.value.value.filter((i) => i !== value) : [...ctx.value.value, value] : ctx.value.value === value ? null : value;
+    } else {
+      state.value = !state.value;
+    }
+  };
+  return { checked, onUpdate };
+}

package/dist/runtime/components/combobox/combobox-dropdown.d.vue.ts

@@ -0,0 +1,13 @@
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => 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/components/combobox/combobox-dropdown.vue

@@ -0,0 +1,33 @@
+<script setup>
+import { getSize } from "@nui/utils";
+import { computed } from "vue";
+import Box from "../box.vue";
+import PopoverDropdown from "../popover/popover-dropdown.vue";
+import css from "./combobox.module.css";
+import { useComboboxState } from "./lib/context";
+const { store, dropdownPadding } = useComboboxState();
+const style = computed(() => ({
+  "--combobox-padding": getSize(dropdownPadding, ""),
+  "--combobox-option-padding": getSize(dropdownPadding, "combobox-option-padding")
+}));
+</script>
+
+<template>
+	<PopoverDropdown :class='$style.dropdown'>
+		<Box
+			:id='store.listId'
+			role='presentation'
+			:class='css.dropdown'
+			:style
+			v-bind='$attrs'
+		>
+			<slot />
+		</Box>
+	</PopoverDropdown>
+</template>
+
+<style module lang="postcss">
+.dropdown {
+	padding: 0;
+}
+</style>

package/dist/runtime/components/combobox/combobox-dropdown.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => 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/components/combobox/combobox-empty.d.vue.ts

@@ -0,0 +1,16 @@
+import type { BoxProps } from '../box.vue.js';
+export interface ComboboxEmptyProps extends /* @vue-ignore */ Omit<BoxProps, 'is'> {
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ComboboxEmptyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxEmptyProps> & Readonly<{}>, {}, {}, {}, {}, 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/components/combobox/combobox-empty.vue

@@ -0,0 +1,11 @@
+<script setup>
+import Box from "../box.vue";
+import css from "./combobox.module.css";
+const { mod } = defineProps({});
+</script>
+
+<template>
+	<Box :mod :class='css.empty'>
+		<slot />
+	</Box>
+</template>

package/dist/runtime/components/combobox/combobox-empty.vue.d.ts

@@ -0,0 +1,16 @@
+import type { BoxProps } from '../box.vue.js';
+export interface ComboboxEmptyProps extends /* @vue-ignore */ Omit<BoxProps, 'is'> {
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ComboboxEmptyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxEmptyProps> & Readonly<{}>, {}, {}, {}, {}, 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/components/combobox/combobox-group.d.vue.ts

@@ -0,0 +1,27 @@
+import type { BoxProps } from '../box.vue.js';
+import type { ComboboxItem, ComboboxItemExt, ComboboxItemGroup, ComboboxItemProps } from './types/index.js';
+export interface ComboboxGroupProps<Value extends string = string, Ext extends ComboboxItemExt = object> extends /* @vue-ignore */ Omit<BoxProps, 'is'>, ComboboxItemProps {
+    /** Group label */
+    label?: string;
+    data: ComboboxItemGroup<Value, Ext>;
+}
+declare const __VLS_export: <Value extends string = string, Ext extends ComboboxItemExt = object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<(ComboboxGroupProps<Value, Ext> & {
+        value?: ComboboxItem<Value, Ext> | ComboboxItem<Value, Ext>[] | null;
+    }) & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "update:value", value: ComboboxItem<Value, Ext> | ComboboxItem<Value, Ext>[] | null | undefined) => void>>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        label?: (props: {}) => any;
+    } & {
+        option?: (props: any) => any;
+    };
+    emit: (evt: "update:value", value: ComboboxItem<Value, Ext> | ComboboxItem<Value, Ext>[] | null | undefined) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/dist/runtime/components/combobox/combobox-group.vue

@@ -0,0 +1,47 @@
+<script setup>
+import { useId } from "vue";
+import Box from "../box.vue";
+import ComboboxOption from "./combobox-option.vue";
+import css from "./combobox.module.css";
+import { isValueChecked } from "./lib/utils";
+const {
+  label,
+  mod,
+  data,
+  iconPosition,
+  checkIcon,
+  withCheckIcon
+} = defineProps({
+  label: { type: String, required: false },
+  data: { type: Object, required: true },
+  withCheckIcon: { type: Boolean, required: false },
+  checkIcon: { type: String, required: false },
+  iconPosition: { type: String, required: false }
+});
+const uid = useId();
+const value = defineModel("value", { type: [Object, Array, null] });
+</script>
+
+<template>
+	<Box :class='css.group' role='group' :aria-labelledby='label ? uid : void 0' :mod>
+		<div v-if='label || $slots?.label' :id='uid' :class='css.groupLabel'>
+			<slot name='label'>
+				{{ label }}
+			</slot>
+		</div>
+
+		<ComboboxOption
+			v-for='item in data.items'
+			:key='item.value'
+			:data='item'
+			:icon-position
+			:with-check-icon
+			:check-icon
+			:checked='isValueChecked(value, item)'
+		>
+			<template v-if='$slots.option' #default='props'>
+				<slot name='option' v-bind='props' />
+			</template>
+		</ComboboxOption>
+	</Box>
+</template>

package/dist/runtime/components/combobox/combobox-group.vue.d.ts

@@ -0,0 +1,27 @@
+import type { BoxProps } from '../box.vue.js';
+import type { ComboboxItem, ComboboxItemExt, ComboboxItemGroup, ComboboxItemProps } from './types/index.js';
+export interface ComboboxGroupProps<Value extends string = string, Ext extends ComboboxItemExt = object> extends /* @vue-ignore */ Omit<BoxProps, 'is'>, ComboboxItemProps {
+    /** Group label */
+    label?: string;
+    data: ComboboxItemGroup<Value, Ext>;
+}
+declare const __VLS_export: <Value extends string = string, Ext extends ComboboxItemExt = object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<(ComboboxGroupProps<Value, Ext> & {
+        value?: ComboboxItem<Value, Ext> | ComboboxItem<Value, Ext>[] | null;
+    }) & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "update:value", value: ComboboxItem<Value, Ext> | ComboboxItem<Value, Ext>[] | null | undefined) => void>>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        label?: (props: {}) => any;
+    } & {
+        option?: (props: any) => any;
+    };
+    emit: (evt: "update:value", value: ComboboxItem<Value, Ext> | ComboboxItem<Value, Ext>[] | null | undefined) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/dist/runtime/components/combobox/combobox-option-list.d.vue.ts

@@ -0,0 +1,18 @@
+import type { BoxProps } from '../box.vue.js';
+export interface ComboboxOptionListProps extends /* @vue-ignore */ Omit<BoxProps, 'is'> {
+    /** Id of the element that labels the options list */
+    labelledBy?: string;
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ComboboxOptionListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxOptionListProps> & Readonly<{}>, {}, {}, {}, {}, 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/components/combobox/combobox-option-list.vue

@@ -0,0 +1,13 @@
+<script setup>
+import Box from "../box.vue";
+import css from "./combobox.module.css";
+const { labelledBy, mod } = defineProps({
+  labelledBy: { type: String, required: false }
+});
+</script>
+
+<template>
+	<Box :class='css.options' role='listbox' :aria-labelledby='labelledBy' :mod>
+		<slot />
+	</Box>
+</template>

package/dist/runtime/components/combobox/combobox-option-list.vue.d.ts

@@ -0,0 +1,18 @@
+import type { BoxProps } from '../box.vue.js';
+export interface ComboboxOptionListProps extends /* @vue-ignore */ Omit<BoxProps, 'is'> {
+    /** Id of the element that labels the options list */
+    labelledBy?: string;
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ComboboxOptionListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ComboboxOptionListProps> & Readonly<{}>, {}, {}, {}, {}, 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/components/combobox/combobox-option.d.vue.ts

@@ -0,0 +1,23 @@
+import type { BoxProps } from '../box.vue.js';
+import type { ComboboxItem, ComboboxItemExt, ComboboxItemProps } from './types/index.js';
+export interface ComboboxOptionProps<Value extends string = string, Ext extends ComboboxItemExt = object> extends /* @vue-ignore */ Omit<BoxProps, 'is'>, ComboboxItemProps {
+    data: ComboboxItem<Value, Ext>;
+    checked: boolean;
+    selected?: boolean;
+}
+declare const __VLS_export: <Value extends string = string, Ext extends ComboboxItemExt = object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<ComboboxOptionProps<Value, Ext>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: Required<Pick<ComboboxOptionProps<Value, Ext>, "withCheckIcon" | "iconPosition" | "data" | "checked">>) => any;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};