sprintify-ui 0.0.13 → 0.0.14

package/dist/tailwindcss/index.js

@@ -3,6 +3,16 @@ const plugin = require('tailwindcss/plugin');
 module.exports = plugin(
   function ({ addComponents, theme }) {
     addComponents({
+      '.overlay': {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        width: '100%',
+        height: '100%',
+      },
+      // Button
       '.btn': {
         position: 'relative',
         display: 'inline-block',
@@ -42,7 +52,7 @@ module.exports = plugin(
           opacity: '0.5',
         },
       },
-      // Sizes
+      // Button - Sizes
       '.btn-xs': {
         'font-size': theme('fontSize.xs'),
         'line-height': theme('lineHeight.4'),
@@ -68,7 +78,7 @@ module.exports = plugin(
         'line-height': theme('lineHeight.5'),
         padding: theme('spacing.4') + ' ' + theme('spacing.6'),
       },
-      // Colors
+      // Button - Colors
       '.btn-primary': {
         color: theme('colors.white'),
         'background-color': theme('colors.primary.500'),

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

@@ -7,13 +7,14 @@ declare const _default: {
         $props: Partial<{
             filter: (option: NormalizedOption) => boolean;
             required: boolean;
+            modelValue: Selection;
             inputClass: string;
             placeholder: string;
             loading: boolean;
             disabled: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
-                required: true;
+                default: undefined;
                 type: PropType<Selection>;
             };
             options: {
@@ -58,7 +59,7 @@ declare const _default: {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onTyping?: ((...args: any[]) => any) | undefined;
             onScrollBottom?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "filter" | "required" | "inputClass" | "placeholder" | "loading" | "disabled">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "filter" | "required" | "modelValue" | "inputClass" | "placeholder" | "loading" | "disabled">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -74,7 +75,7 @@ declare const _default: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
-                required: true;
+                default: undefined;
                 type: PropType<Selection>;
             };
             options: {
@@ -122,6 +123,7 @@ declare const _default: {
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:modelValue" | "typing" | "focus" | "scrollBottom")[], string, {
             filter: (option: NormalizedOption) => boolean;
             required: boolean;
+            modelValue: Selection;
             inputClass: string;
             placeholder: string;
             loading: boolean;
@@ -148,7 +150,7 @@ declare const _default: {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
-            required: true;
+            default: undefined;
             type: PropType<Selection>;
         };
         options: {
@@ -199,7 +201,7 @@ declare const _default: {
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        required: true;
+        default: undefined;
         type: PropType<Selection>;
     };
     options: {
@@ -247,6 +249,7 @@ declare const _default: {
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:modelValue" | "typing" | "focus" | "scrollBottom")[], "clear" | "update:modelValue" | "typing" | "focus" | "scrollBottom", {
     filter: (option: NormalizedOption) => boolean;
     required: boolean;
+    modelValue: Selection;
     inputClass: string;
     placeholder: string;
     loading: boolean;

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

@@ -7,6 +7,7 @@ declare const _default: {
         $data: {};
         $props: Partial<{
             required: boolean;
+            modelValue: Selection;
             inputClass: string;
             placeholder: string;
             disabled: boolean;
@@ -14,7 +15,7 @@ declare const _default: {
             queryKey: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
-                required: true;
+                default: undefined;
                 type: PropType<Selection>;
             };
             url: {
@@ -59,7 +60,7 @@ declare const _default: {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onTyping?: ((...args: any[]) => any) | undefined;
             onScrollBottom?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "inputClass" | "placeholder" | "disabled" | "createNewUrl" | "queryKey">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "modelValue" | "inputClass" | "placeholder" | "disabled" | "createNewUrl" | "queryKey">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -75,7 +76,7 @@ declare const _default: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
-                required: true;
+                default: undefined;
                 type: PropType<Selection>;
             };
             url: {
@@ -122,6 +123,7 @@ declare const _default: {
             onScrollBottom?: ((...args: any[]) => any) | undefined;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:modelValue" | "typing" | "focus" | "scrollBottom")[], string, {
             required: boolean;
+            modelValue: Selection;
             inputClass: string;
             placeholder: string;
             disabled: boolean;
@@ -149,7 +151,7 @@ declare const _default: {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
-            required: true;
+            default: undefined;
             type: PropType<Selection>;
         };
         url: {
@@ -200,7 +202,7 @@ declare const _default: {
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        required: true;
+        default: undefined;
         type: PropType<Selection>;
     };
     url: {
@@ -247,6 +249,7 @@ declare const _default: {
     onScrollBottom?: ((...args: any[]) => any) | undefined;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:modelValue" | "typing" | "focus" | "scrollBottom")[], "clear" | "update:modelValue" | "typing" | "focus" | "scrollBottom", {
     required: boolean;
+    modelValue: Selection;
     inputClass: string;
     placeholder: string;
     disabled: boolean;

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

@@ -7,6 +7,7 @@ declare const _default: {
         $data: {};
         $props: Partial<{
             required: boolean;
+            modelValue: string | number | null | undefined;
             inputClass: string;
             placeholder: string;
             disabled: boolean;
@@ -16,7 +17,7 @@ declare const _default: {
             currentModel: Selection;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
-                required: true;
+                default: undefined;
                 type: PropType<string | number | null | undefined>;
             };
             url: {
@@ -61,7 +62,7 @@ declare const _default: {
             };
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "inputClass" | "placeholder" | "disabled" | "createNewUrl" | "showRouteUrl" | "foreignKey" | "currentModel">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "modelValue" | "inputClass" | "placeholder" | "disabled" | "createNewUrl" | "showRouteUrl" | "foreignKey" | "currentModel">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -77,7 +78,7 @@ declare const _default: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
-                required: true;
+                default: undefined;
                 type: PropType<string | number | null | undefined>;
             };
             url: {
@@ -124,6 +125,7 @@ declare const _default: {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], string, {
             required: boolean;
+            modelValue: string | number | null | undefined;
             inputClass: string;
             placeholder: string;
             disabled: boolean;
@@ -153,7 +155,7 @@ declare const _default: {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
-            required: true;
+            default: undefined;
             type: PropType<string | number | null | undefined>;
         };
         url: {
@@ -204,7 +206,7 @@ declare const _default: {
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        required: true;
+        default: undefined;
         type: PropType<string | number | null | undefined>;
     };
     url: {
@@ -251,6 +253,7 @@ declare const _default: {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", {
     required: boolean;
+    modelValue: string | number | null | undefined;
     inputClass: string;
     placeholder: string;
     disabled: boolean;

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

@@ -5,6 +5,7 @@ declare const _default: {
         $data: {};
         $props: Partial<{
             required: boolean;
+            modelValue: string | null | undefined;
             inputClass: string;
             disabled: boolean;
             minDate: Date;
@@ -12,7 +13,7 @@ declare const _default: {
             yearRange: number | [number, number];
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
-                required: true;
+                default: undefined;
                 type: PropType<string | null | undefined>;
             };
             required: {
@@ -41,7 +42,7 @@ declare const _default: {
             };
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "inputClass" | "disabled" | "minDate" | "maxDate" | "yearRange">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "modelValue" | "inputClass" | "disabled" | "minDate" | "maxDate" | "yearRange">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -57,7 +58,7 @@ declare const _default: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
-                required: true;
+                default: undefined;
                 type: PropType<string | null | undefined>;
             };
             required: {
@@ -88,6 +89,7 @@ declare const _default: {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], string, {
             required: boolean;
+            modelValue: string | null | undefined;
             inputClass: string;
             disabled: boolean;
             minDate: Date;
@@ -115,7 +117,7 @@ declare const _default: {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
-            required: true;
+            default: undefined;
             type: PropType<string | null | undefined>;
         };
         required: {
@@ -150,7 +152,7 @@ declare const _default: {
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        required: true;
+        default: undefined;
         type: PropType<string | null | undefined>;
     };
     required: {
@@ -181,6 +183,7 @@ declare const _default: {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", {
     required: boolean;
+    modelValue: string | null | undefined;
     inputClass: string;
     disabled: boolean;
     minDate: Date;

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

@@ -6,6 +6,7 @@ declare const _default: {
         $props: Partial<{
             required: boolean;
             type: string;
+            icon: string;
             name: string;
             modelValue: string | number | null;
             placeholder: string;
@@ -13,6 +14,7 @@ declare const _default: {
             autocomplete: boolean;
             step: number;
             preventSubmit: boolean;
+            iconPosition: "left" | "right";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
                 default: string;
@@ -53,9 +55,17 @@ declare const _default: {
                 default: boolean;
                 type: BooleanConstructor;
             };
+            icon: {
+                default: null;
+                type: StringConstructor;
+            };
+            iconPosition: {
+                default: string;
+                type: PropType<"left" | "right">;
+            };
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "type" | "name" | "modelValue" | "placeholder" | "disabled" | "autocomplete" | "step" | "preventSubmit">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "type" | "icon" | "name" | "modelValue" | "placeholder" | "disabled" | "autocomplete" | "step" | "preventSubmit" | "iconPosition">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -109,11 +119,20 @@ declare const _default: {
                 default: boolean;
                 type: BooleanConstructor;
             };
+            icon: {
+                default: null;
+                type: StringConstructor;
+            };
+            iconPosition: {
+                default: string;
+                type: PropType<"left" | "right">;
+            };
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], string, {
             required: boolean;
             type: string;
+            icon: string;
             name: string;
             modelValue: string | number | null;
             placeholder: string;
@@ -121,6 +140,7 @@ declare const _default: {
             autocomplete: boolean;
             step: number;
             preventSubmit: boolean;
+            iconPosition: "left" | "right";
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -181,6 +201,14 @@ declare const _default: {
             default: boolean;
             type: BooleanConstructor;
         };
+        icon: {
+            default: null;
+            type: StringConstructor;
+        };
+        iconPosition: {
+            default: string;
+            type: PropType<"left" | "right">;
+        };
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -227,11 +255,20 @@ declare const _default: {
         default: boolean;
         type: BooleanConstructor;
     };
+    icon: {
+        default: null;
+        type: StringConstructor;
+    };
+    iconPosition: {
+        default: string;
+        type: PropType<"left" | "right">;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", {
     required: boolean;
     type: string;
+    icon: string;
     name: string;
     modelValue: string | number | null;
     placeholder: string;
@@ -239,5 +276,6 @@ declare const _default: {
     autocomplete: boolean;
     step: number;
     preventSubmit: boolean;
+    iconPosition: "left" | "right";
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;

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

@@ -6,13 +6,13 @@ declare const _default: {
         $props: Partial<{
             required: boolean;
             name: string;
-            modelValue: string | number | null;
+            modelValue: (string | number | null) | undefined;
             placeholder: string;
             disabled: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
                 default: undefined;
-                type: PropType<string | number | null>;
+                type: PropType<(string | number | null) | undefined>;
             };
             name: {
                 default: undefined;
@@ -49,7 +49,7 @@ declare const _default: {
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
                 default: undefined;
-                type: PropType<string | number | null>;
+                type: PropType<(string | number | null) | undefined>;
             };
             name: {
                 default: undefined;
@@ -72,7 +72,7 @@ declare const _default: {
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], string, {
             required: boolean;
             name: string;
-            modelValue: string | number | null;
+            modelValue: (string | number | null) | undefined;
             placeholder: string;
             disabled: boolean;
         }, {}, string> & {
@@ -98,7 +98,7 @@ declare const _default: {
     } & Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             default: undefined;
-            type: PropType<string | number | null>;
+            type: PropType<(string | number | null) | undefined>;
         };
         name: {
             default: undefined;
@@ -125,7 +125,7 @@ declare const _default: {
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
-        type: PropType<string | number | null>;
+        type: PropType<(string | number | null) | undefined>;
     };
     name: {
         default: undefined;
@@ -148,7 +148,7 @@ declare const _default: {
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", {
     required: boolean;
     name: string;
-    modelValue: string | number | null;
+    modelValue: (string | number | null) | undefined;
     placeholder: string;
     disabled: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

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

@@ -7,6 +7,7 @@ declare const _default: {
             required: boolean;
             type: string;
             name: string;
+            modelValue: string | undefined;
             placeholder: string;
             disabled: boolean;
             autocomplete: boolean;
@@ -14,7 +15,7 @@ declare const _default: {
             rows: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
-                required: true;
+                default: undefined;
                 type: PropType<string | undefined>;
             };
             type: {
@@ -51,7 +52,7 @@ declare const _default: {
             };
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "type" | "name" | "placeholder" | "disabled" | "autocomplete" | "preventSubmit" | "rows">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "type" | "name" | "modelValue" | "placeholder" | "disabled" | "autocomplete" | "preventSubmit" | "rows">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -67,7 +68,7 @@ declare const _default: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
-                required: true;
+                default: undefined;
                 type: PropType<string | undefined>;
             };
             type: {
@@ -108,6 +109,7 @@ declare const _default: {
             required: boolean;
             type: string;
             name: string;
+            modelValue: string | undefined;
             placeholder: string;
             disabled: boolean;
             autocomplete: boolean;
@@ -135,7 +137,7 @@ declare const _default: {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
-            required: true;
+            default: undefined;
             type: PropType<string | undefined>;
         };
         type: {
@@ -178,7 +180,7 @@ declare const _default: {
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        required: true;
+        default: undefined;
         type: PropType<string | undefined>;
     };
     type: {
@@ -219,6 +221,7 @@ declare const _default: {
     required: boolean;
     type: string;
     name: string;
+    modelValue: string | undefined;
     placeholder: string;
     disabled: boolean;
     autocomplete: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "docs:dev": "vitepress dev docs",

package/src/components/BaseAutocomplete.vue

@@ -137,8 +137,8 @@ import BaseSkeleton from './BaseSkeleton.vue';
 
 const props = defineProps({
   modelValue: {
-    required: true,
-    type: [Object, null, undefined] as PropType<Selection>,
+    default: undefined,
+    type: [Object, null] as PropType<Selection | undefined>,
   },
   options: {
     required: true,

package/src/components/BaseAutocompleteFetch.vue

@@ -67,8 +67,8 @@ import BaseAutocomplete from './BaseAutocomplete.vue';
 
 const props = defineProps({
   modelValue: {
-    required: true,
-    type: [Object, null, undefined] as PropType<Selection>,
+    default: undefined,
+    type: [Object, null] as PropType<Selection | undefined>,
   },
   url: {
     required: true,

package/src/components/BaseBelongsTo.vue

@@ -33,8 +33,8 @@ import BaseAutocompleteFetch from './BaseAutocompleteFetch.vue';
 
 const props = defineProps({
   modelValue: {
-    required: true,
-    type: [String, Number, null, undefined] as PropType<
+    default: undefined,
+    type: [String, Number, null] as PropType<
       string | number | null | undefined
     >,
   },

package/src/components/BaseDatePicker.vue

@@ -41,8 +41,8 @@ import { DateTime, Info } from 'luxon';
 
 const props = defineProps({
   modelValue: {
-    required: true,
-    type: [String, null, undefined] as PropType<string | null | undefined>,
+    default: undefined,
+    type: [String, null] as PropType<string | null | undefined>,
   },
   required: {
     default: false,

package/src/components/BaseInput.stories.js

@@ -7,7 +7,12 @@ export default {
     required: true,
     type: 'text',
     name: 'name',
-    class: 'w-full',
+  },
+  argTypes: {
+    iconPosition: {
+      type: 'select',
+      options: ['left', 'right'],
+    },
   },
 };
 
@@ -31,6 +36,20 @@ Demo.args = {
   placeholder: 'Enter your name',
 };
 
+export const IconLeft = Template.bind({});
+IconLeft.args = {
+  icon: 'heroicons:phone-20-solid',
+  iconPosition: 'left',
+  placeholder: 'Enter your phone',
+};
+
+export const IconRight = Template.bind({});
+IconRight.args = {
+  icon: 'heroicons:phone-20-solid',
+  iconPosition: 'right',
+  placeholder: 'Enter your phone',
+};
+
 export const Number = Template.bind({});
 Number.args = {
   type: 'number',