sprintify-ui 0.0.182 → 0.0.184

package/dist/types/src/components/BaseFileUploader.vue.d.ts

@@ -1,99 +1,83 @@
-import { PropType } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    url: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    disabled: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    loading: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    beforeUpload: {
-        default: () => boolean;
-        type: PropType<() => boolean>;
-    };
-    buttonClass: {
-        default: string;
-        type: StringConstructor;
-    };
-    maxSize: {
-        default: number;
-        type: NumberConstructor;
-    };
-    accept: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    acceptedExtensions: {
-        default: undefined;
-        type: PropType<string[]>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("upload:start" | "upload:success" | "upload:fail" | "upload:end")[], "upload:start" | "upload:success" | "upload:fail" | "upload:end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    url: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    disabled: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    loading: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    beforeUpload: {
-        default: () => boolean;
-        type: PropType<() => boolean>;
-    };
-    buttonClass: {
-        default: string;
-        type: StringConstructor;
-    };
-    maxSize: {
-        default: number;
-        type: NumberConstructor;
-    };
-    accept: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    acceptedExtensions: {
-        default: undefined;
-        type: PropType<string[]>;
-    };
-}>> & {
+import { BaseCropperConfig } from '@/types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    component?: "BaseFilePicker" | "BaseFilePickerCrop" | undefined;
+    url?: string | undefined;
+    disabled?: boolean | undefined;
+    loading?: boolean | undefined;
+    beforeUpload?: (() => boolean) | undefined;
+    buttonClass?: string | undefined;
+    maxSize?: number | undefined;
+    accept?: string | undefined;
+    acceptedExtensions?: string[] | undefined;
+    cropper?: boolean | BaseCropperConfig | null | undefined;
+}>, {
+    component: string;
+    url: undefined;
+    disabled: boolean;
+    loading: boolean;
+    beforeUpload: () => boolean;
+    buttonClass: string;
+    maxSize: undefined;
+    accept: undefined;
+    acceptedExtensions: undefined;
+    cropper: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("upload:start" | "upload:success" | "upload:fail" | "upload:end")[], "upload:start" | "upload:success" | "upload:fail" | "upload:end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    component?: "BaseFilePicker" | "BaseFilePickerCrop" | undefined;
+    url?: string | undefined;
+    disabled?: boolean | undefined;
+    loading?: boolean | undefined;
+    beforeUpload?: (() => boolean) | undefined;
+    buttonClass?: string | undefined;
+    maxSize?: number | undefined;
+    accept?: string | undefined;
+    acceptedExtensions?: string[] | undefined;
+    cropper?: boolean | BaseCropperConfig | null | undefined;
+}>, {
+    component: string;
+    url: undefined;
+    disabled: boolean;
+    loading: boolean;
+    beforeUpload: () => boolean;
+    buttonClass: string;
+    maxSize: undefined;
+    accept: undefined;
+    acceptedExtensions: undefined;
+    cropper: boolean;
+}>>> & {
     "onUpload:start"?: ((...args: any[]) => any) | undefined;
     "onUpload:success"?: ((...args: any[]) => any) | undefined;
     "onUpload:fail"?: ((...args: any[]) => any) | undefined;
     "onUpload:end"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    cropper: BaseCropperConfig | boolean | null;
     loading: boolean;
     accept: string;
     url: string;
+    component: 'BaseFilePicker' | 'BaseFilePickerCrop';
     buttonClass: string;
-    beforeUpload: () => boolean;
     maxSize: number;
     acceptedExtensions: string[];
+    beforeUpload: () => boolean;
 }>, {
-    default: (_: {
-        uploading: boolean;
-        selecting: any;
-        dragging: any;
-        disabled: any;
-    }) => any;
-    loading: (_: {
-        uploading: boolean;
-        selecting: any;
-        dragging: any;
-        disabled: any;
-    }) => any;
+    default: (_: any) => any;
+    loading: (_: any) => any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/types/src/components/BaseMediaLibrary.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { Media } from '@/types/Media';
-import { MediaLibraryPayload } from '@/types';
+import { BaseCropperConfig, MediaLibraryPayload } from '@/types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
         default: undefined;
@@ -46,6 +46,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    pickerComponent: {
+        default: string;
+        type: PropType<"BaseFilePicker" | "BaseFilePickerCrop">;
+    };
+    cropper: {
+        default: undefined;
+        type: PropType<boolean | BaseCropperConfig | null>;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "upload:start" | "upload:success" | "upload:fail" | "upload:end")[], "update:modelValue" | "upload:start" | "upload:success" | "upload:fail" | "upload:end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
@@ -91,6 +99,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    pickerComponent: {
+        default: string;
+        type: PropType<"BaseFilePicker" | "BaseFilePickerCrop">;
+    };
+    cropper: {
+        default: undefined;
+        type: PropType<boolean | BaseCropperConfig | null>;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpload:start"?: ((...args: any[]) => any) | undefined;
@@ -104,21 +120,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     min: number;
     max: number;
     hasError: boolean;
+    cropper: boolean | BaseCropperConfig | null;
     accept: string;
     maxSize: number;
     acceptedExtensions: string[];
     currentMedia: Media[];
     uploadUrl: string;
+    pickerComponent: "BaseFilePicker" | "BaseFilePickerCrop";
 }>, {
-    default: (_: {
-        uploading: boolean;
-        selecting: any;
-        dragging: any;
-        disabled: any;
-    } & {
-        maxSize: number;
-        max: number;
-    }) => any;
+    default: (_: any) => any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/types/src/components/BaseTableColumn.vue.d.ts

@@ -167,11 +167,11 @@ declare const _default: import("vue").DefineComponent<{
     width: number;
     field: string;
     padding: string;
+    visible: boolean;
     position: "left" | "right" | "center";
     searchable: boolean;
     numeric: boolean;
     sortable: boolean;
-    visible: boolean;
     clickable: boolean;
     optional: boolean;
     thAttrs: Function;

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

@@ -22,6 +22,8 @@ import BaseClipboard from './BaseClipboard.vue';
 import BaseColor from './BaseColor.vue';
 import BaseContainer from './BaseContainer.vue';
 import BaseCounter from './BaseCounter.vue';
+import BaseCropper from './BaseCropper.vue';
+import BaseCropperModal from './BaseCropperModal.vue';
 import BaseDataIterator from './BaseDataIterator.vue';
 import BaseDataTable from './BaseDataTable.vue';
 import BaseDatePicker from './BaseDatePicker.vue';
@@ -36,6 +38,7 @@ import BaseEmptyState from '@/svg/BaseEmptyState.vue';
 import BaseField from './BaseField.vue';
 import BaseFieldI18n from './BaseFieldI18n.vue';
 import BaseFilePicker from './BaseFilePicker.vue';
+import BaseFilePickerCrop from './BaseFilePickerCrop.vue';
 import BaseFileUploader from './BaseFileUploader.vue';
 import BaseForm from './BaseForm.vue';
 import BaseHasMany from './BaseHasMany.vue';
@@ -85,4 +88,4 @@ import BaseLayoutStacked from './BaseLayoutStacked.vue';
 import BaseLayoutStackedConfigurable from './BaseLayoutStackedConfigurable.vue';
 import BaseLayoutSidebar from './BaseLayoutSidebar.vue';
 import BaseLayoutSidebarConfigurable from './BaseLayoutSidebarConfigurable.vue';
-export { BaseActionItem, BaseAddressForm, BaseAlert, BaseApp, BaseAppDialogs, BaseAppNotifications, BaseAutocomplete, BaseAutocompleteFetch, BaseAvatar, BaseAvatarGroup, BaseBadge, BaseBelongsTo, BaseBoolean, BaseBreadcrumbs, BaseButton, BaseButtonGroup, BaseCard, BaseCardRow, BaseCharacterCounter, BaseClickOutside, BaseClipboard, BaseColor, BaseContainer, BaseCounter, BaseDataIterator, BaseDataTable, BaseDatePicker, BaseDateSelect, BaseDescriptionList, BaseDescriptionListItem, BaseDialog, BaseDisplayRelativeTime, BaseDropdown, BaseDropdownAutocomplete, BaseEmptyState, BaseField, BaseFieldI18n, BaseFilePicker, BaseFileUploader, BaseForm, BaseHasMany, BaseIcon, BaseIconPicker, BaseInput, BaseInputLabel, BaseInputPercent, BaseLoadingCover, BaseMediaItem, BaseMediaLibrary, BaseMediaPreview, BaseMenu, BaseMenuItem, BaseModalCenter, BaseModalSide, BaseNavbar, BaseNavbarItem, BaseNavbarItemContent, BaseNumber, BasePagination, BasePanel, BasePassword, BaseProgressCircle, BaseRadioGroup, BaseReadMore, BaseRichText, BaseSelect, BaseShortcut, BaseSideNavigation, BaseSideNavigationItem, BaseSkeleton, BaseStatistic, BaseSwitch, BaseSystemAlert, BaseTabs, BaseTabItem, BaseTagAutocomplete, BaseTagAutocompleteFetch, BaseTable, BaseTableColumn, BaseTextarea, BaseTextareaAutoresize, BaseTimeline, BaseTimelineItem, BaseLayoutStacked, BaseLayoutStackedConfigurable, BaseLayoutSidebar, BaseLayoutSidebarConfigurable, };
+export { BaseActionItem, BaseAddressForm, BaseAlert, BaseApp, BaseAppDialogs, BaseAppNotifications, BaseAutocomplete, BaseAutocompleteFetch, BaseAvatar, BaseAvatarGroup, BaseBadge, BaseBelongsTo, BaseBoolean, BaseBreadcrumbs, BaseButton, BaseButtonGroup, BaseCard, BaseCardRow, BaseCharacterCounter, BaseClickOutside, BaseClipboard, BaseColor, BaseContainer, BaseCounter, BaseCropper, BaseCropperModal, BaseDataIterator, BaseDataTable, BaseDatePicker, BaseDateSelect, BaseDescriptionList, BaseDescriptionListItem, BaseDialog, BaseDisplayRelativeTime, BaseDropdown, BaseDropdownAutocomplete, BaseEmptyState, BaseField, BaseFieldI18n, BaseFilePicker, BaseFilePickerCrop, BaseFileUploader, BaseForm, BaseHasMany, BaseIcon, BaseIconPicker, BaseInput, BaseInputLabel, BaseInputPercent, BaseLoadingCover, BaseMediaItem, BaseMediaLibrary, BaseMediaPreview, BaseMenu, BaseMenuItem, BaseModalCenter, BaseModalSide, BaseNavbar, BaseNavbarItem, BaseNavbarItemContent, BaseNumber, BasePagination, BasePanel, BasePassword, BaseProgressCircle, BaseRadioGroup, BaseReadMore, BaseRichText, BaseSelect, BaseShortcut, BaseSideNavigation, BaseSideNavigationItem, BaseSkeleton, BaseStatistic, BaseSwitch, BaseSystemAlert, BaseTabs, BaseTabItem, BaseTagAutocomplete, BaseTagAutocompleteFetch, BaseTable, BaseTableColumn, BaseTextarea, BaseTextareaAutoresize, BaseTimeline, BaseTimelineItem, BaseLayoutStacked, BaseLayoutStackedConfigurable, BaseLayoutSidebar, BaseLayoutSidebarConfigurable, };

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

@@ -8,6 +8,10 @@ import { useClickOutside } from './composables/clickOutside';
 import { useField } from './composables/field';
 declare const messages: {
     en: {
+        cancel: string;
+        cropper: string;
+        drag_to_reposition: string;
+        save: string;
         sui: {
             address: string;
             address_1_placeholder: string;
@@ -31,14 +35,15 @@ declare const messages: {
             delete_record: string;
             delete_record_description: string;
             deselect_all: string;
+            drag_to_reposition: string;
             drop_or_click_to_upload: string;
             edit: string;
             error: string;
             file_must_be_of_type: string;
             filters: string;
             go_to_page: string;
-            invalid_value: string;
             just_now: string;
+            invalid_value: string;
             maximum_x_decimal_places: string;
             min_x_characters: string;
             month: string;
@@ -86,6 +91,10 @@ declare const messages: {
         };
     };
     fr: {
+        cancel: string;
+        cropper: string;
+        drag_to_reposition: string;
+        save: string;
         sui: {
             address: string;
             address_1_placeholder: string;
@@ -109,14 +118,15 @@ declare const messages: {
             delete_record: string;
             delete_record_description: string;
             deselect_all: string;
+            drag_to_reposition: string;
             drop_or_click_to_upload: string;
             edit: string;
             error: string;
             file_must_be_of_type: string;
             filters: string;
             go_to_page: string;
-            invalid_value: string;
             just_now: string;
+            invalid_value: string;
             maximum_x_decimal_places: string;
             min_x_characters: string;
             month: string;
@@ -181,6 +191,10 @@ export interface Options {
 declare const config: {
     i18n: I18n<{
         en: {
+            cancel: string;
+            cropper: string;
+            drag_to_reposition: string;
+            save: string;
             sui: {
                 address: string;
                 address_1_placeholder: string;
@@ -204,14 +218,15 @@ declare const config: {
                 delete_record: string;
                 delete_record_description: string;
                 deselect_all: string;
+                drag_to_reposition: string;
                 drop_or_click_to_upload: string;
                 edit: string;
                 error: string;
                 file_must_be_of_type: string;
                 filters: string;
                 go_to_page: string;
-                invalid_value: string;
                 just_now: string;
+                invalid_value: string;
                 maximum_x_decimal_places: string;
                 min_x_characters: string;
                 month: string;
@@ -259,6 +274,10 @@ declare const config: {
             };
         };
         fr: {
+            cancel: string;
+            cropper: string;
+            drag_to_reposition: string;
+            save: string;
             sui: {
                 address: string;
                 address_1_placeholder: string;
@@ -282,14 +301,15 @@ declare const config: {
                 delete_record: string;
                 delete_record_description: string;
                 deselect_all: string;
+                drag_to_reposition: string;
                 drop_or_click_to_upload: string;
                 edit: string;
                 error: string;
                 file_must_be_of_type: string;
                 filters: string;
                 go_to_page: string;
-                invalid_value: string;
                 just_now: string;
+                invalid_value: string;
                 maximum_x_decimal_places: string;
                 min_x_characters: string;
                 month: string;

package/dist/types/src/svg/BaseEmptyState.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/types/src/types/ImagePickerResult.d.ts

@@ -0,0 +1,5 @@
+export interface ImagePickerResult {
+    mime: string;
+    data: string;
+    file: File;
+}

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

@@ -1,6 +1,7 @@
 import { RouteLocationRaw } from 'vue-router';
 import { UploadedFile } from './UploadedFile';
 import { Notification as AppNotification } from './Notification';
+import { CropType, ResultOptions } from 'croppie';
 export type Locales = {
     [locale: string]: string;
 };
@@ -188,3 +189,30 @@ export interface RowAction {
     to?: (row: CollectionItem) => RouteLocationRaw;
     disabled?: (row: CollectionItem) => boolean;
 }
+export interface CropperConfig {
+    height?: number;
+    width?: number;
+    viewport?: {
+        type?: CropType;
+        width: number;
+        height: number;
+    };
+    boundary?: {
+        width: number;
+        height: number;
+    };
+    enableResize?: boolean;
+    enableZoom?: boolean;
+    enableOrientation?: boolean;
+    showZoomer?: boolean;
+    initialResize?: number;
+    maxWidth?: number;
+}
+export type CropperPreset = 'avatar' | 'cover';
+export interface BaseCropperConfig {
+    source: string;
+    config?: CropperConfig;
+    preset?: CropperPreset;
+    presetOptions?: Record<string, any>;
+    saveOptions?: ResultOptions;
+}

package/dist/types/src/utils/blob.d.ts

@@ -0,0 +1,3 @@
+export declare function blobToBase64(file: Blob): Promise<string>;
+export declare function validateBase64(base64: string, prefix?: string): string;
+export declare function base64ToBlob(base64: string, prefix?: string): Promise<Blob>;

package/dist/types/src/utils/cropper/avatar.d.ts

@@ -0,0 +1,5 @@
+import { CropperConfig } from '@/types';
+import { PresetInterface } from './presetInterface';
+export declare class AvatarPreset extends PresetInterface {
+    handle(): CropperConfig;
+}

package/dist/types/src/utils/cropper/cover.d.ts

@@ -0,0 +1,5 @@
+import { CropperConfig } from '@/types';
+import { PresetInterface } from './presetInterface';
+export declare class CoverPreset extends PresetInterface {
+    handle(): CropperConfig;
+}

package/dist/types/src/utils/cropper/presetInterface.d.ts

@@ -0,0 +1,7 @@
+import { CropperConfig } from '@/types';
+export declare abstract class PresetInterface {
+    protected config: CropperConfig | null;
+    protected presetOptions: Record<string, any> | null;
+    constructor(config?: CropperConfig | null, presetOptions?: Record<string, any> | null);
+    abstract handle(): CropperConfig;
+}

package/dist/types/src/utils/cropper/presets.d.ts

@@ -0,0 +1,6 @@
+import { AvatarPreset } from './avatar';
+import { CoverPreset } from './cover';
+export declare const presets: {
+    avatar: typeof AvatarPreset;
+    cover: typeof CoverPreset;
+};

package/dist/types/src/utils/fileValidations.d.ts

@@ -0,0 +1,2 @@
+export declare function maxSize(blob: Blob, maxSize: number): boolean;
+export declare function validExtension(blob: Blob | File, extensions?: string[] | undefined): boolean;

package/dist/types/src/utils/index.d.ts

@@ -1,4 +1,6 @@
 import toHumanList from './toHumanList';
 import fileSizeFormat from './fileSizeFormat';
+import resizeImageFromURI from './resizeImageFromURI';
 import { disableScroll, enableScroll } from './scrollPreventer';
-export { toHumanList, fileSizeFormat, disableScroll, enableScroll };
+import { blobToBase64, validateBase64, base64ToBlob } from './blob';
+export { toHumanList, fileSizeFormat, disableScroll, enableScroll, resizeImageFromURI, blobToBase64, validateBase64, base64ToBlob, };

package/dist/types/src/utils/resizeImageFromURI.d.ts

@@ -0,0 +1 @@
+export default function resizeImageFromURI(source: string, height: number, width: number): Promise<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.182",
+  "version": "0.0.184",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",
@@ -19,6 +19,7 @@
     "@vueup/vue-quill": "^1.0.0",
     "@vueuse/core": "^9.0.0",
     "axios": "^0.26.1",
+    "croppie": "^2.6.5",
     "flatpickr": "^4.6.13",
     "humanize-duration": "^3.0.0",
     "lodash": "^4.17.21",
@@ -34,13 +35,12 @@
     "vue-router": "^4.0.0"
   },
   "dependencies": {
-    "@headlessui/vue": "^1.7.4",
-    "color2k": "^2.0.1"
+    "@headlessui/vue": "^1.7.9",
+    "color2k": "^2.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.2",
-    "@iconify/vue": "^4.0.0",
-    "storybook": "^6.5.16",
+    "@babel/core": "^7.20.12",
+    "@iconify/vue": "^4.1.0",
     "@storybook/addon-actions": "^6.5.16",
     "@storybook/addon-essentials": "^6.5.16",
     "@storybook/addon-interactions": "^6.5.16",
@@ -51,56 +51,59 @@
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/line-clamp": "^0.4.2",
-    "@tailwindcss/typography": "^0.5.8",
-    "@types/google.maps": "^3.51.0",
+    "@tailwindcss/typography": "^0.5.9",
+    "@types/croppie": "^2.6.1",
+    "@types/google.maps": "^3.51.1",
     "@types/humanize-duration": "^3.27.1",
-    "@types/luxon": "^3.1.0",
+    "@types/luxon": "^3.2.0",
     "@types/object-hash": "^2.2.1",
     "@types/qs": "^6.9.7",
     "@types/scroll-lock": "^2.1.0",
-    "@typescript-eslint/eslint-plugin": "^5.42.1",
-    "@typescript-eslint/parser": "^5.42.1",
+    "@typescript-eslint/eslint-plugin": "^5.51.0",
+    "@typescript-eslint/parser": "^5.51.0",
     "@vitejs/plugin-vue": "^4.0.0",
     "@vue/eslint-config-typescript": "^11.0.2",
-    "@vueup/vue-quill": "^1.0.0",
-    "@vueuse/core": "^9.5.0",
+    "@vueup/vue-quill": "^1.1.0",
+    "@vueuse/core": "^9.12.0",
     "autoprefixer": "^10.4.13",
     "axios": "^0.26.1",
     "babel-loader": "^8.3.0",
-    "eslint": "^8.27.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-storybook": "^0.6.7",
-    "eslint-plugin-vue": "^9.7.0",
-    "eslint-plugin-vue-scoped-css": "^2.2.0",
+    "croppie": "^2.6.5",
+    "eslint": "^8.33.0",
+    "eslint-config-prettier": "^8.6.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-storybook": "^0.6.10",
+    "eslint-plugin-vue": "^9.9.0",
+    "eslint-plugin-vue-scoped-css": "^2.4.0",
     "flatpickr": "^4.6.13",
-    "humanize-duration": "^3.27.3",
+    "humanize-duration": "^3.28.0",
     "lodash": "^4.17.21",
-    "luxon": "^3.1.0",
-    "maska": "^2.1.1",
+    "luxon": "^3.2.1",
+    "maska": "^2.1.6",
     "microtip": "^0.2.2",
     "object-hash": "^3.0.0",
     "object-to-formdata": "^4.4.2",
-    "pinia": "^2.0.23",
-    "postcss": "^8.4.20",
+    "pinia": "^2.0.30",
+    "postcss": "^8.4.21",
     "postcss-import": "^15.1.0",
-    "prettier": "^2.7.1",
-    "prettier-plugin-tailwindcss": "^0.2.1",
+    "prettier": "^2.8.4",
+    "prettier-plugin-tailwindcss": "^0.2.2",
     "qs": "^6.11.0",
     "rimraf": "^3.0.2",
     "rollup-plugin-analyzer": "^4.0.0",
     "scroll-lock": "^2.1.5",
+    "storybook": "^6.5.16",
     "storybook-addon-mock": "^3.2.0",
-    "tailwindcss": "^3.2.4",
-    "typescript": "^4.4.4",
-    "unplugin-auto-import": "^0.12.1",
-    "vite": "^4.0.0",
+    "tailwindcss": "^3.2.6",
+    "typescript": "^4.9.5",
+    "unplugin-auto-import": "^0.12.2",
+    "vite": "^4.1.1",
     "vitepress": "^0.21.6",
-    "vue": "^3.2.45",
+    "vue": "^3.2.47",
     "vue-i18n": "^9.2.2",
     "vue-loader": "^17.0.1",
     "vue-router": "^4.1.6",
-    "vue-tsc": "^1.0.18"
+    "vue-tsc": "^1.0.24"
   },
   "files": [
     "src",