maz-ui 4.0.0-alpha.5 → 4.0.0-beta.1

package/dist/types/components/MazBtn.vue.d.ts

@@ -1,47 +1,37 @@
-import { Color, Icon, Size } from './types';
+import { IconComponent } from '@maz-ui/icons';
+import { MazColor, MazSize } from './types';
 export interface MazBtnProps {
     /**
-     * The variant of the button - Change UI of component (link or button style)
-     * @values `'button' | 'link'`
-     * @deprecated Use the component <MazLink /> instead
+     * The text of the button, if not provided, the slot will be used
+     * @default undefined
      */
-    variant?: 'button' | 'link';
+    text?: string;
     /**
      * The size of the button
      * @values `'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'mini'`
      */
-    size?: Size;
+    size?: MazSize;
     /**
      * The color of the button
-     * @values `'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'white' | 'black' | 'transparent' | 'theme'`
+     * @values `'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'destructive' | 'transparent' | 'contrast' | 'accent' | 'background'`
      */
-    color?: Color;
+    color?: MazColor | 'background';
     /**
      * The type of the button
      * @values `'submit' | 'reset' | 'button'`
      */
     type?: 'submit' | 'reset' | 'button';
-    /**
-     * If true, the button will have a full border radius
-     * @default false
-     */
-    rounded?: boolean;
     /**
      * Size of the rounded
      * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
      * @default 'lg'
      */
     roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
-    /**
-     * If true, the button will have no border radius
-     * @default false
-     */
-    noRounded?: boolean;
     /**
      * If true, the button have the "border" style
      * @default false
      */
-    outline?: boolean;
+    outlined?: boolean;
     /**
      * If true, the button will have a pastel color
      * @default false
@@ -52,11 +42,6 @@ export interface MazBtnProps {
      * @default false
      */
     block?: boolean;
-    /**
-     * If true, the button will have no underline on hover (useful with `variant="link"`)
-     * @default false
-     */
-    noUnderline?: boolean;
     /**
      * Enable the button loader
      * @default false
@@ -76,54 +61,40 @@ export interface MazBtnProps {
      * The name of the icon to display or component, only with fab
      * `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`
      */
-    icon?: string | Icon;
+    icon?: string | IconComponent;
     /**
      * The name of the icon or component to display on the left of the button
      * `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`
      */
-    leftIcon?: string | Icon;
+    leftIcon?: string | IconComponent;
     /**
      * The name of the icon or component to display on the right of the button
      * `@type` `{string | FunctionalComponent<SVGAttributes> | ComponentPublicInstance | Component}`
      */
-    rightIcon?: string | Icon;
+    rightIcon?: string | IconComponent;
     /**
      * If true, the button will have no padding
-     * @default false
+     * @default true
      */
-    noPadding?: boolean;
-    /**
-     * If true, the button will have no box-shadow
-     * @default false
-     */
-    noElevation?: boolean;
+    padding?: boolean;
     /**
      * Choose how the elements are aligned in the button
      */
     justify?: 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
-        "left-icon"?(_: {}): any;
+        'left-icon'?(_: {}): any;
         icon?(_: {}): any;
         default?(_: {}): any;
-        "right-icon"?(_: {}): any;
+        'right-icon'?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<MazBtnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazBtnProps> & Readonly<{}>, {
-    size: Size;
-    type: "submit" | "reset" | "button";
-    color: Color;
-    variant: "button" | "link";
-    roundedSize: "none" | "sm" | "md" | "lg" | "xl" | "full";
-    icon: string | Icon;
-    leftIcon: string | Icon;
-    rightIcon: string | Icon;
-    justify: "start" | "end" | "center" | "space-between" | "space-around" | "space-evenly";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<MazBtnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazBtnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/types/components/MazCard.vue.d.ts

@@ -1,9 +1,8 @@
-import { RouterLinkProps } from 'vue-router';
-import { MazGalleryImage } from './types';
 import { HTMLAttributes } from 'vue';
+import { MazGalleryProps } from './MazGallery.vue';
+import { RouterLinkProps } from 'vue-router';
+type __VLS_Props = MazCardProps;
 export interface MazCardProps {
-    /** Images displayed */
-    images?: MazGalleryImage[];
     /** Card variant: Must be `column | row | row-reverse | column-reverse` */
     orientation?: 'column' | 'row' | 'row-reverse' | 'column-reverse';
     /** Make card a link (footer area excluded) */
@@ -14,76 +13,61 @@ export interface MazCardProps {
     hrefTarget?: '_blank' | '_self' | '_parent' | '_top' | string;
     /** Footer text alignment: `right | left` */
     footerAlign?: 'right' | 'left';
-    /** Gallery image width */
-    galleryWidth?: string | number;
-    /** Gallery image height */
-    galleryHeight?: string | number;
-    /** Enable "zoom" image on click (can't be used when the card has a link) */
-    zoom?: boolean;
+    /** Images gallery props options (see `MazGallery` component) */
+    gallery?: MazGalleryProps;
+    /** scale animation on hover (only linked cards) */
+    scale?: boolean;
     /** Set elevation to card (box-shadow) */
     elevation?: boolean;
     /** Set radius to card */
     radius?: boolean;
     /** Set border to card (in dark mode, the card is always bordered) */
     bordered?: boolean;
-    /** Number of images shown in the gallery */
-    imagesShowCount?: number;
-    /** Remove transparent layer with the remain count (ex: +2) */
-    noRemaining?: boolean;
-    /** scale animation on hover (only linked cards) */
-    scale?: boolean;
     /** add classes to wrapper */
     wrapperClass?: HTMLAttributes['class'];
     /** Remove padding from content wrapper */
-    noPadding?: boolean;
+    padding?: boolean;
     /** Hide overflow */
     overflowHidden?: boolean;
+    /** Make card collapsible */
+    collapsible?: boolean;
     /**
-     * @deprecated Use `collapsible` instead
-     */
-    collapsable?: boolean;
-    /**
-     * Card can be open and close
+     * Card is open by default if `true`
+     * @model
      */
-    collapsible?: boolean;
-    /** Card is open by default if `true` */
     collapseOpen?: boolean;
     /** Title of the card in header */
-    header?: string;
+    title?: string;
     /** The card will be displayed in full width */
     block?: boolean;
 }
+type __VLS_PublicProps = {
+    'collapseOpen'?: boolean;
+} & __VLS_Props;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
-        header?(_: {}): any;
-        default?(_: {}): any;
         title?(_: {}): any;
-        subtitle?(_: {}): any;
-        content?(_: {}): any;
+        'content-title'?(_: {
+            collapseOpen: boolean;
+        }): any;
+        'content-subtitle'?(_: {}): any;
+        'content-body'?(_: {}): any;
+        default?(_: {
+            collapseOpen: boolean;
+        }): any;
         footer?(_: {}): any;
         actions?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<MazCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazCardProps> & Readonly<{}>, {
-    header: string;
-    href: string;
-    to: RouterLinkProps["to"];
-    scale: boolean;
-    orientation: "column" | "row" | "row-reverse" | "column-reverse";
-    images: MazGalleryImage[];
-    noRemaining: boolean;
-    hrefTarget: "_blank" | "_self" | "_parent" | "_top" | string;
-    footerAlign: "right" | "left";
-    galleryWidth: string | number;
-    galleryHeight: string | number;
-    elevation: boolean;
-    radius: boolean;
-    imagesShowCount: number;
-    wrapperClass: HTMLAttributes["class"];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:collapseOpen": (...args: unknown[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:collapseOpen"?: ((...args: unknown[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/types/components/MazCardSpotlight.vue.d.ts

@@ -1,16 +1,16 @@
-import { Color } from './types';
 import { HTMLAttributes, StyleValue } from 'vue';
+import { MazColor } from './types';
 export interface MazCardSpotlightProps {
     /**
      * The color of the component.
      * @default primary
      */
-    color?: Color;
+    color?: MazColor;
     /**
-     * Remove the elevation of the component
-     * @default false
+     * Add elevation to the component
+     * @default true
      */
-    noElevation?: boolean;
+    elevation?: boolean;
     /**
      * Add padding to the content
      * @default true
@@ -33,6 +33,7 @@ export interface MazCardSpotlightProps {
     innerOpacity?: number;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
@@ -40,17 +41,13 @@ declare function __VLS_template(): {
         blobElement: HTMLDivElement;
         fakeblobElement: HTMLDivElement;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<MazCardSpotlightProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazCardSpotlightProps> & Readonly<{}>, {
-    color: Color;
-    noElevation: boolean;
-    padding: boolean;
-    contentClass: HTMLAttributes["class"];
-    contentStyle: string | false | import('vue').CSSProperties | StyleValue[] | null;
-    innerOpacity: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<MazCardSpotlightProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazCardSpotlightProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    blobElement: HTMLDivElement;
+    fakeblobElement: HTMLDivElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/types/components/MazCarousel.vue.d.ts

@@ -1,30 +1,41 @@
+import { MazTranslationsNestedSchema } from '@maz-ui/translations/src/types.js';
+import { DeepPartial } from '@maz-ui/utils/src/ts-helpers/DeepPartial.js';
 export interface MazCarouselProps {
-    /** Do not display the scroll buttons */
-    noScrollBtn?: boolean;
-    /** Aria label for the previous button */
-    ariaLabelPreviousButton?: string;
-    /** Aria label for the next button */
-    ariaLabelNextButton?: string;
-    /** Hide the scrollbar when not active */
+    /**
+     * Hide display the scroll buttons
+     * @default false
+     */
+    hideScrollButtons?: boolean;
+    /**
+     * Translations of the carousel
+     * @type {DeepPartial<MazTranslationsNestedSchema['carousel']>}
+     * @default Translations from @maz-ui/translations
+     */
+    translations?: DeepPartial<MazTranslationsNestedSchema['carousel']>;
+    /**
+     * Hide the scrollbar when not active
+     * @type {boolean}
+     * @default false
+     */
     hideScrollbar?: boolean;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         title?(_: {}): any;
-        "previous-icon"?(_: {}): any;
-        "next-icon"?(_: {}): any;
+        'previous-icon'?(_: {}): any;
+        'next-icon'?(_: {}): any;
         default?(_: {}): any;
     };
     refs: {
         MazCarouselItems: HTMLDivElement;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<MazCarouselProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazCarouselProps> & Readonly<{}>, {
-    ariaLabelPreviousButton: string;
-    ariaLabelNextButton: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<MazCarouselProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazCarouselProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    MazCarouselItems: HTMLDivElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/types/components/MazChart.vue.d.ts

@@ -1,104 +1,53 @@
-import { ChartData, ChartType, UpdateMode } from 'chart.js';
-import { PropType } from 'vue';
-export type { ChartData, ChartType, UpdateMode };
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { ChartData, ChartOptions, ChartType, DefaultDataPoint, Plugin, UpdateMode } from 'chart.js';
+export type { ChartData as MazChartData, DefaultDataPoint as MazChartDefaultDataPoint, Plugin as MazChartPlugin, ChartType as MazChartType, UpdateMode as MazChartUpdateMode } from 'chart.js';
+export interface MazChartProps<T extends ChartType = ChartType, TData = DefaultDataPoint<T>, TLabel = unknown> {
     /**
-     * Chart.js chart type
+     * Type of the chart
+     * @type ChartType
+     * @values 'bar', 'line', 'scatter', 'bubble', 'pie', 'doughnut', 'polarArea', 'radar'
+     * @required
      */
-    type: {
-        type: PropType<ChartType>;
-        required: true;
-    };
+    type: T;
     /**
-     * The data object that is passed into the Chart.js chart
-     * @see https://www.chartjs.org/docs/latest/getting-started/
+     * Data of the chart
+     * @type ChartData<T, TData, TLabel>
+     * @required
      */
-    data: {
-        type: PropType<ChartData<ChartType>>;
-        required: true;
-    };
+    data: ChartData<T, TData, TLabel>;
     /**
-     * The options object that is passed into the Chart.js chart
-     * @see https://www.chartjs.org/docs/latest/general/options.html
+     * Options of the chart
+     * @type ChartOptions<T>
+     * @default {}
      */
-    options: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
+    options?: ChartOptions<T>;
     /**
-     * The plugins array that is passed into the Chart.js chart
-     * @see https://www.chartjs.org/docs/latest/developers/plugins.html
+     * Plugins of the chart
+     * @type Plugin[]
      */
-    plugins: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
+    plugins?: Plugin[];
     /**
-     * Key name to identificate dataset
+     * Dataset ID key
+     * @type string
      */
-    datasetIdKey: {
-        type: StringConstructor;
-        default: string;
-    };
+    datasetIdKey?: string;
     /**
-     * A mode string to indicate transition configuration should be used.
-     * @see https://www.chartjs.org/docs/latest/developers/api.html#update-mode
+     * Update mode
+     * @type UpdateMode
+     * @values 'resize', 'reset', 'none', 'hide', 'show', 'default', 'active'
+     * @default 'default'
      */
-    updateMode: {
-        type: PropType<UpdateMode>;
-        default: undefined;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * Chart.js chart type
-     */
-    type: {
-        type: PropType<ChartType>;
-        required: true;
-    };
-    /**
-     * The data object that is passed into the Chart.js chart
-     * @see https://www.chartjs.org/docs/latest/getting-started/
-     */
-    data: {
-        type: PropType<ChartData<ChartType>>;
-        required: true;
-    };
-    /**
-     * The options object that is passed into the Chart.js chart
-     * @see https://www.chartjs.org/docs/latest/general/options.html
-     */
-    options: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    /**
-     * The plugins array that is passed into the Chart.js chart
-     * @see https://www.chartjs.org/docs/latest/developers/plugins.html
-     */
-    plugins: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    /**
-     * Key name to identificate dataset
-     */
-    datasetIdKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * A mode string to indicate transition configuration should be used.
-     * @see https://www.chartjs.org/docs/latest/developers/api.html#update-mode
-     */
-    updateMode: {
-        type: PropType<UpdateMode>;
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    options: Record<string, any>;
-    updateMode: "reset" | "resize" | "default" | "none" | "active" | "hide" | "show";
-    plugins: unknown[];
-    datasetIdKey: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    updateMode?: UpdateMode;
+}
+declare const _default: <T extends ChartType, TData = DefaultDataPoint<T>, TLabel = unknown>(__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<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & MazChartProps<T, TData, TLabel> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
 export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/components/MazCheckbox.vue.d.ts

@@ -1,6 +1,6 @@
-import { Color, Size } from './types';
 import { HTMLAttributes } from 'vue';
-export type CheckboxValue = string | number | boolean;
+import { MazColor, MazSize } from './types';
+export type MazCheckboxValue = string | number | boolean;
 export interface MazCheckboxProps<T = boolean | (string | number)[]> {
     /** Style attribut of the component root element */
     style?: HTMLAttributes['style'];
@@ -11,13 +11,13 @@ export interface MazCheckboxProps<T = boolean | (string | number)[]> {
     /** The id of the checkbox */
     id?: string;
     /** The color of the checkbox */
-    color?: Color;
+    color?: MazColor;
     /** The value of the checkbox when selected */
-    value?: CheckboxValue;
+    value?: MazCheckboxValue;
     /** The name of the checkbox */
     name?: string;
     /** The size of the checkbox */
-    size?: Size;
+    size?: MazSize;
     /** Text label */
     label?: string;
     /** If the checkbox is disabled */
@@ -30,6 +30,12 @@ export interface MazCheckboxProps<T = boolean | (string | number)[]> {
     warning?: boolean;
     /** The hint text to display below the input. */
     hint?: string;
+    /**
+     * The tabindex of the checkbox
+     * @default 0
+     * @type {HTMLAttributes['tabindex']}
+     */
+    tabindex?: HTMLAttributes['tabindex'];
 }
 declare const _default: <T extends boolean | (string | number)[]>(__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<Pick<Partial<{}> & Omit<{
@@ -37,18 +43,16 @@ declare const _default: <T extends boolean | (string | number)[]>(__VLS_props: N
         readonly onChange?: ((value: T) => any) | undefined;
         readonly onFocus?: ((value: FocusEvent) => any) | undefined;
         readonly "onUpdate:model-value"?: ((value: T) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & MazCheckboxProps<T>> & import('vue').PublicProps;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & MazCheckboxProps<T> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         default?(_: {
-            value: CheckboxValue;
+            value: MazCheckboxValue;
         }): any;
     };
     emit: ((evt: "blur", value: FocusEvent) => void) & ((evt: "change", value: T) => void) & ((evt: "focus", value: FocusEvent) => void) & ((evt: "update:model-value", value: T) => void);
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/dist/types/components/MazChecklist.vue.d.ts

@@ -1,21 +1,26 @@
+import { MazTranslationsNestedSchema } from '@maz-ui/translations/src/types.js';
+import { DeepPartial } from '@maz-ui/utils/src/ts-helpers/DeepPartial.js';
+import { NormalizeStringOptions } from '@maz-ui/utils/src/utils/normalizeString.js';
 import { MazInputProps } from './MazInput.vue';
-import { Color } from './types';
-import { NormalizeStringOptions } from '../helpers/normalizeString';
-export type ItemOption = {
+import { MazColor } from './types';
+export type MazChecklistItemOption = {
     label: string;
-    value: string;
+    value: string | number;
 } & Record<string, any>;
 export interface MazChecklistProps<T, O> {
     /**
      * The model value of the checklist (selected items)
+     * @type {(T extends unknown)[]}
      */
     modelValue?: T[];
     /**
      * The query to filter the items (model)
+     * @type {string}
      */
     query?: string;
     /**
      * The list of items to display
+     * @type {(O extends MazChecklistItemOption)[]}
      */
     items?: O[];
     /**
@@ -31,13 +36,14 @@ export interface MazChecklistProps<T, O> {
      * The search input options
      * @default { enabled: false, debounce: 300, autoFocus: false }
      */
-    search?: {
-        enabled?: boolean;
-    } & MazInputProps<string>;
+    search?: boolean | MazInputProps<string>;
     /**
      * The options to normalize the search query (used by the default search function)
+     * By default, the threshold is 0.75
      */
-    searchOptions?: NormalizeStringOptions;
+    searchOptions?: NormalizeStringOptions & {
+        threshold?: number;
+    };
     /**
      * Replace the default search function to provide a custom search function
      * @default undefined
@@ -47,28 +53,32 @@ export interface MazChecklistProps<T, O> {
      * The color of the checklist (card, checkbox and search input)
      * @default primary
      */
-    color?: Color;
+    color?: MazColor;
+    /**
+     * Translations of the checklist component
+     * @type {DeepPartial<MazTranslationsNestedSchema['checklist']>}
+     * @default Translations from @maz-ui/translations
+     */
+    translations?: DeepPartial<MazTranslationsNestedSchema['checklist']>;
 }
-declare const _default: <T extends string, O extends ItemOption>(__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<{
+declare const _default: <T extends string | number, O extends MazChecklistItemOption>(__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<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:model-value"?: ((value?: T[] | undefined) => any) | undefined;
         readonly "onUpdate:query"?: ((value?: string | undefined) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:model-value" | "onUpdate:query"> & MazChecklistProps<T, O>> & import('vue').PublicProps;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:model-value" | "onUpdate:query"> & MazChecklistProps<T, O> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         title?(_: {}): any;
-        "no-results"?(_: {}): any;
-        "no-results-text"?(_: {}): any;
+        'no-results'?(_: {}): any;
+        'no-results-text'?(_: {}): any;
         item?(_: {
-            selectedValues: T[];
+            selectedValues: T[] | undefined;
             item: O;
         }): any;
     };
     emit: ((evt: "update:model-value", value?: T[] | undefined) => void) & ((evt: "update:query", value?: string | undefined) => void);
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;