@stachelock/ui 0.6.1 → 0.6.3

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

@@ -17,16 +17,21 @@ 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';
 export * from './maps';
 export * from './modals';
 export * from './notifications';
+export * from './profiles';
 export * from './stepper';
 export * from './tabs';
 export * from './wrappers';

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

@@ -30,8 +30,8 @@ declare const _default: import('vue').DefineComponent<Props, {
 }>, {
     label: string;
     placeholder: string;
-    disabled: boolean;
     tertiaryLabel: string;
+    disabled: boolean;
     successMessage: string;
     validateOnMount: boolean;
     showSuggestionCount: boolean;

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

@@ -30,11 +30,11 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     "onUpdate:modelValue"?: ((value: SelectItemValue | ComboboxItem | ComboboxItem[]) => any) | undefined;
     "onUpdate:query"?: ((query: string) => any) | undefined;
 }>, {
+    itemKey: string;
+    itemText: string;
     boxShadow: boolean;
     multiple: boolean;
     showAll: boolean;
-    itemKey: string;
-    itemText: string;
     loading: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -716,10 +716,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     [x: `on${Capitalize<any>}`]: ((...args: any[] | unknown[]) => any) | undefined;
 }>, {
     locale: string;
-    dark: boolean;
     label: string;
-    placeholder: string;
     rules: AnySchema;
+    placeholder: string;
+    tertiaryLabel: string;
+    dark: boolean;
     inline: boolean;
     value: DatepickerModelValue;
     disabled: boolean;
@@ -727,7 +728,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         [x: string]: (...args: never) => any;
     }>;
     range: boolean;
-    tertiaryLabel: string;
     successMessage: string;
     showErrors: boolean;
     showValidCheck: boolean;
@@ -738,6 +738,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     markers: DatepickerMarker[];
     cancelText: string;
     highlight: Date[] | DatepickerHighlight | ((date: Date) => boolean);
+    monthPicker: boolean;
+    startDate: string | Date;
     is24: boolean;
     enableTimePicker: boolean;
     multiCalendars: number | boolean | {
@@ -759,7 +761,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     disabledDates: Date[] | ((date: Date) => boolean);
     selectText: string;
     autoPosition: boolean;
-    monthPicker: boolean;
     timePicker: boolean;
     textInput: boolean | {
         enterSubmit?: boolean | undefined;
@@ -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;
@@ -933,9 +933,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         } | {
             readonly state?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly locale?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly dark?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly name?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
+            readonly position?: import('vue').Prop<"center" | "left" | "right" | undefined, "center" | "left" | "right" | undefined> | null | undefined;
             readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
+            readonly dark?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly inline?: import('vue').Prop<boolean | {
                 input?: boolean | undefined;
             } | undefined, boolean | {
@@ -944,6 +945,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
             readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly calendar?: import('vue').Prop<((weeks: import('@vuepic/vue-datepicker').CalendarWeek[]) => import('@vuepic/vue-datepicker').CalendarWeek[]) | undefined, ((weeks: import('@vuepic/vue-datepicker').CalendarWeek[]) => import('@vuepic/vue-datepicker').CalendarWeek[]) | undefined> | null | undefined;
             readonly range?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
+            readonly uid?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
             readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
             readonly filters?: import('vue').Prop<{
@@ -964,7 +966,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
                 } | undefined;
             } | undefined> | null | undefined;
             readonly startTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | import('@vuepic/vue-datepicker').PartialTimeObj[] | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | import('@vuepic/vue-datepicker').PartialTimeObj[] | undefined> | null | undefined;
-            readonly position?: import('vue').Prop<"center" | "left" | "right" | undefined, "center" | "left" | "right" | undefined> | null | undefined;
             readonly markers?: import('vue').Prop<import('@vuepic/vue-datepicker').DatePickerMarker[] | undefined, import('@vuepic/vue-datepicker').DatePickerMarker[] | undefined> | null | undefined;
             readonly offset?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
             readonly cancelText?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
@@ -983,7 +984,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
             }) => boolean) | Partial<import('@vuepic/vue-datepicker').Highlight> | undefined> | null | undefined;
             readonly vertical?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly uid?: 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<{
@@ -1014,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;
@@ -1029,7 +1031,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
             readonly selectText?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
             readonly weekNumName?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
             readonly autoPosition?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly monthPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly timePicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly textInput?: import('vue').Prop<boolean | {
                 enterSubmit?: boolean | 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;
@@ -1442,9 +1442,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         } | {
             readonly state?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly locale?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly dark?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly name?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
+            readonly position?: import('vue').Prop<"center" | "left" | "right" | undefined, "center" | "left" | "right" | undefined> | null | undefined;
             readonly placeholder?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
+            readonly dark?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly inline?: import('vue').Prop<boolean | {
                 input?: boolean | undefined;
             } | undefined, boolean | {
@@ -1453,6 +1454,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
             readonly disabled?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly calendar?: import('vue').Prop<((weeks: import('@vuepic/vue-datepicker').CalendarWeek[]) => import('@vuepic/vue-datepicker').CalendarWeek[]) | undefined, ((weeks: import('@vuepic/vue-datepicker').CalendarWeek[]) => import('@vuepic/vue-datepicker').CalendarWeek[]) | undefined> | null | undefined;
             readonly range?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
+            readonly uid?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
             readonly required?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly modelValue?: import('vue').Prop<import('@vuepic/vue-datepicker').ModelValue | undefined, import('@vuepic/vue-datepicker').ModelValue | undefined> | null | undefined;
             readonly filters?: import('vue').Prop<{
@@ -1473,7 +1475,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
                 } | undefined;
             } | undefined> | null | undefined;
             readonly startTime?: import('vue').Prop<import('@vuepic/vue-datepicker').PartialTimeObj | import('@vuepic/vue-datepicker').PartialTimeObj[] | undefined, import('@vuepic/vue-datepicker').PartialTimeObj | import('@vuepic/vue-datepicker').PartialTimeObj[] | undefined> | null | undefined;
-            readonly position?: import('vue').Prop<"center" | "left" | "right" | undefined, "center" | "left" | "right" | undefined> | null | undefined;
             readonly markers?: import('vue').Prop<import('@vuepic/vue-datepicker').DatePickerMarker[] | undefined, import('@vuepic/vue-datepicker').DatePickerMarker[] | undefined> | null | undefined;
             readonly offset?: import('vue').Prop<string | number | undefined, string | number | undefined> | null | undefined;
             readonly cancelText?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
@@ -1492,7 +1493,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
             }) => boolean) | Partial<import('@vuepic/vue-datepicker').Highlight> | undefined> | null | undefined;
             readonly vertical?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly autocomplete?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
-            readonly uid?: 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<{
@@ -1523,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;
@@ -1538,7 +1540,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
             readonly selectText?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
             readonly weekNumName?: import('vue').Prop<string | undefined, string | undefined> | null | undefined;
             readonly autoPosition?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
-            readonly monthPicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly timePicker?: import('vue').Prop<boolean | undefined, boolean | undefined> | null | undefined;
             readonly textInput?: import('vue').Prop<boolean | {
                 enterSubmit?: boolean | 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;

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

@@ -32,11 +32,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
     "onUpdate:validity"?: ((isValid: boolean) => any) | undefined;
 }>, {
     label: string;
-    placeholder: string;
     rules: AnySchema;
+    placeholder: string;
+    tertiaryLabel: string;
     value: string;
     disabled: boolean;
-    tertiaryLabel: string;
     successMessage: string;
     showErrors: boolean;
     showValidCheck: boolean;

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

@@ -0,0 +1,326 @@
+import { PropType } from 'vue';
+import { AcceptedFileType } from './FileDropzoneInput';
+/**
+ * Represents a Cloudinary asset returned from upload
+ */
+export interface CloudinaryAsset {
+    public_id: string;
+    url: string;
+    secure_url?: string;
+    original_file_name?: string;
+    format?: string;
+    resource_type?: string;
+    created_at?: string;
+    bytes?: number;
+    width?: number;
+    height?: number;
+}
+export type UploadStatusType = 'empty' | 'loading' | 'uploaded' | 'inherited' | 'error';
+export type RoundedType = 'square' | 'rounded' | 'rounded-md' | 'rounded-lg' | 'rounded-full';
+/**
+ * Parameters passed to update:media event
+ */
+export interface UpdateMediaParams {
+    cloudinaryAsset: CloudinaryAsset;
+    presetType: string;
+    projectId?: string;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** Current image value(s) */
+    modelValue: {
+        type: PropType<CloudinaryAsset | CloudinaryAsset[] | null>;
+        default: null;
+    };
+    /** Field name for form integration */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /** Label text */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Tertiary label (right-aligned) */
+    tertiaryLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Image corner rounding style */
+    imageRounded: {
+        type: PropType<RoundedType>;
+        default: string;
+    };
+    /** Preset type for upload configuration */
+    presetType: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Allow multiple file uploads */
+    enableMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Accepted MIME types */
+    acceptedFormats: {
+        type: PropType<AcceptedFileType[]>;
+        default: () => string[];
+    };
+    /** Maximum file size in MB */
+    maximumFileSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Display as avatar style */
+    isAvatar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Additional props for CloudinaryImage */
+    cloudinaryImageProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /** Use full screen height */
+    fullSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Delete file from Cloudinary on clear */
+    deleteFileFromCloudinary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Show validation errors */
+    showErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Disable the input */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Message to show when disabled */
+    disabledMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Show colorful validation states */
+    colorfulValidation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Project ID for upload context */
+    projectId: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Upload handler - must be provided by consuming package
+     * @param file - File to upload
+     * @param presetType - Preset type for configuration
+     * @param projectId - Project context
+     * @returns CloudinaryAsset
+     */
+    onUpload: {
+        type: PropType<(file: File, presetType: string, projectId?: string | undefined) => Promise<CloudinaryAsset | null>>;
+        required: true;
+    };
+    /**
+     * Delete handler - called when clearing an image
+     * @param publicId - Cloudinary public_id to delete
+     */
+    onDelete: {
+        type: PropType<(publicId: string) => Promise<void>>;
+        default: undefined;
+    };
+    /**
+     * Check if uploading is allowed (e.g., for demo mode)
+     * @returns boolean - true if upload should be blocked
+     */
+    onBeforeUpload: {
+        type: PropType<() => boolean>;
+        default: undefined;
+    };
+}>, {
+    clearImage: (publicId?: string | undefined) => Promise<void>;
+    imageInputStatus: import('vue').Ref<UploadStatusType, UploadStatusType>;
+    uploadResponse: import('vue').Ref<{
+        public_id: string;
+        url: string;
+        secure_url?: string | undefined;
+        original_file_name?: string | undefined;
+        format?: string | undefined;
+        resource_type?: string | undefined;
+        created_at?: string | undefined;
+        bytes?: number | undefined;
+        width?: number | undefined;
+        height?: number | undefined;
+    }[], CloudinaryAsset[] | {
+        public_id: string;
+        url: string;
+        secure_url?: string | undefined;
+        original_file_name?: string | undefined;
+        format?: string | undefined;
+        resource_type?: string | undefined;
+        created_at?: string | undefined;
+        bytes?: number | undefined;
+        width?: number | undefined;
+        height?: number | undefined;
+    }[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: CloudinaryAsset | CloudinaryAsset[] | null) => any;
+    "update:media": (params: UpdateMediaParams) => any;
+    "clear:media": (publicId: string) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** Current image value(s) */
+    modelValue: {
+        type: PropType<CloudinaryAsset | CloudinaryAsset[] | null>;
+        default: null;
+    };
+    /** Field name for form integration */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /** Label text */
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Tertiary label (right-aligned) */
+    tertiaryLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Image corner rounding style */
+    imageRounded: {
+        type: PropType<RoundedType>;
+        default: string;
+    };
+    /** Preset type for upload configuration */
+    presetType: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Allow multiple file uploads */
+    enableMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Accepted MIME types */
+    acceptedFormats: {
+        type: PropType<AcceptedFileType[]>;
+        default: () => string[];
+    };
+    /** Maximum file size in MB */
+    maximumFileSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Display as avatar style */
+    isAvatar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Additional props for CloudinaryImage */
+    cloudinaryImageProps: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /** Use full screen height */
+    fullSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Delete file from Cloudinary on clear */
+    deleteFileFromCloudinary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Show validation errors */
+    showErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Disable the input */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Message to show when disabled */
+    disabledMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Show colorful validation states */
+    colorfulValidation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Project ID for upload context */
+    projectId: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Upload handler - must be provided by consuming package
+     * @param file - File to upload
+     * @param presetType - Preset type for configuration
+     * @param projectId - Project context
+     * @returns CloudinaryAsset
+     */
+    onUpload: {
+        type: PropType<(file: File, presetType: string, projectId?: string | undefined) => Promise<CloudinaryAsset | null>>;
+        required: true;
+    };
+    /**
+     * Delete handler - called when clearing an image
+     * @param publicId - Cloudinary public_id to delete
+     */
+    onDelete: {
+        type: PropType<(publicId: string) => Promise<void>>;
+        default: undefined;
+    };
+    /**
+     * Check if uploading is allowed (e.g., for demo mode)
+     * @returns boolean - true if upload should be blocked
+     */
+    onBeforeUpload: {
+        type: PropType<() => boolean>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: CloudinaryAsset | CloudinaryAsset[] | null) => any) | undefined;
+    "onUpdate:media"?: ((params: UpdateMediaParams) => any) | undefined;
+    "onClear:media"?: ((publicId: string) => any) | undefined;
+}>, {
+    label: string;
+    tertiaryLabel: string;
+    disabled: boolean;
+    showErrors: boolean;
+    colorfulValidation: boolean;
+    disabledMessage: string;
+    modelValue: CloudinaryAsset | CloudinaryAsset[] | null;
+    enableMultiple: boolean;
+    acceptedFormats: AcceptedFileType[];
+    maximumFileSize: number;
+    imageRounded: RoundedType;
+    presetType: string;
+    isAvatar: boolean;
+    cloudinaryImageProps: Record<string, any>;
+    fullSize: boolean;
+    deleteFileFromCloudinary: boolean;
+    projectId: string;
+    onDelete: (publicId: string) => Promise<void>;
+    onBeforeUpload: () => boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>, {
+    'empty-state'?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -183,11 +183,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     onValidated?: ((value: PhoneValidationResult) => any) | undefined;
 }>, {
     label: string;
-    placeholder: string;
     rules: AnySchema;
+    placeholder: string;
+    tertiaryLabel: string;
     value: string;
     disabled: boolean;
-    tertiaryLabel: string;
     successMessage: string;
     showErrors: boolean;
     colorfulValidation: boolean;

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

@@ -28,12 +28,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     "onUpdate:value"?: ((value: string) => any) | undefined;
 }>, {
     label: string;
-    placeholder: string;
     rules: AnySchema;
+    placeholder: string;
+    tertiaryLabel: string;
     value: string;
     disabled: boolean;
     minimal: boolean;
-    tertiaryLabel: string;
     showErrors: boolean;
     maxHeight: string;
     hint: string;

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

@@ -23,11 +23,11 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: SelectItemValue | SelectItem | SelectItem[]) => any) | undefined;
 }>, {
+    itemKey: string;
+    itemText: string;
     boxShadow: boolean;
     multiple: boolean;
     showAll: boolean;
-    itemKey: string;
-    itemText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     listboxButtonRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         as: {

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

@@ -48,7 +48,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<{
             label?: string | undefined;
             placeholder?: string | undefined;
-            inputMode?: "numeric" | "none" | "text" | "email" | "tel" | "url" | "search" | "decimal" | undefined;
+            inputMode?: "numeric" | "none" | "url" | "text" | "email" | "tel" | "search" | "decimal" | undefined;
             maxLength?: number | undefined;
         }>;
         default: () => {};
@@ -138,7 +138,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<{
             label?: string | undefined;
             placeholder?: string | undefined;
-            inputMode?: "numeric" | "none" | "text" | "email" | "tel" | "url" | "search" | "decimal" | undefined;
+            inputMode?: "numeric" | "none" | "url" | "text" | "email" | "tel" | "search" | "decimal" | undefined;
             maxLength?: number | undefined;
         }>;
         default: () => {};
@@ -191,12 +191,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     "onUpdate:validity"?: ((isValid: boolean) => any) | undefined;
 }>, {
     label: string;
+    tertiaryLabel: string;
     labelIconLeft: Component;
     hasError: boolean;
     text: {
         label?: string | undefined;
         placeholder?: string | undefined;
-        inputMode?: "numeric" | "none" | "text" | "email" | "tel" | "url" | "search" | "decimal" | undefined;
+        inputMode?: "numeric" | "none" | "url" | "text" | "email" | "tel" | "search" | "decimal" | undefined;
         maxLength?: number | undefined;
     };
     select: {
@@ -206,7 +207,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     value: CompositePropValue;
     disabled: boolean;
-    tertiaryLabel: string;
     showErrors: boolean;
     showValidCheck: boolean;
     colorfulValidation: boolean;