sprintify-ui 0.6.31 → 0.6.33

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

@@ -50,8 +50,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
     };
     size: {
-        default: string;
-        type: PropType<"base" | "xs" | "sm">;
+        default: undefined;
+        type: PropType<"xs" | "sm" | "md">;
     };
     dropdownShow: {
         default: string;
@@ -139,8 +139,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
     };
     size: {
-        default: string;
-        type: PropType<"base" | "xs" | "sm">;
+        default: undefined;
+        type: PropType<"xs" | "sm" | "md">;
     };
     dropdownShow: {
         default: string;
@@ -176,15 +176,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     required: boolean;
     select: SelectConfiguration | undefined;
     name: string;
+    size: "xs" | "sm" | "md";
     inline: boolean;
     modelValue: string | number | null | undefined;
     placeholder: string;
     disabled: boolean;
     hasError: boolean;
-    size: "base" | "xs" | "sm";
+    visibleFocus: boolean;
     dropdownShow: "always" | "focus";
     showModelValue: boolean;
-    visibleFocus: boolean;
     focusOnMount: boolean;
     showEmptyOption: boolean;
     emptyOptionLabel: string;

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

@@ -14,13 +14,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
     color: {
-        type: import("vue").PropType<"" | "danger" | "success" | "warning" | "primary" | "secondary" | "info" | "black" | "white" | "secondary-outline" | "success-outline" | "danger-outline" | "warning-outline" | "info-outline" | "slate-100" | "slate-100-outline" | "slate-200" | "slate-200-outline">;
+        type: import("vue").PropType<string>;
         default: string;
     };
     icon: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    size: {
+        type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -29,10 +33,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    size: {
-        type: import("vue").PropType<"xs" | "sm" | "lg" | "xl" | "md">;
-        default: string;
-    };
     as: {
         type: import("vue").PropType<string>;
         default: string;
@@ -57,13 +57,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
     color: {
-        type: import("vue").PropType<"" | "danger" | "success" | "warning" | "primary" | "secondary" | "info" | "black" | "white" | "secondary-outline" | "success-outline" | "danger-outline" | "warning-outline" | "info-outline" | "slate-100" | "slate-100-outline" | "slate-200" | "slate-200-outline">;
+        type: import("vue").PropType<string>;
         default: string;
     };
     icon: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    size: {
+        type: import("vue").PropType<"xs" | "sm" | "md" | "lg" | "xl">;
+        default: string;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -72,10 +76,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    size: {
-        type: import("vue").PropType<"xs" | "sm" | "lg" | "xl" | "md">;
-        default: string;
-    };
     as: {
         type: import("vue").PropType<string>;
         default: string;
@@ -90,11 +90,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     class: string | false | 0 | ClassNameValue[] | null;
     type: "button" | "submit" | "reset";
     to: RouteLocationRaw;
-    color: "" | "danger" | "success" | "warning" | "primary" | "secondary" | "info" | "black" | "white" | "secondary-outline" | "success-outline" | "danger-outline" | "warning-outline" | "info-outline" | "slate-100" | "slate-100-outline" | "slate-200" | "slate-200-outline";
+    color: string;
     icon: string;
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     disabled: boolean;
     loading: boolean;
-    size: "xs" | "sm" | "lg" | "xl" | "md";
     as: string;
     iconPosition: "start" | "end";
 }, {}>, {

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

@@ -13,25 +13,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    size: {
+        default: undefined;
+        type: PropType<"xs" | "sm" | "md">;
+    };
     buttonType: {
         default: string;
         type: PropType<"button" | "submit">;
     };
-    twButton: {
-        default: string;
-        type: StringConstructor;
+    buttonColor: {
+        default(option: Option, selected: boolean): "primary" | "";
+        type: PropType<(option: Option, selected: boolean) => string>;
     };
-    twButtonSelected: {
-        default: string;
-        type: StringConstructor;
-    };
-    twButtonUnselected: {
+    twButton: {
         default: string;
-        type: StringConstructor;
+        type: PropType<string | string[]>;
     };
     spacing: {
         default: string;
-        type: StringConstructor;
+        type: PropType<"default" | "none">;
     };
     options: {
         required: true;
@@ -72,25 +72,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    size: {
+        default: undefined;
+        type: PropType<"xs" | "sm" | "md">;
+    };
     buttonType: {
         default: string;
         type: PropType<"button" | "submit">;
     };
-    twButton: {
-        default: string;
-        type: StringConstructor;
+    buttonColor: {
+        default(option: Option, selected: boolean): "primary" | "";
+        type: PropType<(option: Option, selected: boolean) => string>;
     };
-    twButtonSelected: {
-        default: string;
-        type: StringConstructor;
-    };
-    twButtonUnselected: {
+    twButton: {
         default: string;
-        type: StringConstructor;
+        type: PropType<string | string[]>;
     };
     spacing: {
         default: string;
-        type: StringConstructor;
+        type: PropType<"default" | "none">;
     };
     options: {
         required: true;
@@ -121,15 +121,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     required: boolean;
     name: string;
+    size: "xs" | "sm" | "md";
     modelValue: Option | Option[] | null | undefined;
     disabled: boolean;
     hasError: boolean;
     multiple: boolean;
-    spacing: string;
+    spacing: "default" | "none";
     buttonType: "button" | "submit";
-    twButton: string;
-    twButtonSelected: string;
-    twButtonUnselected: string;
+    buttonColor: (option: Option, selected: boolean) => string;
+    twButton: string | string[];
 }, {}>, {
     option?(_: {
         selected: import("vue").ComputedRef<boolean>;

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

@@ -48,8 +48,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
     select: (...args: any[]) => void;
-    mouseenter: (...args: any[]) => void;
     change: (...args: any[]) => void;
+    mouseenter: (...args: any[]) => void;
     drop: (...args: any[]) => void;
     mouseleave: (...args: any[]) => void;
     resize: (...args: any[]) => void;

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { Option } from '@/types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         default: undefined;
@@ -12,6 +13,10 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    size: {
+        default: undefined;
+        type: PropType<"xs" | "sm" | "md">;
+    };
     buttonType: {
         default: string;
         type: PropType<"button" | "submit">;
@@ -20,6 +25,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string[]>;
         default(): string[];
     };
+    buttonColor: {
+        default(option: Option, selected: boolean): any;
+        type: PropType<(option: Option, selected: boolean) => string>;
+    };
     multiple: {
         default: boolean;
         type: BooleanConstructor;
@@ -47,6 +56,10 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    size: {
+        default: undefined;
+        type: PropType<"xs" | "sm" | "md">;
+    };
     buttonType: {
         default: string;
         type: PropType<"button" | "submit">;
@@ -55,6 +68,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string[]>;
         default(): string[];
     };
+    buttonColor: {
+        default(option: Option, selected: boolean): any;
+        type: PropType<(option: Option, selected: boolean) => string>;
+    };
     multiple: {
         default: boolean;
         type: BooleanConstructor;
@@ -72,11 +89,13 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     required: boolean;
     name: string;
+    size: "xs" | "sm" | "md";
     modelValue: string | string[] | null | undefined;
     disabled: boolean;
     hasError: boolean;
     multiple: boolean;
     buttonType: "button" | "submit";
+    buttonColor: (option: Option, selected: boolean) => string;
     colors: string[];
 }, {}>;
 export default _default;

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

@@ -181,8 +181,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onWill-scroll-top"?: ((...args: any[]) => any) | undefined;
     onFetch?: ((...args: any[]) => any) | undefined;
 }, {
-    actions: ActionItem[];
     size: "sm" | "md";
+    actions: ActionItem[];
     urlQuery: Record<string, any>;
     defaultQuery: DataTableQuery;
     searchable: boolean;

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

@@ -7,8 +7,8 @@ declare const _default: import("vue").DefineComponent<{
             $data: {};
             $props: {
                 data?: import("../types").Row[] | undefined;
-                loading?: boolean | undefined;
                 size?: "sm" | "md" | undefined;
+                loading?: boolean | undefined;
                 sortField?: string | undefined;
                 sortDirection?: string | undefined;
                 visibleColumns?: number[] | undefined;
@@ -191,8 +191,8 @@ declare const _default: import("vue").DefineComponent<{
                 "cell-click": (...args: any[]) => void;
             }, string, {
                 data: import("../types").Row[];
-                loading: boolean;
                 size: "sm" | "md";
+                loading: boolean;
                 sortField: string;
                 sortDirection: string;
                 visibleColumns: number[];
@@ -344,8 +344,8 @@ declare const _default: import("vue").DefineComponent<{
             $data: {};
             $props: {
                 data?: import("../types").Row[] | undefined;
-                loading?: boolean | undefined;
                 size?: "sm" | "md" | undefined;
+                loading?: boolean | undefined;
                 sortField?: string | undefined;
                 sortDirection?: string | undefined;
                 visibleColumns?: number[] | undefined;
@@ -528,8 +528,8 @@ declare const _default: import("vue").DefineComponent<{
                 "cell-click": (...args: any[]) => void;
             }, string, {
                 data: import("../types").Row[];
-                loading: boolean;
                 size: "sm" | "md";
+                loading: boolean;
                 sortField: string;
                 sortDirection: string;
                 visibleColumns: number[];

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

@@ -383,8 +383,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onFetch?: ((...args: any[]) => any) | undefined;
     "onCell-click"?: ((...args: any[]) => any) | undefined;
 }, {
-    actions: ActionItem[];
     size: "sm" | "md";
+    actions: ActionItem[];
     urlQuery: Record<string, any>;
     defaultQuery: DataTableQuery;
     searchable: boolean;

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

@@ -98,12 +98,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     required: boolean;
     select: SelectConfiguration | undefined;
+    size: "base" | "xs" | "sm";
     options: Option[] | undefined;
     placement: Placement;
     modelValue: Option | Option[] | null | undefined;
     labelKey: string;
     valueKey: string;
-    size: "base" | "xs" | "sm";
     multiple: boolean;
     emptyOptionLabel: string;
     url: string;

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { ClassNameValue } from 'tailwind-merge';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     name: {
         default: string;
@@ -8,6 +9,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    size: {
+        default: undefined;
+        type: PropType<"xs" | "sm" | "md">;
+    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -26,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     labelClass: {
         default: string;
-        type: PropType<string | string[] | Record<string, boolean>>;
+        type: PropType<ClassNameValue>;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
@@ -37,6 +42,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    size: {
+        default: undefined;
+        type: PropType<"xs" | "sm" | "md">;
+    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -55,16 +64,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     labelClass: {
         default: string;
-        type: PropType<string | string[] | Record<string, boolean>>;
+        type: PropType<ClassNameValue>;
     };
 }>>, {
     label: string;
     required: boolean;
     name: string;
+    size: "xs" | "sm" | "md";
     help: string;
     description: string;
     errorType: "default" | "alert";
-    labelClass: string | string[] | Record<string, boolean>;
+    labelClass: ClassNameValue;
 }, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -9,6 +9,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         required: true;
         type: StringConstructor;
     };
+    showRouteUrl: {
+        default: undefined;
+        type: PropType<((ids: (string | number)[]) => string) | undefined>;
+    };
     primaryKey: {
         default: string;
         type: StringConstructor;
@@ -62,6 +66,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         required: true;
         type: StringConstructor;
     };
+    showRouteUrl: {
+        default: undefined;
+        type: PropType<((ids: (string | number)[]) => string) | undefined>;
+    };
     primaryKey: {
         default: string;
         type: StringConstructor;
@@ -109,6 +117,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     max: number;
     queryKey: string;
     primaryKey: string;
+    showRouteUrl: ((ids: (string | number)[]) => string) | undefined;
     currentModels: Option[];
 }, {}>, {
     items?(_: {

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

@@ -1,11 +1,15 @@
 import { PropType } from 'vue';
-declare function focus(): void;
-declare function blur(): void;
+declare function focusAction(): void;
+declare function blurAction(): void;
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         default: string;
         type: PropType<string | number | null>;
     };
+    class: {
+        default: string;
+        type: PropType<string | string[]>;
+    };
     type: {
         type: StringConstructor;
         default: string;
@@ -61,6 +65,10 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    size: {
+        default: undefined;
+        type: PropType<"xs" | "sm" | "md">;
+    };
     min: {
         default: undefined;
         type: PropType<number | null | undefined>;
@@ -73,18 +81,28 @@ declare const _default: import("vue").DefineComponent<{
         type: (ArrayConstructor | StringConstructor | FunctionConstructor)[];
         default(): null;
     };
+    visibleFocus: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }, {
-    focus: typeof focus;
-    blur: typeof blur;
+    focus: typeof focusAction;
+    blur: typeof blurAction;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
     blur: (...args: any[]) => void;
     focus: (...args: any[]) => void;
+    keydown: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: string;
         type: PropType<string | number | null>;
     };
+    class: {
+        default: string;
+        type: PropType<string | string[]>;
+    };
     type: {
         type: StringConstructor;
         default: string;
@@ -140,6 +158,10 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    size: {
+        default: undefined;
+        type: PropType<"xs" | "sm" | "md">;
+    };
     min: {
         default: undefined;
         type: PropType<number | null | undefined>;
@@ -152,16 +174,24 @@ declare const _default: import("vue").DefineComponent<{
         type: (ArrayConstructor | StringConstructor | FunctionConstructor)[];
         default(): null;
     };
+    visibleFocus: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    class: string | string[];
     type: string;
     required: boolean;
     mask: string | Function | unknown[];
     step: number | null | undefined;
     name: string | null | undefined;
+    size: "xs" | "sm" | "md";
     modelValue: string | number | null;
     autocomplete: boolean;
     preventSubmit: boolean;
@@ -174,5 +204,6 @@ declare const _default: import("vue").DefineComponent<{
     hasError: boolean;
     min: number | null | undefined;
     max: number | null | undefined;
+    visibleFocus: boolean;
 }, {}>;
 export default _default;

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

@@ -1,4 +1,17 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+import { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    size: {
+        default: undefined;
+        type: PropType<"xs" | "sm" | "md">;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        default: undefined;
+        type: PropType<"xs" | "sm" | "md">;
+    };
+}>>, {
+    size: "xs" | "sm" | "md";
+}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { ClassNameValue } from 'tailwind-merge';
 declare const _default: import("vue").DefineComponent<{
     required: {
         default: boolean;
@@ -8,14 +9,18 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
         type: StringConstructor;
     };
-    classes: {
+    class: {
         default: string;
-        type: StringConstructor;
+        type: PropType<ClassNameValue>;
     };
     help: {
         default: null;
         type: PropType<string | null>;
     };
+    size: {
+        default: undefined;
+        type: PropType<"xs" | "sm" | "md">;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     required: {
         default: boolean;
@@ -25,17 +30,22 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
         type: StringConstructor;
     };
-    classes: {
+    class: {
         default: string;
-        type: StringConstructor;
+        type: PropType<ClassNameValue>;
     };
     help: {
         default: null;
         type: PropType<string | null>;
     };
+    size: {
+        default: undefined;
+        type: PropType<"xs" | "sm" | "md">;
+    };
 }>>, {
+    class: ClassNameValue;
     required: boolean;
-    classes: string;
+    size: "xs" | "sm" | "md";
     help: string | null;
 }, {}>;
 export default _default;

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

@@ -85,8 +85,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onNotification:open"?: ((...args: any[]) => any) | undefined;
 }, {
     dark: boolean;
-    notifications: NotificationsConfig;
     size: "xs" | "sm" | "md";
+    notifications: NotificationsConfig;
     appName: string;
     logoUrl: string;
     logoTo: RouteLocationRaw;

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

@@ -92,8 +92,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onNotification:open"?: ((...args: any[]) => any) | undefined;
 }, {
     dark: boolean;
-    notifications: NotificationsConfig;
     size: "xs" | "sm" | "md";
+    notifications: NotificationsConfig;
     navbar: Record<string, unknown>;
     appName: string;
     logoUrl: string;

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

@@ -86,10 +86,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
     };
 }>>, {
+    size: "sm" | "lg";
     modelValue: boolean;
     duration: string;
     delay: number;
-    size: "sm" | "lg";
     twBackdrop: string;
     twIcon: string;
 }, {}>;

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

@@ -58,8 +58,8 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onRemove?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     size: number;
+    disabled: boolean;
     showRemove: boolean;
     draggable: boolean;
     itemMaxWidth: number;