@quidgest/ui 0.13.3 → 0.14.1

package/esm/components/QSelect/index.d.ts

@@ -1,371 +1,4 @@
-declare const QSelect: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
-        modelValue: import('vue').PropType<any>;
-        size: {
-            type: import('vue').PropType<import('..').QFieldSize>;
-            default: undefined;
-        };
-        class: {
-            type: import('vue').PropType<string | unknown[]>;
-            default: string;
-        };
-        label: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-        };
-        loading: {
-            type: import('vue').PropType<boolean>;
-        };
-        required: {
-            type: import('vue').PropType<boolean>;
-        };
-        internals: {
-            type: import('vue').PropType<{
-                icons: Record<string, import('..').Icon>;
-                texts: Record<string, string>;
-            }>;
-            default: () => {
-                icons: Record<string, import('..').Icon>;
-                texts: Record<string, string>;
-            };
-        };
-        items: {
-            type: import('vue').PropType<(Omit<import('..').QListItemProps, "label" | "value"> & {
-                [key: string]: any;
-            })[]>;
-            required: true;
-        };
-        groups: {
-            type: import('vue').PropType<(import('..').QListItemGroupProps & {
-                id: string;
-            })[]>;
-            default: () => never[];
-        };
-        itemValue: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        itemLabel: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        id: {
-            type: import('vue').PropType<string>;
-            default: undefined;
-        };
-        readonly: {
-            type: import('vue').PropType<boolean>;
-        };
-        clearable: {
-            type: import('vue').PropType<boolean>;
-        };
-        emptyValue: {
-            type: import('vue').PropType<import('../../types/primitive').Primitive>;
-            default: undefined;
-        };
-    }>> & {
-        "onBefore-show"?: (() => any) | undefined;
-        "onBefore-hide"?: (() => any) | undefined;
-        onShow?: (() => any) | undefined;
-        onHide?: (() => any) | undefined;
-    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "before-show": () => void;
-        "before-hide": () => void;
-        show: () => void;
-        hide: () => void;
-    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
-        modelValue: import('vue').PropType<any>;
-        size: {
-            type: import('vue').PropType<import('..').QFieldSize>;
-            default: undefined;
-        };
-        class: {
-            type: import('vue').PropType<string | unknown[]>;
-            default: string;
-        };
-        label: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-        };
-        loading: {
-            type: import('vue').PropType<boolean>;
-        };
-        required: {
-            type: import('vue').PropType<boolean>;
-        };
-        internals: {
-            type: import('vue').PropType<{
-                icons: Record<string, import('..').Icon>;
-                texts: Record<string, string>;
-            }>;
-            default: () => {
-                icons: Record<string, import('..').Icon>;
-                texts: Record<string, string>;
-            };
-        };
-        items: {
-            type: import('vue').PropType<(Omit<import('..').QListItemProps, "label" | "value"> & {
-                [key: string]: any;
-            })[]>;
-            required: true;
-        };
-        groups: {
-            type: import('vue').PropType<(import('..').QListItemGroupProps & {
-                id: string;
-            })[]>;
-            default: () => never[];
-        };
-        itemValue: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        itemLabel: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        id: {
-            type: import('vue').PropType<string>;
-            default: undefined;
-        };
-        readonly: {
-            type: import('vue').PropType<boolean>;
-        };
-        clearable: {
-            type: import('vue').PropType<boolean>;
-        };
-        emptyValue: {
-            type: import('vue').PropType<import('../../types/primitive').Primitive>;
-            default: undefined;
-        };
-    }>> & {
-        "onBefore-show"?: (() => any) | undefined;
-        "onBefore-hide"?: (() => any) | undefined;
-        onShow?: (() => any) | undefined;
-        onHide?: (() => any) | undefined;
-    }, {
-        size: import('..').QFieldSize;
-        class: string | unknown[];
-        label: string;
-        internals: {
-            icons: Record<string, import('..').Icon>;
-            texts: Record<string, string>;
-        };
-        groups: (import('..').QListItemGroupProps & {
-            id: string;
-        })[];
-        itemValue: string;
-        itemLabel: string;
-        id: string;
-        emptyValue: import('../../types/primitive').Primitive;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
-        modelValue: import('vue').PropType<any>;
-        size: {
-            type: import('vue').PropType<import('..').QFieldSize>;
-            default: undefined;
-        };
-        class: {
-            type: import('vue').PropType<string | unknown[]>;
-            default: string;
-        };
-        label: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-        };
-        loading: {
-            type: import('vue').PropType<boolean>;
-        };
-        required: {
-            type: import('vue').PropType<boolean>;
-        };
-        internals: {
-            type: import('vue').PropType<{
-                icons: Record<string, import('..').Icon>;
-                texts: Record<string, string>;
-            }>;
-            default: () => {
-                icons: Record<string, import('..').Icon>;
-                texts: Record<string, string>;
-            };
-        };
-        items: {
-            type: import('vue').PropType<(Omit<import('..').QListItemProps, "label" | "value"> & {
-                [key: string]: any;
-            })[]>;
-            required: true;
-        };
-        groups: {
-            type: import('vue').PropType<(import('..').QListItemGroupProps & {
-                id: string;
-            })[]>;
-            default: () => never[];
-        };
-        itemValue: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        itemLabel: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
-        id: {
-            type: import('vue').PropType<string>;
-            default: undefined;
-        };
-        readonly: {
-            type: import('vue').PropType<boolean>;
-        };
-        clearable: {
-            type: import('vue').PropType<boolean>;
-        };
-        emptyValue: {
-            type: import('vue').PropType<import('../../types/primitive').Primitive>;
-            default: undefined;
-        };
-    }>> & {
-        "onBefore-show"?: (() => any) | undefined;
-        "onBefore-hide"?: (() => any) | undefined;
-        onShow?: (() => any) | undefined;
-        onHide?: (() => any) | undefined;
-    }, {}, {}, {}, {}, {
-        size: import('..').QFieldSize;
-        class: string | unknown[];
-        label: string;
-        internals: {
-            icons: Record<string, import('..').Icon>;
-            texts: Record<string, string>;
-        };
-        groups: (import('..').QListItemGroupProps & {
-            id: string;
-        })[];
-        itemValue: string;
-        itemLabel: string;
-        id: string;
-        emptyValue: import('../../types/primitive').Primitive;
-    }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<any>;
-    size: {
-        type: import('vue').PropType<import('..').QFieldSize>;
-        default: undefined;
-    };
-    class: {
-        type: import('vue').PropType<string | unknown[]>;
-        default: string;
-    };
-    label: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    disabled: {
-        type: import('vue').PropType<boolean>;
-    };
-    loading: {
-        type: import('vue').PropType<boolean>;
-    };
-    required: {
-        type: import('vue').PropType<boolean>;
-    };
-    internals: {
-        type: import('vue').PropType<{
-            icons: Record<string, import('..').Icon>;
-            texts: Record<string, string>;
-        }>;
-        default: () => {
-            icons: Record<string, import('..').Icon>;
-            texts: Record<string, string>;
-        };
-    };
-    items: {
-        type: import('vue').PropType<(Omit<import('..').QListItemProps, "label" | "value"> & {
-            [key: string]: any;
-        })[]>;
-        required: true;
-    };
-    groups: {
-        type: import('vue').PropType<(import('..').QListItemGroupProps & {
-            id: string;
-        })[]>;
-        default: () => never[];
-    };
-    itemValue: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    itemLabel: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    id: {
-        type: import('vue').PropType<string>;
-        default: undefined;
-    };
-    readonly: {
-        type: import('vue').PropType<boolean>;
-    };
-    clearable: {
-        type: import('vue').PropType<boolean>;
-    };
-    emptyValue: {
-        type: import('vue').PropType<import('../../types/primitive').Primitive>;
-        default: undefined;
-    };
-}>> & {
-    "onBefore-show"?: (() => any) | undefined;
-    "onBefore-hide"?: (() => any) | undefined;
-    onShow?: (() => any) | undefined;
-    onHide?: (() => any) | undefined;
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "before-show": () => void;
-    "before-hide": () => void;
-    show: () => void;
-    hide: () => void;
-}, string, {
-    size: import('..').QFieldSize;
-    class: string | unknown[];
-    label: string;
-    internals: {
-        icons: Record<string, import('..').Icon>;
-        texts: Record<string, string>;
-    };
-    groups: (import('..').QListItemGroupProps & {
-        id: string;
-    })[];
-    itemValue: string;
-    itemLabel: string;
-    id: string;
-    emptyValue: import('../../types/primitive').Primitive;
-}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        prepend?(_: {}): any;
-        append?(_: {}): any;
-        extras?(_: {}): any;
-        "body.prepend"?(_: {}): any;
-        item?(_: {
-            item: Omit<import('..').QListItemProps, "label" | "value"> & {
-                [key: string]: any;
-            };
-        }): any;
-        "body.append"?(_: {}): any;
-    };
-});
+import { default as _QSelect } from './QSelect';
+declare const QSelect: typeof _QSelect;
 export { QSelect };
 //# sourceMappingURL=index.d.ts.map

package/esm/components/QSelect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA+C,CAAA;AAG5D,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,eAAe,CAAA;AAKpC,QAAA,MAAM,OAAO,EAAgC,OAAO,QAAQ,CAAA;AAG5D,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/esm/components/QSelect/types.d.ts

@@ -0,0 +1,81 @@
+import { QFieldSize } from '../QField';
+import { Icon } from '../QIcon';
+import { QListItemGroupProps, QListItemProps } from '../QList';
+import { Primitive } from '../../types/primitive';
+export type QSelectProps = {
+    /**
+     * The field unique identifier.
+     */
+    id?: string;
+    /**
+     * The label of the input.
+     */
+    label?: string;
+    /**
+     * Whether the value of the component can be cleared.
+     */
+    clearable?: boolean;
+    /**
+     * Whether the select is readonly.
+     */
+    readonly?: boolean;
+    /**
+     * Whether the select is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * If set to true, an asterisk (*) is displayed
+     * to indicate that the field is required.
+     */
+    required?: boolean;
+    /**
+     * Whether the items of the list are being loaded.
+     */
+    loading?: boolean;
+    /**
+     * The list of available items for selection.
+     */
+    items: (Omit<QListItemProps, 'value' | 'label'> & {
+        [key: string]: any;
+    })[];
+    /**
+     * The item groups used for organizing the available items.
+     */
+    groups?: (QListItemGroupProps & {
+        id: string;
+    })[];
+    /**
+     * Property on each item that contains its value.
+     */
+    itemValue?: string;
+    /**
+     * Property on each item that contains its title.
+     */
+    itemLabel?: string;
+    /**
+     * The value to be used in comparisons,
+     * used to check if the field has a selected item.
+     */
+    emptyValue?: Primitive;
+    /**
+     * The size category of the input.
+     */
+    size?: QFieldSize;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
+    /**
+     * Custom icon configurations.
+     */
+    icons?: typeof DEFAULT_ICONS;
+    /**
+     * Custom text configurations.
+     */
+    texts?: typeof DEFAULT_TEXTS;
+};
+export declare const DEFAULT_TEXTS: Record<string, string>;
+type IconKeys = 'chevron' | 'clear';
+export declare const DEFAULT_ICONS: Record<IconKeys, Icon>;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/esm/components/QSelect/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,KAAK,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;QAGjD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAClB,CAAC,EAAE,CAAA;IAEJ;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,mBAAmB,GAAG;QAC/B,EAAE,EAAE,MAAM,CAAA;KACV,CAAC,EAAE,CAAA;IAEJ;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAIhD,CAAA;AAED,KAAK,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAA;AAGnC,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,QAAQ,EAAE,IAAI,CAOhD,CAAA"}

package/esm/components/QSelect/types.js

@@ -0,0 +1,16 @@
+const o = {
+  placeholder: "Choose...",
+  clearValue: "Clear value",
+  showOptions: "Show options"
+}, e = {
+  chevron: {
+    icon: "chevron-down"
+  },
+  clear: {
+    icon: "close"
+  }
+};
+export {
+  e as DEFAULT_ICONS,
+  o as DEFAULT_TEXTS
+};

package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts

@@ -1,46 +1,8 @@
-export type QSkeletonLoaderProps = {
-    /**
-     * The type of the skeleton.
-     */
-    type?: 'text' | 'icon';
-    /**
-     * The width of the skeleton.
-     */
-    width?: string | number;
-    /**
-     * The height of the skeleton.
-     */
-    height?: string | number;
-};
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QSkeletonLoaderProps>, {
-    type: undefined;
-    width: undefined;
-    height: undefined;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QSkeletonLoaderProps>, {
-    type: undefined;
-    width: undefined;
-    height: undefined;
-}>>>, {
+import { QSkeletonLoaderProps } from './types';
+declare const _default: import('vue').DefineComponent<QSkeletonLoaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QSkeletonLoaderProps> & Readonly<{}>, {
     type: "text" | "icon";
     height: string | number;
     width: string | number;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 //# sourceMappingURL=QSkeletonLoader.vue.d.ts.map

package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QSkeletonLoader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSkeletonLoader/QSkeletonLoader.vue"],"names":[],"mappings":"AAOA;AAIC,MAAM,MAAM,oBAAoB,GAAG;IAClC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;;;;;;;;;;;;;;AAgFF,wBAMG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"QSkeletonLoader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSkeletonLoader/QSkeletonLoader.vue"],"names":[],"mappings":"AAoCC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;;;;;;AAoFpD,wBAOG"}

package/esm/components/QSkeletonLoader/QSkeletonLoader.vue.js

@@ -1,39 +1,39 @@
-import { defineComponent as i, computed as n, openBlock as a, createElementBlock as r, normalizeClass as c, normalizeStyle as h, createElementVNode as p } from "vue";
-const u = /* @__PURE__ */ p(
-  "div",
-  { class: "q-skeleton-loader__bone" },
-  null,
-  -1
-  /* HOISTED */
-), m = [
-  u
-], f = /* @__PURE__ */ i({
+import { defineComponent as i, computed as l, openBlock as r, createElementBlock as a, normalizeClass as p, normalizeStyle as h, createElementVNode as u } from "vue";
+const m = /* @__PURE__ */ i({
   __name: "QSkeletonLoader",
   props: {
     type: { default: void 0 },
     width: { default: void 0 },
     height: { default: void 0 }
   },
-  setup(l) {
-    const e = l, s = n(() => e.type ? `q-skeleton-loader--${e.type}` : void 0), d = n(() => {
-      const t = typeof e.width == "number" ? `${e.width}px` : e.width, o = typeof e.height == "number" ? `${e.height}px` : e.height;
+  setup(n) {
+    const e = n, s = l(() => e.type ? `q-skeleton-loader--${e.type}` : void 0), d = l(() => {
+      const o = typeof e.width == "number" ? `${e.width}px` : e.width, t = typeof e.height == "number" ? `${e.height}px` : e.height;
       return {
-        width: t,
-        height: o
+        width: o,
+        height: t
       };
     });
-    return (t, o) => (a(), r(
+    return (o, t) => (r(), a(
       "div",
       {
-        class: c(["q-skeleton-loader", s.value]),
+        class: p(["q-skeleton-loader", s.value]),
         style: h(d.value)
       },
-      m,
+      t[0] || (t[0] = [
+        u(
+          "div",
+          { class: "q-skeleton-loader__bone" },
+          null,
+          -1
+          /* HOISTED */
+        )
+      ]),
       6
       /* CLASS, STYLE */
     ));
   }
 });
 export {
-  f as default
+  m as default
 };

package/esm/components/QSkeletonLoader/index.d.ts

@@ -1,33 +1,4 @@
-declare const QSkeletonLoader: import('vue').DefineComponent<{
-    type: {
-        type: import('vue').PropType<"text" | "icon">;
-        default: undefined;
-    };
-    height: {
-        type: import('vue').PropType<string | number>;
-        default: undefined;
-    };
-    width: {
-        type: import('vue').PropType<string | number>;
-        default: undefined;
-    };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    type: {
-        type: import('vue').PropType<"text" | "icon">;
-        default: undefined;
-    };
-    height: {
-        type: import('vue').PropType<string | number>;
-        default: undefined;
-    };
-    width: {
-        type: import('vue').PropType<string | number>;
-        default: undefined;
-    };
-}>>, {
-    type: "text" | "icon";
-    height: string | number;
-    width: string | number;
-}, {}>;
+import { default as _QSkeletonLoader } from './QSkeletonLoader';
+declare const QSkeletonLoader: typeof _QSkeletonLoader;
 export { QSkeletonLoader };
 //# sourceMappingURL=index.d.ts.map

package/esm/components/QSkeletonLoader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSkeletonLoader/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAA+D,CAAA;AAGpF,OAAO,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSkeletonLoader/index.ts"],"names":[],"mappings":"AACA,OAAO,gBAAgB,MAAM,uBAAuB,CAAA;AAKpD,QAAA,MAAM,eAAe,EAAwC,OAAO,gBAAgB,CAAA;AAGpF,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/esm/components/QSkeletonLoader/types.d.ts

@@ -0,0 +1,15 @@
+export type QSkeletonLoaderProps = {
+    /**
+     * The type of the skeleton.
+     */
+    type?: 'text' | 'icon';
+    /**
+     * The width of the skeleton.
+     */
+    width?: string | number;
+    /**
+     * The height of the skeleton.
+     */
+    height?: string | number;
+};
+//# sourceMappingURL=types.d.ts.map

package/esm/components/QSkeletonLoader/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSkeletonLoader/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG;IAClC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA"}