@maltjoy/core-vue 6.5.0-beta.1 → 6.5.0-beta.2

package/dist/App.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/JoyAdminBanner/VJoyAdminBanner.vue.d.ts

@@ -0,0 +1,7 @@
+export interface AdminBannerProps {
+    label?: string;
+}
+declare const _default: import("vue").DefineComponent<AdminBannerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AdminBannerProps> & Readonly<{}>, {
+    label: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/JoyAvailability/JoyAvailability.types.d.ts

@@ -0,0 +1 @@
+export type TJoyAvailabilityStatus = 'AVAILABLE' | 'AVAILABLE_AND_VERIFIED' | 'NOT_AVAILABLE_WITH_DATE' | 'AVAILABLE_SOON' | 'NOT_AVAILABLE';

package/dist/components/JoyAvailability/VJoyAvailability.vue.d.ts

@@ -0,0 +1,10 @@
+import type { TJoyAvailabilityStatus } from './JoyAvailability.types';
+interface AvailabilityProps {
+    label?: string;
+    status?: TJoyAvailabilityStatus;
+    isPartial?: boolean;
+}
+declare const _default: import("vue").DefineComponent<AvailabilityProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvailabilityProps> & Readonly<{}>, {
+    status: TJoyAvailabilityStatus;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/JoyAvatar/JoyAvatar.types.d.ts

@@ -0,0 +1,5 @@
+import { TSizes } from '../../types';
+import VJoyAvatar from './VJoyAvatar.vue';
+/** AVATAR SIZES */
+export type TJoyAvatarSizes = Exclude<TSizes, 'xxsmall'>;
+export type TJoyAvatarProps = InstanceType<typeof VJoyAvatar>['$props'];

package/dist/components/JoyAvatar/VJoyAvatar.vue.d.ts

@@ -0,0 +1,68 @@
+import { TJoyAvatarSizes } from './JoyAvatar.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    size?: TJoyAvatarSizes | undefined;
+    /** Display the initials based on Firstname and Lastname */
+    fullName?: string | undefined;
+    /** Pass a photo URL that will be displayed over the fullname */
+    photoUrl?: string | undefined;
+    /** In a big avatar list, you may have to say "there are still XYZ more avatars". Use this to display the amount. */
+    totalNumber?: number | undefined;
+    /** No functional purpose here. Only style. You need to trigger router change manually, depending on the framework you use. */
+    link?: boolean | undefined;
+    /** Use it to display "strategy" tag. */
+    profile?: "default" | "strategy" | undefined;
+    /** Only applied if you set a photoUrl */
+    loading?: "lazy" | "eager" | undefined;
+    /** Basic state with no information */
+    isEmpty?: boolean | undefined;
+    /** Placeholder icon is no photo is given, and showLetters is set to false */
+    placeholder?: import("@maltjoy/icons").JoyIconsId | undefined;
+    /** If no photo is given and this parameter is set to false, it will directly display the placeholder icon */
+    showLetters?: boolean | undefined;
+}, {
+    isAnonymous: import("vue").ComputedRef<boolean>;
+    initials: import("vue").ComputedRef<string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    size?: TJoyAvatarSizes | undefined;
+    /** Display the initials based on Firstname and Lastname */
+    fullName?: string | undefined;
+    /** Pass a photo URL that will be displayed over the fullname */
+    photoUrl?: string | undefined;
+    /** In a big avatar list, you may have to say "there are still XYZ more avatars". Use this to display the amount. */
+    totalNumber?: number | undefined;
+    /** No functional purpose here. Only style. You need to trigger router change manually, depending on the framework you use. */
+    link?: boolean | undefined;
+    /** Use it to display "strategy" tag. */
+    profile?: "default" | "strategy" | undefined;
+    /** Only applied if you set a photoUrl */
+    loading?: "lazy" | "eager" | undefined;
+    /** Basic state with no information */
+    isEmpty?: boolean | undefined;
+    /** Placeholder icon is no photo is given, and showLetters is set to false */
+    placeholder?: import("@maltjoy/icons").JoyIconsId | undefined;
+    /** If no photo is given and this parameter is set to false, it will directly display the placeholder icon */
+    showLetters?: boolean | undefined;
+}> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    size: TJoyAvatarSizes;
+    profile: "default" | "strategy";
+    loading: "lazy" | "eager";
+    isEmpty: boolean;
+    placeholder: import("@maltjoy/icons").JoyIconsId;
+    showLetters: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
+    /** Inject the image here. Use any Nuxt or custom wrapper to better handle performances. */
+    default(): any;
+}> & {
+    /** Inject the image here. Use any Nuxt or custom wrapper to better handle performances. */
+    default(): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyAvatarsList/VJoyAvatarsList.vue.d.ts

@@ -0,0 +1,27 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Renders a compact list of avatars */
+    compress: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Renders a compact list of avatars */
+    compress: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    compress: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+    /** Use this slot to inject all your VJoyAvatar. VJoyAvatars applies some style to the list. */
+    default(): any;
+}> & {
+    /** Use this slot to inject all your VJoyAvatar. VJoyAvatars applies some style to the list. */
+    default(): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyBadge/JoyBadge.types.d.ts

@@ -0,0 +1,2 @@
+import { TJoyDotVariants } from '../JoyDot/VJoyDot.types';
+export type TJoyBadgeVariants = TJoyDotVariants;

package/dist/components/JoyBadge/VJoyBadge.vue.d.ts

@@ -0,0 +1,66 @@
+import { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * Display the colored bulletpoint on the left
+     */
+    bulletpoint: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Use label or slot in order to inject the text.
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Color of the badge. Override the color with `--badge-bg-color` and `--badge-circle-color` if needed.
+     *
+     * You can use the `TJoyBadgeVariants` type.
+     */
+    variant: {
+        type: PropType<import("../JoyDot/VJoyDot.types").TJoyDotVariants>;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Display the colored bulletpoint on the left
+     */
+    bulletpoint: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Use label or slot in order to inject the text.
+     */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Color of the badge. Override the color with `--badge-bg-color` and `--badge-circle-color` if needed.
+     *
+     * You can use the `TJoyBadgeVariants` type.
+     */
+    variant: {
+        type: PropType<import("../JoyDot/VJoyDot.types").TJoyDotVariants>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    label: string;
+    variant: import("../JoyDot/VJoyDot.types").TJoyDotVariants;
+    bulletpoint: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+    /** Use the slot as an alternative to "label" property. */
+    default(): any;
+}> & {
+    /** Use the slot as an alternative to "label" property. */
+    default(): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyBadgeLevel/JoyBadgeLevel.types.d.ts

@@ -0,0 +1,12 @@
+export declare enum JoyBadgeLevelEnum {
+    HIGH_POTENTIAL = "highpotential",
+    HIGH_POTENTIAL_AUTO = "high-potential-auto",
+    MALT_LINKER = "maltlinker",
+    NEW = "new",
+    SUPER_MALTER = "supermalter",
+    VERIFIED = "verified"
+}
+export declare enum JoyBadgeProgramEnum {
+    HIGH_POTENTIAL = "program_high-potential"
+}
+export type TJoyBadges = `${JoyBadgeLevelEnum | JoyBadgeProgramEnum}`;

package/dist/components/JoyBadgeLevel/VJoyBadgeLevel.vue.d.ts

@@ -0,0 +1,49 @@
+import { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** type: `TJoyBadges` */
+    type: {
+        type: PropType<"highpotential" | "high-potential-auto" | "maltlinker" | "new" | "supermalter" | "verified" | "program_high-potential">;
+        required: true;
+    };
+    /** If supermalter type is given, specify the level (from 1 to 3) */
+    superMalterLevel: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Display the default badge label */
+    visibleText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** type: `TJoyBadges` */
+    type: {
+        type: PropType<"highpotential" | "high-potential-auto" | "maltlinker" | "new" | "supermalter" | "verified" | "program_high-potential">;
+        required: true;
+    };
+    /** If supermalter type is given, specify the level (from 1 to 3) */
+    superMalterLevel: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Display the default badge label */
+    visibleText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    superMalterLevel: number;
+    visibleText: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+    /** Override the default given label */
+    default(): any;
+}> & {
+    /** Override the default given label */
+    default(): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyBlockSkeleton/VJoyBlockSkeleton.vue.d.ts

@@ -0,0 +1,32 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** If you want to use it properly you need to set fixed width and height */
+    circle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Size in any unit. Example: 50px, 100%... */
+    width: {
+        type: StringConstructor;
+    };
+    /** Size in any unit. */
+    height: {
+        type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** If you want to use it properly you need to set fixed width and height */
+    circle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Size in any unit. Example: 50px, 100%... */
+    width: {
+        type: StringConstructor;
+    };
+    /** Size in any unit. */
+    height: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    circle: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/JoyBottomSheet/VJoyBottomSheet.vue.d.ts

@@ -0,0 +1,49 @@
+import { TeleportProps } from 'vue';
+interface BottomSheetProps {
+    /**
+     * Label injected in the default CTA
+     */
+    closeLabel?: string;
+    open?: boolean;
+    preventBodyScroll?: boolean;
+    teleport?: TeleportProps['to'];
+    frozen?: boolean;
+}
+/**
+ * @returns {void}
+ */
+declare function show(): void;
+declare function hide(): void;
+declare function moveContainer(translationY: number): void;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<BottomSheetProps, {
+    hide: typeof hide;
+    show: typeof show;
+    isOpen: import("vue").Ref<boolean, boolean>;
+    moveContainer: typeof moveContainer;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "bottom-sheet:close": () => any;
+}, string, import("vue").PublicProps, Readonly<BottomSheetProps> & Readonly<{
+    "onBottom-sheet:close"?: (() => any) | undefined;
+}>, {
+    frozen: boolean;
+    closeLabel: string;
+    open: boolean;
+    preventBodyScroll: boolean;
+    teleport: string | import("vue").RendererElement | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
+    /** Main content of the component */
+    'bottom-sheet-content': () => any;
+    /** Put whatever type of CTA you need here */
+    'bottom-sheet-cta': () => any;
+}> & {
+    /** Main content of the component */
+    'bottom-sheet-content': () => any;
+    /** Put whatever type of CTA you need here */
+    'bottom-sheet-cta': () => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyButton/JoyButton.types.d.ts

@@ -0,0 +1,6 @@
+import { TGenericVariants, TPositions, TSizes } from '../../types';
+export type TJoyDefaultButtonVariants = TGenericVariants | 'main' | 'admin' | 'ghost';
+export type TJoyAIButtonVariants = `${TJoyDefaultButtonVariants}-ai`;
+export type TJoyButtonVariants = TJoyDefaultButtonVariants | Exclude<TJoyAIButtonVariants, 'admin-ai'>;
+export type TJoyButtonSizes = Extract<TSizes, 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large'>;
+export type TJoyButtonIconPositions = TPositions;

package/dist/components/JoyButton/VJoyButton.vue.d.ts

@@ -0,0 +1,101 @@
+import { TJoyButtonSizes, TJoyButtonVariants } from './JoyButton.types';
+import { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** The button takes all the available space (100% width) */
+    full: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Name of the icon, placed before the text */
+    icon: {
+        type: PropType<import("@maltjoy/icons").JoyIconsId>;
+    };
+    /** Left to the text or right */
+    iconPosition: {
+        type: PropType<import("../../types/index.js").TPositions>;
+        default: string;
+    };
+    /**
+     * Use default slot or label property.
+     */
+    label: {
+        type: StringConstructor;
+    };
+    /** Change the component's state and display a JoySpinner. */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Button or Link color variant */
+    variant: {
+        type: PropType<TJoyButtonVariants>;
+        default: string;
+    };
+    /** Button or Link size */
+    size: {
+        type: PropType<TJoyButtonSizes>;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+    };
+}>, {
+    generatedId: string;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The button takes all the available space (100% width) */
+    full: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Name of the icon, placed before the text */
+    icon: {
+        type: PropType<import("@maltjoy/icons").JoyIconsId>;
+    };
+    /** Left to the text or right */
+    iconPosition: {
+        type: PropType<import("../../types/index.js").TPositions>;
+        default: string;
+    };
+    /**
+     * Use default slot or label property.
+     */
+    label: {
+        type: StringConstructor;
+    };
+    /** Change the component's state and display a JoySpinner. */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Button or Link color variant */
+    variant: {
+        type: PropType<TJoyButtonVariants>;
+        default: string;
+    };
+    /** Button or Link size */
+    size: {
+        type: PropType<TJoyButtonSizes>;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    size: TJoyButtonSizes;
+    loading: boolean;
+    variant: TJoyButtonVariants;
+    full: boolean;
+    iconPosition: import("../../types/index.js").TPositions;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+    /** Default slot for button text */
+    default(): any;
+}> & {
+    /** Default slot for button text */
+    default(): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyButtonCard/JoyButtonCard.types.d.ts

@@ -0,0 +1,13 @@
+import type { Component } from 'vue';
+export type TJoyButtonCardType = 'a' | 'button' | Component;
+export type TJoyButtonCardAlign = 'left' | 'center' | 'right';
+export interface VJoyButtonCardProps {
+    /** Disabled state */
+    disabled?: boolean;
+    /** Native href for anchor rendering */
+    href?: string;
+    /** HTML element or Vue component to render */
+    type?: TJoyButtonCardType;
+    /** Content alignment inside the card */
+    align?: TJoyButtonCardAlign;
+}

package/dist/components/JoyButtonCard/VJoyButtonCard.vue.d.ts

@@ -0,0 +1,18 @@
+import type { VJoyButtonCardProps } from './JoyButtonCard.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<VJoyButtonCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VJoyButtonCardProps> & Readonly<{}>, {
+    type: import("./JoyButtonCard.types").TJoyButtonCardType;
+    disabled: boolean;
+    align: import("./JoyButtonCard.types").TJoyButtonCardAlign;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
+    /** Main content for the card */
+    default(): any;
+}> & {
+    /** Main content for the card */
+    default(): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyCheckbox/JoyCheckbox.types.d.ts

@@ -0,0 +1,26 @@
+export interface VJoyCheckboxProps {
+    /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
+    indeterminate?: boolean;
+    /**
+     * Internal purpose in order to prevent double focus mark on selectable-item
+     * @internal
+     */
+    displayFocus?: boolean;
+    /** Use it to replace the default slot */
+    label?: string;
+    /** Checked state of the component */
+    checked?: boolean;
+    /**
+     * Invalid state of the component
+     *
+     * Note: A checked checkbox cannot be invalid (the `checked` state takes priority over `invalid` state).
+     */
+    invalid?: boolean;
+    /** The value is used in multiselection context in order to build array of values. */
+    value?: string;
+    /** Removes any interactivity if disabled */
+    disabled?: boolean;
+    id?: string;
+    name?: string;
+    required?: boolean;
+}

package/dist/components/JoyCheckbox/VJoyCheckbox.vue.d.ts

@@ -0,0 +1,36 @@
+import type { VJoyCheckboxProps } from './JoyCheckbox.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<VJoyCheckboxProps, {
+    isIndeterminate: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    blur: () => any;
+    focus: () => any;
+    "update:checked": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<VJoyCheckboxProps> & Readonly<{
+    onBlur?: (() => any) | undefined;
+    onFocus?: (() => any) | undefined;
+    "onUpdate:checked"?: ((value: boolean) => any) | undefined;
+}>, {
+    invalid: boolean;
+    required: boolean;
+    value: string;
+    disabled: boolean;
+    checked: boolean;
+    indeterminate: boolean;
+    displayFocus: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
+    /** Default slot for checkbox label. You can as well use the label property. */
+    default(): any;
+    /** For additional content */
+    'checkbox-content': () => any;
+}> & {
+    /** Default slot for checkbox label. You can as well use the label property. */
+    default(): any;
+    /** For additional content */
+    'checkbox-content': () => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyCheckboxCard/JoyCheckboxCard.types.d.ts

@@ -0,0 +1,7 @@
+import type { VJoyCheckboxProps } from '../JoyCheckbox/JoyCheckbox.types';
+export interface VJoyCheckboxCardProps extends Omit<VJoyCheckboxProps, 'displayFocus'> {
+    /** Secondary label displayed below the main label */
+    subLabel?: string;
+    /** Whether the checkbox card should fit its content */
+    fitContent?: boolean;
+}

package/dist/components/JoyCheckboxCard/VJoyCheckboxCard.vue.d.ts

@@ -0,0 +1,35 @@
+import type { VJoyCheckboxCardProps } from './JoyCheckboxCard.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<VJoyCheckboxCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    blur: () => any;
+    focus: () => any;
+    "update:checked": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<VJoyCheckboxCardProps> & Readonly<{
+    onBlur?: (() => any) | undefined;
+    onFocus?: (() => any) | undefined;
+    "onUpdate:checked"?: ((value: boolean) => any) | undefined;
+}>, {
+    invalid: boolean;
+    required: boolean;
+    value: string;
+    disabled: boolean;
+    checked: boolean;
+    indeterminate: boolean;
+    subLabel: string;
+    fitContent: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
+    /** Right aligned free slot, displayed next to the main label. */
+    'header-right': () => any;
+    /** Free content slot, displayed below label and sublabel. */
+    'checkbox-card-content': () => any;
+}> & {
+    /** Right aligned free slot, displayed next to the main label. */
+    'header-right': () => any;
+    /** Free content slot, displayed below label and sublabel. */
+    'checkbox-card-content': () => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};