@indielayer/ui 1.18.0 → 1.18.1

package/docs/components/toolbar/ToolbarColorToggle.vue

@@ -41,7 +41,7 @@ function updateMode() {
 <template>
   <x-button
     ghost
-    size="sm"
+    size="xs"
     class="-ml-2"
     :icon-left="colorMode === 'light' ? 'sun' : 'moon'"
     @click="toggle"

package/docs/pages/component/select/multiple.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 
-const selectedMultiple = ref<string[]>(['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M'])
+const selectedMultiple = ref<string[]>(['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'NON EXISTING'])
 
 const options = ref([
-  { value: 'A', label: 'Option lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum', color: 'bg-red-500' },
+  { value: 'A', label: 'Option lorem ipsum lorem ipsum', color: 'bg-red-500' },
   { value: 'B', label: 'Option B ipsum', color: 'bg-orange-500' },
   { value: 'C', label: 'Option C lorem ipsum', color: 'bg-amber-500' },
   { value: 'D', label: 'D', color: 'bg-yellow-500' },

package/lib/components/select/Select.vue.d.ts

@@ -1,5 +1,6 @@
 import { type PropType, type ExtractPublicPropTypes, type Ref, nextTick } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
+import XPopover from '../popover/Popover.vue';
 declare const selectProps: {
     placeholder: StringConstructor;
     options: PropType<SelectOption[]>;
@@ -943,360 +944,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     virtualListItemHeight: number;
     virtualListOverscan: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    input?(_: {
-        popover: ({
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                disabled: boolean;
-                delay: string | number | {
-                    show: number;
-                    hide: number;
-                };
-                container: string | boolean | Record<string, any>;
-                positioningDisabled: boolean;
-                placement: import("floating-vue").Placement;
-                triggers: import("floating-vue").TriggerEvent[];
-                hideArrow: boolean;
-                strategy: "absolute" | "fixed";
-                autoHide: boolean | ((event: Event) => boolean);
-                shown: boolean;
-                handleResize: boolean;
-                instantMove: boolean;
-                eagerMount: boolean;
-                computeTransformOrigin: boolean;
-            }> & Omit<{
-                readonly disabled: boolean;
-                readonly delay: string | number | {
-                    show: number;
-                    hide: number;
-                };
-                readonly container: string | boolean | Record<string, any>;
-                readonly positioningDisabled: boolean;
-                readonly placement: import("floating-vue").Placement;
-                readonly triggers: import("floating-vue").TriggerEvent[];
-                readonly hideArrow: boolean;
-                readonly strategy: "absolute" | "fixed";
-                readonly autoHide: boolean | ((event: Event) => boolean);
-                readonly shown: boolean;
-                readonly handleResize: boolean;
-                readonly instantMove: boolean;
-                readonly eagerMount: boolean;
-                readonly computeTransformOrigin: boolean;
-                readonly distance?: string | number | undefined;
-                readonly skidding?: string | number | undefined;
-                readonly showTriggers?: import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[]) | undefined;
-                readonly hideTriggers?: import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[]) | undefined;
-                readonly popperTriggers?: import("floating-vue").TriggerEvent[] | undefined;
-                readonly popperShowTriggers?: import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[]) | undefined;
-                readonly popperHideTriggers?: import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[]) | undefined;
-                readonly boundary?: string | Record<string, any> | undefined;
-                readonly popperClass?: string | Record<string, any> | unknown[] | undefined;
-                readonly onResize?: ((...args: any[]) => any) | undefined;
-                readonly onShow?: ((...args: any[]) => any) | undefined;
-                readonly onHide?: ((...args: any[]) => any) | undefined;
-                readonly "onUpdate:shown"?: ((...args: any[]) => any) | undefined;
-                readonly "onApply-show"?: ((...args: any[]) => any) | undefined;
-                readonly "onApply-hide"?: ((...args: any[]) => any) | undefined;
-                readonly "onClose-group"?: ((...args: any[]) => any) | undefined;
-                readonly "onClose-directive"?: ((...args: any[]) => any) | undefined;
-                readonly "onAuto-hide"?: ((...args: any[]) => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                disabled: BooleanConstructor;
-                positioningDisabled: BooleanConstructor;
-                placement: {
-                    type: PropType<import("floating-vue").Placement>;
-                    default: string;
-                };
-                delay: {
-                    type: PropType<string | number | {
-                        show: number;
-                        hide: number;
-                    }>;
-                    default: number;
-                };
-                distance: (StringConstructor | NumberConstructor)[];
-                skidding: (StringConstructor | NumberConstructor)[];
-                triggers: {
-                    type: PropType<import("floating-vue").TriggerEvent[]>;
-                    default: () => string[];
-                };
-                hideArrow: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                showTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-                hideTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-                popperTriggers: PropType<import("floating-vue").TriggerEvent[]>;
-                popperShowTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-                popperHideTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-                container: {
-                    type: (BooleanConstructor | ObjectConstructor | StringConstructor)[];
-                    default: string;
-                };
-                boundary: (ObjectConstructor | StringConstructor)[];
-                strategy: {
-                    type: PropType<"absolute" | "fixed">;
-                    default: string;
-                };
-                autoHide: {
-                    type: PropType<boolean | ((event: Event) => boolean)>;
-                    default: boolean;
-                };
-                shown: BooleanConstructor;
-                handleResize: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                instantMove: BooleanConstructor;
-                eagerMount: BooleanConstructor;
-                popperClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
-                computeTransformOrigin: BooleanConstructor;
-            }>> & Readonly<{
-                onResize?: ((...args: any[]) => any) | undefined;
-                onShow?: ((...args: any[]) => any) | undefined;
-                onHide?: ((...args: any[]) => any) | undefined;
-                "onUpdate:shown"?: ((...args: any[]) => any) | undefined;
-                "onApply-show"?: ((...args: any[]) => any) | undefined;
-                "onApply-hide"?: ((...args: any[]) => any) | undefined;
-                "onClose-group"?: ((...args: any[]) => any) | undefined;
-                "onClose-directive"?: ((...args: any[]) => any) | undefined;
-                "onAuto-hide"?: ((...args: any[]) => any) | undefined;
-            }>, "disabled" | "delay" | "container" | "positioningDisabled" | "placement" | "triggers" | "hideArrow" | "strategy" | "autoHide" | "shown" | "handleResize" | "instantMove" | "eagerMount" | "computeTransformOrigin">;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot<any> | undefined;
-            }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-            $host: Element | null;
-            $emit: (event: "resize" | "show" | "hide" | "update:shown" | "apply-show" | "apply-hide" | "close-group" | "close-directive" | "auto-hide", ...args: any[]) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                disabled: BooleanConstructor;
-                positioningDisabled: BooleanConstructor;
-                placement: {
-                    type: PropType<import("floating-vue").Placement>;
-                    default: string;
-                };
-                delay: {
-                    type: PropType<string | number | {
-                        show: number;
-                        hide: number;
-                    }>;
-                    default: number;
-                };
-                distance: (StringConstructor | NumberConstructor)[];
-                skidding: (StringConstructor | NumberConstructor)[];
-                triggers: {
-                    type: PropType<import("floating-vue").TriggerEvent[]>;
-                    default: () => string[];
-                };
-                hideArrow: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                showTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-                hideTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-                popperTriggers: PropType<import("floating-vue").TriggerEvent[]>;
-                popperShowTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-                popperHideTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-                container: {
-                    type: (BooleanConstructor | ObjectConstructor | StringConstructor)[];
-                    default: string;
-                };
-                boundary: (ObjectConstructor | StringConstructor)[];
-                strategy: {
-                    type: PropType<"absolute" | "fixed">;
-                    default: string;
-                };
-                autoHide: {
-                    type: PropType<boolean | ((event: Event) => boolean)>;
-                    default: boolean;
-                };
-                shown: BooleanConstructor;
-                handleResize: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                instantMove: BooleanConstructor;
-                eagerMount: BooleanConstructor;
-                popperClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
-                computeTransformOrigin: BooleanConstructor;
-            }>> & Readonly<{
-                onResize?: ((...args: any[]) => any) | undefined;
-                onShow?: ((...args: any[]) => any) | undefined;
-                onHide?: ((...args: any[]) => any) | undefined;
-                "onUpdate:shown"?: ((...args: any[]) => any) | undefined;
-                "onApply-show"?: ((...args: any[]) => any) | undefined;
-                "onApply-hide"?: ((...args: any[]) => any) | undefined;
-                "onClose-group"?: ((...args: any[]) => any) | undefined;
-                "onClose-directive"?: ((...args: any[]) => any) | undefined;
-                "onAuto-hide"?: ((...args: any[]) => any) | undefined;
-            }>, {
-                show: () => void;
-                hide: () => void;
-                toggle: () => void;
-                isOpen: Ref<boolean, boolean>;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("resize" | "show" | "hide" | "update:shown" | "apply-show" | "apply-hide" | "close-group" | "close-directive" | "auto-hide")[], string, {
-                disabled: boolean;
-                delay: string | number | {
-                    show: number;
-                    hide: number;
-                };
-                container: string | boolean | Record<string, any>;
-                positioningDisabled: boolean;
-                placement: import("floating-vue").Placement;
-                triggers: import("floating-vue").TriggerEvent[];
-                hideArrow: boolean;
-                strategy: "absolute" | "fixed";
-                autoHide: boolean | ((event: Event) => boolean);
-                shown: boolean;
-                handleResize: boolean;
-                instantMove: boolean;
-                eagerMount: boolean;
-                computeTransformOrigin: boolean;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
-                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                created?: ((() => void) | (() => void)[]) | undefined;
-                beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                mounted?: ((() => void) | (() => void)[]) | undefined;
-                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                updated?: ((() => void) | (() => void)[]) | undefined;
-                activated?: ((() => void) | (() => void)[]) | undefined;
-                deactivated?: ((() => void) | (() => void)[]) | undefined;
-                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                destroyed?: ((() => void) | (() => void)[]) | undefined;
-                unmounted?: ((() => void) | (() => void)[]) | undefined;
-                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import("@vue/reactivity").OnCleanup) => any : (args_0: any, args_1: any, args_2: import("@vue/reactivity").OnCleanup) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Readonly<{
-            disabled: boolean;
-            delay: string | number | {
-                show: number;
-                hide: number;
-            };
-            container: string | boolean | Record<string, any>;
-            positioningDisabled: boolean;
-            placement: import("floating-vue").Placement;
-            triggers: import("floating-vue").TriggerEvent[];
-            hideArrow: boolean;
-            strategy: "absolute" | "fixed";
-            autoHide: boolean | ((event: Event) => boolean);
-            shown: boolean;
-            handleResize: boolean;
-            instantMove: boolean;
-            eagerMount: boolean;
-            computeTransformOrigin: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            disabled: BooleanConstructor;
-            positioningDisabled: BooleanConstructor;
-            placement: {
-                type: PropType<import("floating-vue").Placement>;
-                default: string;
-            };
-            delay: {
-                type: PropType<string | number | {
-                    show: number;
-                    hide: number;
-                }>;
-                default: number;
-            };
-            distance: (StringConstructor | NumberConstructor)[];
-            skidding: (StringConstructor | NumberConstructor)[];
-            triggers: {
-                type: PropType<import("floating-vue").TriggerEvent[]>;
-                default: () => string[];
-            };
-            hideArrow: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            showTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-            hideTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-            popperTriggers: PropType<import("floating-vue").TriggerEvent[]>;
-            popperShowTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-            popperHideTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-            container: {
-                type: (BooleanConstructor | ObjectConstructor | StringConstructor)[];
-                default: string;
-            };
-            boundary: (ObjectConstructor | StringConstructor)[];
-            strategy: {
-                type: PropType<"absolute" | "fixed">;
-                default: string;
-            };
-            autoHide: {
-                type: PropType<boolean | ((event: Event) => boolean)>;
-                default: boolean;
-            };
-            shown: BooleanConstructor;
-            handleResize: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            instantMove: BooleanConstructor;
-            eagerMount: BooleanConstructor;
-            popperClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
-            computeTransformOrigin: BooleanConstructor;
-        }>> & Readonly<{
-            onResize?: ((...args: any[]) => any) | undefined;
-            onShow?: ((...args: any[]) => any) | undefined;
-            onHide?: ((...args: any[]) => any) | undefined;
-            "onUpdate:shown"?: ((...args: any[]) => any) | undefined;
-            "onApply-show"?: ((...args: any[]) => any) | undefined;
-            "onApply-hide"?: ((...args: any[]) => any) | undefined;
-            "onClose-group"?: ((...args: any[]) => any) | undefined;
-            "onClose-directive"?: ((...args: any[]) => any) | undefined;
-            "onAuto-hide"?: ((...args: any[]) => any) | undefined;
-        }>, "toggle" | "show" | "hide" | "isOpen" | ("disabled" | "delay" | "container" | "positioningDisabled" | "placement" | "triggers" | "hideArrow" | "strategy" | "autoHide" | "shown" | "handleResize" | "instantMove" | "eagerMount" | "computeTransformOrigin")> & import("vue").ShallowUnwrapRef<{
-            show: () => void;
-            hide: () => void;
-            toggle: () => void;
-            isOpen: Ref<boolean, boolean>;
-        }> & {} & import("vue").ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {}): any;
-                content?(_: {}): any;
-            };
-        }) | null;
-        selected: any;
-        disabled: boolean;
-        label: string;
+    prefix(props: {
+        item: SelectOption;
     }): any;
-    prefix?(_: {
-        item: SelectOption | undefined;
+    suffix(props: {
+        item: SelectOption;
     }): any;
-    suffix?(_: {
-        item: SelectOption | undefined;
+    label(props: {
+        item: SelectOption;
     }): any;
-    "content-header"?(_: {}): any;
-    label?(_: {
-        item: {
-            value: string | number;
-            label: string;
-            active: boolean;
-            prefix: string | undefined;
-            suffix: string | undefined;
-            disabled: boolean | undefined;
-            iconRight: string | undefined;
-            keepOpenOnClick: boolean | undefined;
-            onClick: () => void;
-        };
+    input(props: {
+        popover: InstanceType<typeof XPopover> | null;
+        selected: any;
+        disabled: boolean;
+        label: string;
     }): any;
-    "content-footer"?(_: {}): any;
-    icon?(_: {}): any;
+    'content-header'(props?: Record<string, never>): any;
+    'content-footer'(props?: Record<string, never>): any;
+    icon(props?: Record<string, never>): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {