@stachelock/ui 0.6.2 → 0.6.3

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/index.d.ts

@@ -7,6 +7,7 @@ export { default as EmailInput } from './EmailInput';
 export { default as EmptyInput } from './EmptyInput';
 export { default as FileDropzoneInput } from './FileDropzoneInput';
 export { default as HiddenInput } from './HiddenInput';
+export { default as ImageDropzoneInput } from './ImageDropzoneInput';
 export { default as InputsShowcase } from './InputsShowcase';
 export { default as PhoneInput } from './PhoneInput';
 export { default as RichTextInput } from './RichTextInput';

package/dist/src/components/wrappers/BackgroundGradientWrapper.d.ts

@@ -9,6 +9,7 @@ interface Props {
     classes?: string;
 }
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    classes: string;
     gradientStart: string;
     gradientEnd: string;
     gradientType: "linear" | "radial";
@@ -16,7 +17,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
     gradientShape: string;
     gradientSize: string;
     additionalStops: string[];
-    classes: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;