@stachelock/ui 0.6.2 → 0.6.3

package/dist/src/components/avatars/AvatarIcon.d.ts

@@ -0,0 +1,18 @@
+import { FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
+export type RoundedType = 'square' | 'rounded' | 'rounded-md' | 'rounded-lg' | 'rounded-full';
+type __VLS_Props = {
+    /** Size of the avatar (Tailwind scale) */
+    size: number;
+    /** Background color class or CSS color */
+    color: string;
+    /** Fallback initials */
+    initials: string;
+    /** Vue component to render as icon */
+    iconComponent?: FunctionalComponent<HTMLAttributes & VNodeProps>;
+    /** Corner rounding style */
+    rounded?: RoundedType;
+    /** Additional classes for the icon */
+    classes?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/dist/src/components/avatars/AvatarImage.d.ts

@@ -0,0 +1,25 @@
+export type RoundedType = 'square' | 'rounded' | 'rounded-md' | 'rounded-lg' | 'rounded-full';
+export interface ImageData {
+    url?: string;
+    public_id?: string;
+}
+type __VLS_Props = {
+    /** Size of the avatar (Tailwind scale) */
+    size: number | string;
+    /** Image object with url and optional public_id */
+    image: ImageData | null;
+    /** Alt text for the image */
+    altText?: string;
+    /** Corner rounding style */
+    rounded: RoundedType;
+    /** Skeleton type for loading */
+    skeleton?: 'user' | 'photo';
+    /** Ring/border classes */
+    ring?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    error: (error: unknown) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onError?: ((error: unknown) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/avatars/AvatarInitials.d.ts

@@ -0,0 +1,15 @@
+export type RoundedType = 'square' | 'rounded' | 'rounded-md' | 'rounded-lg' | 'rounded-full';
+type __VLS_Props = {
+    /** Size of the avatar (Tailwind scale) */
+    size: number;
+    /** Background color class */
+    color: string;
+    /** Initials to display */
+    initials: string;
+    /** Corner rounding style */
+    rounded?: RoundedType;
+    /** Text color class */
+    textColor?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/dist/src/components/avatars/AvatarWithText.d.ts

@@ -0,0 +1,129 @@
+import { PropType, FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
+export interface ImageData {
+    url?: string;
+    public_id?: string;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Which avatar component to use */
+    componentName: {
+        type: PropType<"AvatarIcon" | "AvatarImage" | "AvatarInitials">;
+        default: string;
+    };
+    /** Primary text */
+    title: {
+        type: StringConstructor;
+        required: false;
+    };
+    /** Secondary text */
+    subtitle: {
+        type: StringConstructor;
+        required: false;
+    };
+    /** Avatar size (Tailwind scale) */
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Background color for initials/icon */
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Initials for AvatarInitials */
+    initials: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Image data for AvatarImage */
+    image: {
+        type: PropType<ImageData | null>;
+        default: null;
+    };
+    /** Alt text for AvatarImage */
+    altText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Icon for AvatarIcon */
+    iconComponent: {
+        type: PropType<FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>>;
+        default: null;
+    };
+    /** Corner rounding style */
+    rounded: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Skeleton type for loading */
+    skeleton: {
+        type: PropType<"user" | "photo">;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Which avatar component to use */
+    componentName: {
+        type: PropType<"AvatarIcon" | "AvatarImage" | "AvatarInitials">;
+        default: string;
+    };
+    /** Primary text */
+    title: {
+        type: StringConstructor;
+        required: false;
+    };
+    /** Secondary text */
+    subtitle: {
+        type: StringConstructor;
+        required: false;
+    };
+    /** Avatar size (Tailwind scale) */
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Background color for initials/icon */
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Initials for AvatarInitials */
+    initials: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Image data for AvatarImage */
+    image: {
+        type: PropType<ImageData | null>;
+        default: null;
+    };
+    /** Alt text for AvatarImage */
+    altText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Icon for AvatarIcon */
+    iconComponent: {
+        type: PropType<FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>>;
+        default: null;
+    };
+    /** Corner rounding style */
+    rounded: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Skeleton type for loading */
+    skeleton: {
+        type: PropType<"user" | "photo">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    rounded: string;
+    image: ImageData | null;
+    color: string;
+    size: number;
+    skeleton: "user" | "photo";
+    initials: string;
+    iconComponent: FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>;
+    altText: string;
+    componentName: "AvatarIcon" | "AvatarImage" | "AvatarInitials";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/avatars/index.d.ts

@@ -0,0 +1,4 @@
+export { default as AvatarIcon } from './AvatarIcon';
+export { default as AvatarImage } from './AvatarImage';
+export { default as AvatarInitials } from './AvatarInitials';
+export { default as AvatarWithText } from './AvatarWithText';

package/dist/src/components/formatters/DateFormatter.d.ts

@@ -0,0 +1,119 @@
+import { PropType, FunctionalComponent, HTMLAttributes, VNodeProps } from 'vue';
+/**
+ * Represents various date input types
+ */
+export type DateInputValue = Date | string | number | null | undefined | {
+    _seconds: number;
+    _nanoseconds: number;
+} | {
+    seconds: number;
+    nanoseconds: number;
+} | {
+    month: string | number;
+    year: string | number;
+} | {
+    toDate: () => Date;
+};
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** The date to format */
+    date: {
+        type: PropType<DateInputValue>;
+        required: true;
+    };
+    /** dayjs format string */
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Optional secondary date for relative display */
+    secondaryRelativeDate: {
+        type: PropType<DateInputValue>;
+        default: undefined;
+    };
+    /** Suffix for relative date */
+    secondarySuffix: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Optional icon to display before the date */
+    leadingIcon: {
+        type: PropType<FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>>;
+        default: undefined;
+    };
+    /** Control visibility of date components */
+    display: {
+        type: PropType<{
+            date: boolean;
+            secondaryRelativeDate: boolean;
+        }>;
+        default: () => {
+            date: boolean;
+            secondaryRelativeDate: boolean;
+        };
+    };
+    /** Add spacing between elements */
+    space: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** The date to format */
+    date: {
+        type: PropType<DateInputValue>;
+        required: true;
+    };
+    /** dayjs format string */
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Optional secondary date for relative display */
+    secondaryRelativeDate: {
+        type: PropType<DateInputValue>;
+        default: undefined;
+    };
+    /** Suffix for relative date */
+    secondarySuffix: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Optional icon to display before the date */
+    leadingIcon: {
+        type: PropType<FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>>;
+        default: undefined;
+    };
+    /** Control visibility of date components */
+    display: {
+        type: PropType<{
+            date: boolean;
+            secondaryRelativeDate: boolean;
+        }>;
+        default: () => {
+            date: boolean;
+            secondaryRelativeDate: boolean;
+        };
+    };
+    /** Add spacing between elements */
+    space: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    leadingIcon: FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}>;
+    display: {
+        date: boolean;
+        secondaryRelativeDate: boolean;
+    };
+    space: boolean;
+    format: string;
+    secondaryRelativeDate: DateInputValue;
+    secondarySuffix: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/formatters/DateRangeFormatter.d.ts

@@ -0,0 +1,63 @@
+import { PropType } from 'vue';
+/**
+ * Represents various date input types
+ */
+export type DateInputValue = Date | string | number | null | undefined | {
+    _seconds: number;
+    _nanoseconds: number;
+} | {
+    seconds: number;
+    nanoseconds: number;
+} | {
+    month: string | number;
+    year: string | number;
+} | {
+    toDate: () => Date;
+};
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Start date of the range */
+    startDate: {
+        type: PropType<DateInputValue>;
+        required: true;
+    };
+    /** End date of the range */
+    endDate: {
+        type: PropType<DateInputValue>;
+        required: true;
+    };
+    /** dayjs format string */
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Show duration between dates */
+    useCalculateTimeBetween: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Start date of the range */
+    startDate: {
+        type: PropType<DateInputValue>;
+        required: true;
+    };
+    /** End date of the range */
+    endDate: {
+        type: PropType<DateInputValue>;
+        required: true;
+    };
+    /** dayjs format string */
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Show duration between dates */
+    useCalculateTimeBetween: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    format: string;
+    useCalculateTimeBetween: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/formatters/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DateFormatter } from './DateFormatter';
+export { default as DateRangeFormatter } from './DateRangeFormatter';

package/dist/src/components/icons/brands/DiscordBrandIcon.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, {}, SVGSVGElement>;
+export default _default;

package/dist/src/components/icons/brands/FacebookBrandIcon.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, {}, SVGSVGElement>;
+export default _default;

package/dist/src/components/icons/brands/GitHubBrandIcon.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, {}, SVGSVGElement>;
+export default _default;

package/dist/src/components/icons/brands/InstagramBrandIcon.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, {}, SVGSVGElement>;
+export default _default;

package/dist/src/components/icons/brands/LinkedInBrandIcon.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, {}, SVGSVGElement>;
+export default _default;

package/dist/src/components/icons/brands/PinterestBrandIcon.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, {}, SVGSVGElement>;
+export default _default;

package/dist/src/components/icons/brands/SnapchatBrandIcon.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, {}, SVGSVGElement>;
+export default _default;

package/dist/src/components/icons/brands/ThreadsBrandIcon.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, {}, SVGSVGElement>;
+export default _default;

package/dist/src/components/icons/brands/TikTokBrandIcon.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, {}, SVGSVGElement>;
+export default _default;

package/dist/src/components/icons/brands/TwitchBrandIcon.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, {}, SVGSVGElement>;
+export default _default;

package/dist/src/components/icons/brands/XBrandIcon.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, {}, SVGSVGElement>;
+export default _default;

package/dist/src/components/icons/brands/YouTubeBrandIcon.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, {}, SVGSVGElement>;
+export default _default;

package/dist/src/components/icons/brands/index.d.ts

@@ -0,0 +1,12 @@
+export { default as DiscordBrandIcon } from './DiscordBrandIcon';
+export { default as FacebookBrandIcon } from './FacebookBrandIcon';
+export { default as GitHubBrandIcon } from './GitHubBrandIcon';
+export { default as InstagramBrandIcon } from './InstagramBrandIcon';
+export { default as LinkedInBrandIcon } from './LinkedInBrandIcon';
+export { default as PinterestBrandIcon } from './PinterestBrandIcon';
+export { default as SnapchatBrandIcon } from './SnapchatBrandIcon';
+export { default as ThreadsBrandIcon } from './ThreadsBrandIcon';
+export { default as TikTokBrandIcon } from './TikTokBrandIcon';
+export { default as TwitchBrandIcon } from './TwitchBrandIcon';
+export { default as XBrandIcon } from './XBrandIcon';
+export { default as YouTubeBrandIcon } from './YouTubeBrandIcon';

package/dist/src/components/icons/index.d.ts

@@ -0,0 +1 @@
+export * from './brands';

package/dist/src/components/index.d.ts

@@ -17,11 +17,14 @@ export { default as ProgressBar } from './UiProgressBar';
 export { default as RadialProgressBar } from './UiRadialProgressBar';
 export { default as Table } from './UiTable';
 export { default as Transition } from './UiTransition';
+export * from './avatars';
 export * from './calendars';
 export * from './charts';
 export * from './collection-editor';
 export * from './empty-state';
+export * from './formatters';
 export * from './forms';
+export * from './icons';
 export * from './inputs';
 export * from './layouts';
 export * from './loading';

package/dist/src/components/inputs/DatepickerInput.d.ts

@@ -739,6 +739,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     cancelText: string;
     highlight: Date[] | DatepickerHighlight | ((date: Date) => boolean);
     monthPicker: boolean;
+    startDate: string | Date;
     is24: boolean;
     enableTimePicker: boolean;
     multiCalendars: number | boolean | {
@@ -767,7 +768,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         openMenu?: boolean | undefined;
         format?: string | undefined;
     };
-    startDate: string | Date;
     noToday: boolean;
     altPosition: boolean | ((el: HTMLElement | undefined) => {
         top: string | number;
@@ -985,6 +985,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
             readonly vertical?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
             readonly monthPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
+            readonly format?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
+            readonly startDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
             readonly is24?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly enableTimePicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
@@ -1015,7 +1017,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
             readonly maxTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | undefined> | null | undefined;
             readonly weekStart?: import('vue').Prop<0 | 1 | 2 | 3 | 4 | 5 | 6 | "0" | "1" | "2" | "3" | "4" | "5" | "6" | undefined, 0 | 1 | 2 | 3 | 4 | 5 | 6 | "0" | "1" | "2" | "3" | "4" | "5" | "6" | undefined> | null | undefined;
             readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly format?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
             readonly previewFormat?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
             readonly inputClassName?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
             readonly menuClassName?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
@@ -1047,7 +1048,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
                 format?: string | string[] | ((value: string) => Date | null) | undefined;
             } | undefined> | null | undefined;
             readonly monthNameFormat?: import('vue').Prop<"long" | "short" | undefined, "long" | "short" | undefined> | null | undefined;
-            readonly startDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
             readonly hideOffsetDates?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly autoRange?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
             readonly noToday?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
@@ -1494,6 +1494,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
             readonly vertical?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
             readonly monthPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
+            readonly format?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
+            readonly startDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
             readonly is24?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly enableTimePicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly multiCalendars?: import('vue').Prop<import('@vuepic/vue-datepicker').DpOptionEnabled | Partial<{
@@ -1524,7 +1526,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
             readonly maxTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | undefined> | null | undefined;
             readonly weekStart?: import('vue').Prop<0 | 1 | 2 | 3 | 4 | 5 | 6 | "0" | "1" | "2" | "3" | "4" | "5" | "6" | undefined, 0 | 1 | 2 | 3 | 4 | 5 | 6 | "0" | "1" | "2" | "3" | "4" | "5" | "6" | undefined> | null | undefined;
             readonly readonly?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly format?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
             readonly previewFormat?: import('vue').Prop<string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined, string | ((date: Date) => string) | ((dates: Date[]) => string) | undefined> | null | undefined;
             readonly inputClassName?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
             readonly menuClassName?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
@@ -1556,7 +1557,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
                 format?: string | string[] | ((value: string) => Date | null) | undefined;
             } | undefined> | null | undefined;
             readonly monthNameFormat?: import('vue').Prop<"long" | "short" | undefined, "long" | "short" | undefined> | null | undefined;
-            readonly startDate?: import('vue').Prop<string | Date | undefined, string | Date | undefined> | null | undefined;
             readonly hideOffsetDates?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly autoRange?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
             readonly noToday?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;