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

package/dist/components/JoyFloatingActionsBar/VJoyFloatingActionsBar.vue.d.ts

@@ -0,0 +1,30 @@
+import { type TeleportProps } from 'vue';
+export interface Props {
+    /** Height of the bar. Adjust when the default does not fit your content. */
+    height?: string;
+    /** CSS selector or DOM element used as the Teleport target. */
+    appendTo?: TeleportProps['to'];
+    /** Controls the horizontal distribution of the inner content. */
+    justify?: 'space-between' | 'space-around' | 'space-evenly' | 'flex-start' | 'flex-end' | 'center';
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    appendTo: string | import("vue").RendererElement | null;
+    height: string;
+    justify: "center" | "space-between" | "flex-start" | "flex-end" | "space-around" | "space-evenly";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
+    /** Content slot, placed on the left side of the bar */
+    content: () => any;
+    /** Actions slot, placed on the right side */
+    actions: () => any;
+}> & {
+    /** Content slot, placed on the left side of the bar */
+    content: () => any;
+    /** Actions slot, placed on the right side */
+    actions: () => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyFormError/VJoyFormError.vue.d.ts

@@ -0,0 +1,63 @@
+import { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * In some cases you'll need to inject the error in the DOM but hide it. Visible by default
+     * @deprecated - The property is now ignored.
+     */
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Display a list of errors without the need of a slot
+     */
+    errors: {
+        type: PropType<string[]>;
+        required: false;
+    };
+    /**
+     * Allows to remove any bottom margin on the component
+     */
+    noMargin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * In some cases you'll need to inject the error in the DOM but hide it. Visible by default
+     * @deprecated - The property is now ignored.
+     */
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Display a list of errors without the need of a slot
+     */
+    errors: {
+        type: PropType<string[]>;
+        required: false;
+    };
+    /**
+     * Allows to remove any bottom margin on the component
+     */
+    noMargin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    noMargin: boolean;
+    visible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+    /** If you need a list of error, use this slot with a simple ul/li */
+    default?: (() => any) | undefined;
+}> & {
+    /** If you need a list of error, use this slot with a simple ul/li */
+    default?: (() => any) | undefined;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyFormFieldSkeleton/VJoyFormFieldSkeleton.vue.d.ts

@@ -0,0 +1,41 @@
+import { PropType } from 'vue';
+import { FormSizes } from '@/types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
+    size: {
+        type: PropType<FormSizes>;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+    };
+    /** The component is aimed to be used with a VJoyWrapper to quickly create skeleton layouts.
+     * Use flex property to spread your items horizontally, by default they will all have the same width.
+     */
+    flex: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    flexStyle: import("vue").ComputedRef<string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
+    size: {
+        type: PropType<FormSizes>;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+    };
+    /** The component is aimed to be used with a VJoyWrapper to quickly create skeleton layouts.
+     * Use flex property to spread your items horizontally, by default they will all have the same width.
+     */
+    flex: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: FormSizes;
+    flex: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/JoyFormGroup/VJoyFormGroup.vue.d.ts

@@ -0,0 +1,13 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+    /** Use it to render the content of the form group. Most of the time JoyLabel, any form component, and JoyFormError. */
+    default?: (() => any) | undefined;
+}> & {
+    /** Use it to render the content of the form group. Most of the time JoyLabel, any form component, and JoyFormError. */
+    default?: (() => any) | undefined;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,3 @@
+import { Profiles, TSizes } from '../../types';
+export type TJoyFunnelLayoutWidths = Extract<TSizes, 'medium' | 'large'>;
+export type TJoyFunnelProfiles = `${Profiles.STRATEGY}` | `${Profiles.DEFAULT}`;

package/dist/components/JoyFunnel/VJoyFunnel.vue.d.ts

@@ -0,0 +1,71 @@
+import { PropType } from 'vue';
+import { TJoyFunnelLayoutWidths, TJoyFunnelProfiles } from './JoyFunnel.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * Remove decorative shapes placed at the bottom right corner
+     */
+    hideShapes: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    layoutWidth: {
+        type: PropType<TJoyFunnelLayoutWidths>;
+        default: string;
+    };
+    profile: {
+        type: PropType<TJoyFunnelProfiles>;
+        default: string;
+    };
+}>, {
+    scrollOnTop: import("vue").Ref<boolean, boolean>;
+    hasStepperSlot: import("vue").ComputedRef<boolean>;
+    hasFooterSlot: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Remove decorative shapes placed at the bottom right corner
+     */
+    hideShapes: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    layoutWidth: {
+        type: PropType<TJoyFunnelLayoutWidths>;
+        default: string;
+    };
+    profile: {
+        type: PropType<TJoyFunnelProfiles>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    profile: TJoyFunnelProfiles;
+    hideShapes: boolean;
+    layoutWidth: TJoyFunnelLayoutWidths;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+    /** Use VJoyTemplate here */
+    default: () => any;
+    /** Use VJoyHeader here */
+    'funnel-header': () => any;
+    /** Use VJoyStepper here */
+    'funnel-stepper'?: (() => any) | undefined;
+    /**
+     * Deprecated. Use VJoyFunnelFooter component directly within default slot.
+     * */
+    'funnel-footer'?: (() => any) | undefined;
+}> & {
+    /** Use VJoyTemplate here */
+    default: () => any;
+    /** Use VJoyHeader here */
+    'funnel-header': () => any;
+    /** Use VJoyStepper here */
+    'funnel-stepper'?: (() => any) | undefined;
+    /**
+     * Deprecated. Use VJoyFunnelFooter component directly within default slot.
+     * */
+    'funnel-footer'?: (() => any) | undefined;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyFunnelFooter/VJoyFunnelFooter.vue.d.ts

@@ -0,0 +1,13 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+    'footer-left': () => any;
+    'footer-right': () => any;
+}> & {
+    'footer-left': () => any;
+    'footer-right': () => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyFunnelHeader/VJoyFunnelHeader.vue.d.ts

@@ -0,0 +1,13 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+    'funnel-header-left': () => any;
+    'funnel-header-right': () => any;
+}> & {
+    'funnel-header-left': () => any;
+    'funnel-header-right': () => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,3 @@
+import { TLevels } from '../../types';
+export type TJoyHighlightLevels = TLevels;
+export type TJoyHighlightVariants = 'ai' | 'default';

package/dist/components/JoyHighlight/VJoyHighlight.vue.d.ts

@@ -0,0 +1,76 @@
+import { PropType } from 'vue';
+import { TJoyHighlightVariants } from './JoyHighlight.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    accent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Based on maltjoy/icons availabilities. Works in pair with displayIcon boolean prop. */
+    icon: {
+        type: PropType<import("@maltjoy/icons").JoyIconsId>;
+    };
+    /** import `TJoyHighlightLevels` */
+    level: {
+        type: PropType<import("../../types/index.js").TLevels>;
+        default: string;
+    };
+    /** Please note that 'default' variant has no effect. This property is meant to completely override "level" prop style */
+    variant: {
+        type: PropType<TJoyHighlightVariants>;
+        default: string;
+    };
+}>, {
+    getRelevantIcon: import("vue").ComputedRef<import("@maltjoy/icons").JoyIconsId>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    accent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    displayIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Based on maltjoy/icons availabilities. Works in pair with displayIcon boolean prop. */
+    icon: {
+        type: PropType<import("@maltjoy/icons").JoyIconsId>;
+    };
+    /** import `TJoyHighlightLevels` */
+    level: {
+        type: PropType<import("../../types/index.js").TLevels>;
+        default: string;
+    };
+    /** Please note that 'default' variant has no effect. This property is meant to completely override "level" prop style */
+    variant: {
+        type: PropType<TJoyHighlightVariants>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    level: import("../../types/index.js").TLevels;
+    variant: TJoyHighlightVariants;
+    accent: boolean;
+    displayIcon: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+    /** Main content of the highlight */
+    default(): any;
+    /** Use it if you want to customize the default icon associated with the highlight. You can inject whatever you want here */
+    'highlight-decorator'(): any;
+    /** Not mandatory, renders a bold title above the main content */
+    'highlight-title'(): any;
+}> & {
+    /** Main content of the highlight */
+    default(): any;
+    /** Use it if you want to customize the default icon associated with the highlight. You can inject whatever you want here */
+    'highlight-decorator'(): any;
+    /** Not mandatory, renders a bold title above the main content */
+    'highlight-title'(): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,5 @@
+import type { JoyIconsId } from '@maltjoy/icons';
+import { TSizes, TLevels } from '../../types';
+export type TJoyIconsColors = TLevels | 'neutral-50' | 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'brand-primary' | 'brand-secondary' | 'white';
+export type TJoyIconSizes = Extract<TSizes, 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large'>;
+export type TJoyIconsNames = JoyIconsId;

package/dist/components/JoyIcon/VJoyIcon.vue.d.ts

@@ -0,0 +1,62 @@
+import { PropType } from 'vue';
+import { TJoyIconsColors, TJoyIconSizes } from './JoyIcon.types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    ariaLabel: {
+        type: StringConstructor;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    role: {
+        type: StringConstructor;
+    };
+    tabIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    name: {
+        type: PropType<import("@maltjoy/icons").JoyIconsId>;
+        required: true;
+    };
+    color: {
+        type: PropType<TJoyIconsColors>;
+        default: string;
+    };
+    /** Use `TJoyIconSizes` */
+    size: {
+        type: PropType<TJoyIconSizes>;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    ariaLabel: {
+        type: StringConstructor;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    role: {
+        type: StringConstructor;
+    };
+    tabIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    name: {
+        type: PropType<import("@maltjoy/icons").JoyIconsId>;
+        required: true;
+    };
+    color: {
+        type: PropType<TJoyIconsColors>;
+        default: string;
+    };
+    /** Use `TJoyIconSizes` */
+    size: {
+        type: PropType<TJoyIconSizes>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    color: TJoyIconsColors;
+    tabIndex: number;
+    size: TJoyIconSizes;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,5 @@
+import { TJoyButtonSizes, TJoyButtonVariants } from '../JoyButton/JoyButton.types';
+import { TJoyIconsNames } from '../JoyIcon/JoyIcon.types';
+export type TJoyIconButtonVariants = TJoyButtonVariants;
+export type TJoyIconButtonSizes = TJoyButtonSizes;
+export type TJoyIconButtonIconNames = TJoyIconsNames;

package/dist/components/JoyIconButton/VJoyIconButton.vue.d.ts

@@ -0,0 +1,80 @@
+import { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Name of the icon displayed inside the button */
+    icon: {
+        type: PropType<import("@maltjoy/icons").JoyIconsId>;
+        required: true;
+    };
+    /**
+     * Accessible label used when no default slot is provided.
+     * The text is hidden visually by JoyIconButton styles.
+     */
+    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<import("../components.types.js").TJoyButtonVariants>;
+        default: string;
+    };
+    /** Button or Link size */
+    size: {
+        type: PropType<import("../components.types.js").TJoyButtonSizes>;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Name of the icon displayed inside the button */
+    icon: {
+        type: PropType<import("@maltjoy/icons").JoyIconsId>;
+        required: true;
+    };
+    /**
+     * Accessible label used when no default slot is provided.
+     * The text is hidden visually by JoyIconButton styles.
+     */
+    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<import("../components.types.js").TJoyButtonVariants>;
+        default: string;
+    };
+    /** Button or Link size */
+    size: {
+        type: PropType<import("../components.types.js").TJoyButtonSizes>;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    size: import("../components.types.js").TJoyButtonSizes;
+    loading: boolean;
+    variant: import("../components.types.js").TJoyButtonVariants;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+    /** Accessible label for the icon button */
+    default(): any;
+}> & {
+    /** Accessible label for the icon button */
+    default(): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoyIndicator/VJoyIndicator.vue.d.ts

@@ -0,0 +1,44 @@
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Value is used for the parent v-model. Mandatory */
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    /** Automatically handled by parent. No need to set it manually */
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: PropType<"default">;
+        default: string;
+    };
+    /** Indicators are text-less buttons by design. To make them more accessible, you can pass them an aria-label that will describe more their action. */
+    ariaLabel: {
+        type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Value is used for the parent v-model. Mandatory */
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    /** Automatically handled by parent. No need to set it manually */
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: PropType<"default">;
+        default: string;
+    };
+    /** Indicators are text-less buttons by design. To make them more accessible, you can pass them an aria-label that will describe more their action. */
+    ariaLabel: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    selected: boolean;
+    variant: "default";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1 @@
+export type TJoyIndicatorsVariants = 'default';

package/dist/components/JoyIndicators/VJoyIndicators.vue.d.ts

@@ -0,0 +1,74 @@
+import { PropType } from 'vue';
+import VJoyIndicator from '../JoyIndicator/VJoyIndicator.vue';
+declare function isSelected(indicator: typeof VJoyIndicator): boolean;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    variant: {
+        type: PropType<"default">;
+    };
+    /** Use the component with a v-model to easily handle selected items */
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+}>, {
+    indicators: import("vue").ComputedRef<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        value: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: true;
+        };
+        selected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: PropType<"default">;
+            default: string;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+        };
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: true;
+        };
+        selected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        variant: {
+            type: PropType<"default">;
+            default: string;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+        };
+    }>> & Readonly<{}>, {
+        selected: boolean;
+        variant: "default";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>[]>;
+    isSelected: typeof isSelected;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: PropType<"default">;
+    };
+    /** Use the component with a v-model to easily handle selected items */
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+    /** Use VJoyIndicator children here */
+    default(): any;
+}> & {
+    /** Use VJoyIndicator children here */
+    default(): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,33 @@
+import { TSizes } from '../../types';
+import { TJoyIconsNames } from '../JoyIcon/JoyIcon.types';
+import { TJoyLabelSizes } from '../JoyLabel/JoyLabel.types';
+export type TJoyInputSizes = Extract<TSizes, 'small' | 'medium' | 'large'>;
+export interface VJoyInputProps {
+    autofocus?: boolean;
+    modelValue?: string | number | null;
+    disabled?: boolean;
+    id?: string;
+    invalid?: boolean;
+    name?: string;
+    required?: boolean;
+    /** Display a label on top of the element. Handy if you only need to pass a string. If you need more, use the VJoyLabel. */
+    label?: string;
+    /** Overrides the default label size. See JoyLabel stories */
+    labelSize?: TJoyLabelSizes;
+    /** If your component is not required, we can add a label to explicitely tell that it's not mandatory */
+    optionalLabel?: string;
+    /** Depending on context, we can add a "*" after the label to specify it's mandatory. */
+    requiredMark?: boolean;
+    modelModifiers?: Partial<Record<'number' | 'trim' | 'lazy', boolean>>;
+    /** Display a cross icon on the right that enables to clear the field */
+    clearable?: boolean;
+    /** Add a JoyIcon / joy-icon with given name on left-side. */
+    icon?: TJoyIconsNames;
+    size?: TJoyInputSizes;
+    /** HTML input type. Use VJoyInputPassword for password fields. */
+    type?: string;
+    /** Activates the readonly mode for the input */
+    readonly?: boolean;
+    /** When using the clearable property, you have to specific an aria-label for accessibility. */
+    clearAriaLabel?: string;
+}