sprintify-ui 0.4.9 → 0.4.11

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

@@ -45,7 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>>, {
     size: "xs" | "sm" | "md";
     items: MenuItemInterface[];
-    twButton: string | Record<string, any> | unknown[];
+    twButton: string | unknown[] | Record<string, any>;
     position: "custom" | "bottom-left" | "bottom-right";
     twMenu: string | string[];
 }, {}>, {

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

@@ -52,10 +52,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     label: string;
-    color: ActionColors;
     active: boolean;
+    color: ActionColors;
     icon: string;
-    size: "xs" | "sm" | "md";
     count: number;
+    size: "xs" | "sm" | "md";
 }, {}>;
 export default _default;

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

@@ -28,7 +28,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         type: PropType<string | string[]>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: boolean;
         type: BooleanConstructor;

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

@@ -20,7 +20,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         type: PropType<string | string[]>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: boolean;
         type: BooleanConstructor;

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

@@ -9,7 +9,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     item: {
         required: true;
         type: PropType<ActionItem>;

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

@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
     active: boolean;
     dark: boolean;
     icon: string;
-    size: "sm" | "md";
     count: number;
+    size: "sm" | "md";
 }, {}>;
 export default _default;

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

@@ -17,7 +17,9 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         type: PropType<"xs" | "sm" | "md">;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     item: {
         required: true;
         type: PropType<ActionItem>;

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

@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
     active: boolean;
     dark: boolean;
     icon: string;
-    size: "xs" | "sm" | "md";
     count: number;
+    size: "xs" | "sm" | "md";
 }, {}>;
 export default _default;

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

@@ -12,7 +12,9 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
         type: NumberConstructor;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:model-value"[], "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: number;
         required: true;

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

@@ -29,7 +29,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     focus: typeof focus;
     blur: typeof blur;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "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 | null>;
@@ -57,11 +59,11 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    placeholder: string;
     name: string;
-    disabled: boolean;
     required: boolean;
     modelValue: string | null;
+    placeholder: string;
+    disabled: boolean;
     hasError: boolean;
 }, {}>;
 export default _default;

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

@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     progress: number;
-    radius: number;
     stroke: number;
+    radius: number;
 }, {}>;
 export default _default;

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

@@ -41,7 +41,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
         type: PropType<OptionValue | undefined>;
@@ -86,10 +88,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     name: string;
-    disabled: boolean;
     required: boolean;
     labelClass: string;
     modelValue: OptionValue | undefined;
+    disabled: boolean;
     hasError: boolean;
     twInput: string;
 }, {}>, {

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

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     toolbar: {
-        type: PropType<string | Record<string, any> | unknown[] | undefined>;
+        type: PropType<string | unknown[] | Record<string, any> | undefined>;
         default(): string[];
     };
     placeholder: {
@@ -39,7 +39,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
         type: PropType<string | Delta | null | undefined>;
@@ -49,7 +51,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     toolbar: {
-        type: PropType<string | Record<string, any> | unknown[] | undefined>;
+        type: PropType<string | unknown[] | Record<string, any> | undefined>;
         default(): string[];
     };
     placeholder: {
@@ -79,14 +81,14 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    placeholder: string;
     name: string;
-    disabled: boolean;
     required: boolean;
     theme: "" | "snow" | "bubble";
     modelValue: string | Delta | null | undefined;
+    placeholder: string;
+    disabled: boolean;
     hasError: boolean;
     enable: boolean;
-    toolbar: string | Record<string, any> | unknown[] | undefined;
+    toolbar: string | unknown[] | Record<string, any> | undefined;
 }, {}>;
 export default _default;

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

@@ -38,7 +38,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
         type: StringConstructor;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
         type: PropType<SelectOption | undefined>;
@@ -78,11 +80,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    placeholder: string;
     name: string;
-    disabled: boolean;
     required: boolean;
     modelValue: SelectOption | undefined;
+    placeholder: string;
+    disabled: boolean;
     hasError: boolean;
     options: Option[];
     labelKey: string;

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

@@ -79,8 +79,8 @@ declare const _default: import("vue").DefineComponent<{
     href: string | undefined;
     action: () => Promise<void> | undefined;
     color: string;
-    contrast: "high" | "low";
     description: string;
+    contrast: "high" | "low";
     linkText: string;
 }, {}>;
 export default _default;

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

@@ -5,7 +5,9 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
         type: PropType<StepperItem[]>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
         required: true;
         type: PropType<StepperItem[]>;

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

@@ -21,7 +21,9 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
         type: NumberConstructor;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     stepNumber: {
         required: true;
         type: NumberConstructor;

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

@@ -32,7 +32,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
         type: StringConstructor;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: boolean;
         type: PropType<string | number | boolean | null | undefined>;
@@ -68,8 +70,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    color: "dark" | "light" | "danger" | "success" | "warning" | "primary" | "info";
     name: string;
+    color: "dark" | "light" | "danger" | "success" | "warning" | "primary" | "info";
     required: boolean;
     modelValue: string | number | boolean | null | undefined;
     hasError: boolean;

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

@@ -17,7 +17,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     to: {
         default: undefined;
         type: PropType<RouteLocationRaw | undefined>;

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

@@ -101,7 +101,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     }[]>;
     uncheckAll: () => void;
     scrollTop: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("sort" | "check" | "check-all" | "update:checkedRows" | "details-open" | "details-close" | "update:openedDetailed" | "cell-click")[], "sort" | "check" | "check-all" | "update:checkedRows" | "details-open" | "details-close" | "update:openedDetailed" | "cell-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    sort: (...args: any[]) => void;
+    check: (...args: any[]) => void;
+    "check-all": (...args: any[]) => void;
+    "update:checkedRows": (...args: any[]) => void;
+    "details-open": (...args: any[]) => void;
+    "details-close": (...args: any[]) => void;
+    "update:openedDetailed": (...args: any[]) => void;
+    "cell-click": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /** Table data */
     data: {
         type: PropType<Row[]>;
@@ -190,8 +199,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onCell-click"?: ((...args: any[]) => any) | undefined;
 }, {
     data: Row[];
-    size: "sm" | "md";
     loading: boolean;
+    size: "sm" | "md";
     sortField: string;
     sortDirection: string;
     visibleColumns: number[];

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

@@ -154,7 +154,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     label: string;
-    meta: Record<string, any> | unknown[];
+    meta: unknown[] | Record<string, any>;
     width: number;
     toggle: boolean;
     field: string;

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

@@ -80,7 +80,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     close: typeof close;
     open: typeof open;
     setKeywords: typeof setKeywords;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "close" | "scrollBottom" | "typing" | "open")[], "update:modelValue" | "close" | "scrollBottom" | "typing" | "open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    close: (...args: any[]) => void;
+    scrollBottom: (...args: any[]) => void;
+    typing: (...args: any[]) => void;
+    open: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         required: true;
         type: PropType<Option[] | null>;
@@ -157,16 +163,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onOpen?: ((...args: any[]) => any) | undefined;
 }, {
     filter: (option: NormalizedOption) => boolean;
-    placeholder: string;
     name: string;
-    disabled: boolean;
     required: boolean;
     inline: boolean;
+    placeholder: string;
+    disabled: boolean;
     hasError: boolean;
     max: number;
-    size: "base" | "xs" | "sm";
     loading: boolean;
     loadingBottom: boolean;
+    size: "base" | "xs" | "sm";
     dropdownShow: "focus" | "always";
     twContainer: string | string[];
 }, {}>, {

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

@@ -47,7 +47,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     open: () => void | undefined;
     close: () => void | undefined;
     setKeywords: (input: string) => void | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "scrollBottom" | "typing")[], "update:modelValue" | "focus" | "scrollBottom" | "typing", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+    scrollBottom: (...args: any[]) => void;
+    typing: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         required: true;
         type: PropType<Option[]>;
@@ -94,9 +99,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onScrollBottom?: ((...args: any[]) => any) | undefined;
     onTyping?: ((...args: any[]) => any) | undefined;
 }, {
+    required: boolean;
     placeholder: string;
     disabled: boolean;
-    required: boolean;
     hasError: boolean;
     max: number;
     queryKey: string;

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

@@ -45,7 +45,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     focus: typeof focus;
     blur: typeof blur;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
         type: PropType<string | null | undefined>;
@@ -90,13 +92,13 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
-    placeholder: string;
     name: string;
-    disabled: boolean;
     required: boolean;
     modelValue: string | null | undefined;
     autocomplete: boolean;
     preventSubmit: boolean;
+    placeholder: string;
+    disabled: boolean;
     hasError: boolean;
     rows: number;
 }, {}>;

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

@@ -49,7 +49,12 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     focus: typeof focus;
     blur: typeof blur;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "submit" | "update:modelValue" | "focus")[], "input" | "submit" | "update:modelValue" | "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (...args: any[]) => void;
+    submit: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: string;
         type: PropType<string | null>;
@@ -100,10 +105,10 @@ declare const _default: import("vue").DefineComponent<{
     onSubmit?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    placeholder: string;
-    disabled: boolean;
     required: boolean;
     modelValue: string | null;
+    placeholder: string;
+    disabled: boolean;
     hasError: boolean;
     maxHeight: number;
     rows: number;

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

@@ -12,7 +12,9 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         type: PropType<"numeric" | "alphanumeric">;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         required: true;
         type: PropType<string | number | null>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.4.9",
+  "version": "0.4.11",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseBelongsTo.vue

@@ -81,10 +81,6 @@ const props = defineProps({
     default: undefined,
     type: String,
   },
-  currentModel: {
-    default: null,
-    type: [Object, null] as PropType<Option | null>,
-  },
   hasError: {
     default: false,
     type: Boolean,
@@ -127,22 +123,16 @@ const emit = defineEmits(['update:modelValue']);
 
 const autocomplete = ref<InstanceType<typeof BaseAutocomplete> | null>(null);
 
-const model = ref(props.currentModel);
-
-watch(
-  () => props.currentModel,
-  (newValue, oldValue) => {
-    model.value = newValue;
-  },
-  { deep: true }
-);
+const model = computed(() => {
+  return props.modelValue
+    ? props.options.find((option) => option[props.primaryKey] === props.modelValue)
+    : null;
+});
 
 function onUpdate(newModel: Option | null) {
   if (!newModel) {
-    model.value = null;
     emit('update:modelValue', null);
   } else {
-    model.value = newModel;
     emit('update:modelValue', newModel[props.primaryKey]);
   }
 }

package/src/components/BaseField.vue

@@ -5,7 +5,16 @@
       :label="labelNormalized"
       :required="required"
       :class="labelClassInternal"
+      :help="help"
     />
+
+    <small
+      v-if="labelNormalized && description"
+      class="mb-3 -mt-1 block text-xs text-slate-500"
+    >
+      {{ description }}
+    </small>
+
     <slot />
     <template v-if="errorMessage">
       <BaseInputError
@@ -45,6 +54,14 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  help: {
+    type: String,
+    default: null,
+  },
+  description: {
+    type: String,
+    default: null,
+  },
   errorType: {
     type: String as PropType<'default' | 'alert'>,
     default: 'default',

package/src/components/BaseInputLabel.vue

@@ -2,21 +2,21 @@
   <label :class="classes">
     <div
       :ref="help ? 'info' : ''"
-      class="relative inline-flex items-center"
+      class="relative inline-flex"
       :class="[help ? 'cursor-help' : 'cursor-default']"
     >
-      <span> {{ label }}</span>
+      <div> {{ label }}</div>
 
       <BaseIcon
         v-if="help"
-        class="relative bottom-px ml-1 inline h-4 w-4"
+        class="block relative text-slate-900 -bottom-[3px] ml-1 mr-1 h-[13px] w-[13px]"
         icon="mdi:information-outline"
       />
 
-      <span
+      <div
         v-if="required"
         class="ml-0.5 text-red-600"
-      > *</span>
+      > *</div>
     </div>
   </label>
 </template>

package/src/components/BaseRadioGroup.stories.js

@@ -66,7 +66,6 @@ export const SlotOption = (args) => ({
     v-bind="args"
     v-model="value"
     :options="options"
-    label-class="flex space-x-2 items-start"
   >
     <template #option="{ option }">
       <div>

package/src/components/BaseRadioGroup.vue

@@ -103,7 +103,6 @@ const { nameInternal, requiredInternal, emitUpdate } = useField({
   hasError: computed(() => props.hasError),
   emit: emit,
   errorType: 'alert',
-  labelClass: 'mb-3 font-medium',
 });
 
 function isChecked(option: NormalizedOption): boolean {