@feedmepos/ui-library 0.0.13 → 0.0.15

package/dist/components/form/text-field/FmTextField.vue.d.ts

@@ -1,34 +1,24 @@
 import { type FormChildProps } from '../../../composables/useFormChild';
 export interface FmTextFieldProps extends FormChildProps {
-    required?: boolean;
-    disabled?: boolean;
     placeholder?: string;
-    helperText?: string;
     minLength?: number;
     maxLength?: number;
+    /** To display virtual keyboard */
     inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
     readonly?: boolean;
     labelMark?: 'required' | 'optional' | 'none';
-    leadingIcon?: {
-        name: string;
-        color: string;
-    };
-    trailingIcon?: {
-        name: string;
-        color: string;
-    };
+    prependIcon?: string;
+    appendIcon?: string;
     showSuccess?: boolean;
     showValidBorder?: boolean;
     prependText?: string;
     appendText?: string;
+    labelInfo?: string;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     label: {
         type: import("vue").PropType<string>;
+        default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
@@ -42,10 +32,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    focused: {
+        type: import("vue").PropType<boolean>;
+    };
     rules: {
         type: import("vue").PropType<import("../../../composables/useValidation").ValidationRule[]>;
         default: () => never[];
     };
+    helperState: {
+        type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+        default: string;
+    };
     maxLength: {
         type: import("vue").PropType<number>;
         default: number;
@@ -58,35 +55,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    leadingIcon: {
-        type: import("vue").PropType<{
-            name: string;
-            color: string;
-        }>;
-        default: () => {
-            name: string;
-            color: string;
-        };
-    };
-    trailingIcon: {
-        type: import("vue").PropType<{
-            name: string;
-            color: string;
-        }>;
-        default: () => {
-            name: string;
-            color: string;
-        };
+    prependIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
-    inputmode: {
-        type: import("vue").PropType<"text" | "search" | "none" | "email" | "tel" | "numeric" | "decimal" | "url">;
+    appendIcon: {
+        type: import("vue").PropType<string>;
         default: string;
     };
-    readonly: {
+    showValidBorder: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    showValidBorder: {
+    inputmode: {
+        type: import("vue").PropType<"numeric" | "text" | "search" | "none" | "email" | "tel" | "decimal" | "url">;
+        default: string;
+    };
+    readonly: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
@@ -106,15 +91,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    labelInfo: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
+    "update:modelValue": (value: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     label: {
         type: import("vue").PropType<string>;
+        default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
@@ -128,10 +114,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    focused: {
+        type: import("vue").PropType<boolean>;
+    };
     rules: {
         type: import("vue").PropType<import("../../../composables/useValidation").ValidationRule[]>;
         default: () => never[];
     };
+    helperState: {
+        type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+        default: string;
+    };
     maxLength: {
         type: import("vue").PropType<number>;
         default: number;
@@ -144,35 +137,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    leadingIcon: {
-        type: import("vue").PropType<{
-            name: string;
-            color: string;
-        }>;
-        default: () => {
-            name: string;
-            color: string;
-        };
-    };
-    trailingIcon: {
-        type: import("vue").PropType<{
-            name: string;
-            color: string;
-        }>;
-        default: () => {
-            name: string;
-            color: string;
-        };
+    prependIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
-    inputmode: {
-        type: import("vue").PropType<"text" | "search" | "none" | "email" | "tel" | "numeric" | "decimal" | "url">;
+    appendIcon: {
+        type: import("vue").PropType<string>;
         default: string;
     };
-    readonly: {
+    showValidBorder: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    showValidBorder: {
+    inputmode: {
+        type: import("vue").PropType<"numeric" | "text" | "search" | "none" | "email" | "tel" | "decimal" | "url">;
+        default: string;
+    };
+    readonly: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
@@ -192,36 +173,35 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    labelInfo: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
-    required: boolean;
+    label: string;
     disabled: boolean;
     helperText: string;
     rules: import("../../../composables/useValidation").ValidationRule[];
+    helperState: "success" | "warning" | "none" | "error";
     maxLength: number;
     minLength: number;
     placeholder: string;
-    leadingIcon: {
-        name: string;
-        color: string;
-    };
-    trailingIcon: {
-        name: string;
-        color: string;
-    };
-    inputmode: "text" | "search" | "none" | "email" | "tel" | "numeric" | "decimal" | "url";
-    readonly: boolean;
+    prependIcon: string;
+    appendIcon: string;
     showValidBorder: boolean;
+    inputmode: "numeric" | "text" | "search" | "none" | "email" | "tel" | "decimal" | "url";
+    readonly: boolean;
     prependText: string;
     appendText: string;
     labelMark: "required" | "none" | "optional";
     showSuccess: boolean;
+    labelInfo: string;
 }, {}>, {
     label?(_: {}): any;
     prepend?(_: {}): any;
     append?(_: {}): any;
-    "helper-text"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/form/textarea/FmTextarea.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import FmTextarea from './FmTextarea.vue';
+declare const meta: Meta<typeof FmTextarea>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/components/form/textarea/FmTextarea.vue.d.ts

@@ -2,22 +2,19 @@ import { type FormChildProps } from '@/composables/useFormChild';
 export interface FmTextareaProps extends FormChildProps {
     label?: string;
     modelValue: string;
-    required?: boolean;
     disabled?: boolean;
     placeholder?: string;
-    helperText?: string;
     minLength?: number;
     maxLength?: number;
     readonly?: boolean;
     labelMark?: 'required' | 'optional' | 'none';
     showSuccess?: boolean;
     showValidBorder?: boolean;
+    labelInfo?: string;
+    helperText?: string;
+    helperState?: 'success' | 'warning' | 'error' | 'none';
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     label: {
         type: import("vue").PropType<string>;
         default: string;
@@ -35,10 +32,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    focused: {
+        type: import("vue").PropType<boolean>;
+    };
     rules: {
-        type: import("vue").PropType<import("@/composables/useValidation").ValidationRule[]>;
+        type: import("vue").PropType<import("../../../composables/useValidation").ValidationRule[]>;
         default: () => never[];
     };
+    helperState: {
+        type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+        default: string;
+    };
     maxLength: {
         type: import("vue").PropType<number>;
         default: number;
@@ -51,11 +55,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    readonly: {
+    showValidBorder: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    showValidBorder: {
+    readonly: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
@@ -67,13 +71,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    labelInfo: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
+    "update:modelValue": (value: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     label: {
         type: import("vue").PropType<string>;
         default: string;
@@ -91,10 +95,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    focused: {
+        type: import("vue").PropType<boolean>;
+    };
     rules: {
-        type: import("vue").PropType<import("@/composables/useValidation").ValidationRule[]>;
+        type: import("vue").PropType<import("../../../composables/useValidation").ValidationRule[]>;
         default: () => never[];
     };
+    helperState: {
+        type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+        default: string;
+    };
     maxLength: {
         type: import("vue").PropType<number>;
         default: number;
@@ -107,11 +118,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    readonly: {
+    showValidBorder: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    showValidBorder: {
+    readonly: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
@@ -123,25 +134,29 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    labelInfo: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
-    required: boolean;
     label: string;
     disabled: boolean;
     modelValue: string;
     helperText: string;
-    rules: import("@/composables/useValidation").ValidationRule[];
+    rules: import("../../../composables/useValidation").ValidationRule[];
+    helperState: "success" | "warning" | "none" | "error";
     maxLength: number;
     minLength: number;
     placeholder: string;
-    readonly: boolean;
     showValidBorder: boolean;
+    readonly: boolean;
     labelMark: "required" | "none" | "optional";
     showSuccess: boolean;
+    labelInfo: string;
 }, {}>, {
     label?(_: {}): any;
-    "helper-text"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/form/time-picker/FmTimePicker.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import FmTimePicker from './FmTimePicker.vue';
+declare const meta: Meta<typeof FmTimePicker>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/components/{time-picker → form/time-picker}/FmTimePicker.vue.d.ts

@@ -5,14 +5,14 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:model-value": (value: string | null) => void;
+    "update:modelValue": (value: string | null) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<string | null>;
         default: null;
     };
 }>> & {
-    "onUpdate:model-value"?: ((value: string | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }, {
     modelValue: string | null;
 }, {}>;

package/dist/components/icon/FmIcon.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import FmIcon from './FmIcon.vue';
+declare const meta: Meta<typeof FmIcon>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/components/list/FmList.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import FmList from './FmList.vue';
+declare const meta: Meta<typeof FmList>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/components/list/FmList.vue.d.ts

@@ -7,29 +7,29 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: {
         type: import("vue").PropType<boolean>;
     };
-    activeClass: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     separator: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
     activeClass: {
         type: import("vue").PropType<string>;
         default: string;
     };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
     separator: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    activeClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>>, {
-    activeClass: string;
     separator: boolean;
+    activeClass: string;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/components/list/FmListItem.vue.d.ts

@@ -9,11 +9,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    activeClass: {
+    tag: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    tag: {
+    activeClass: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -26,11 +26,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    activeClass: {
+    tag: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    tag: {
+    activeClass: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -40,8 +40,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     disabled: boolean;
-    activeClass: string;
     tag: string;
+    activeClass: string;
     clickable: boolean;
 }, {}>, {
     default?(_: {}): any;

package/dist/components/menu/menu-container/FmMenu.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import FmMenu from './FmMenu.vue';
+declare const meta: Meta<typeof FmMenu>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/components/menu/menu-item/FmMenuItem.vue.d.ts

@@ -88,6 +88,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     dividerPlacement: "up" | "down" | "both" | null;
 }, {}>, {
     label?(_: {}): any;
+    append?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/snackbar/FmSnackbar.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import FmSnackbar from './FmSnackbar.vue';
+declare const meta: Meta<typeof FmSnackbar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/components/snackbar/FmSnackbar.vue.d.ts

@@ -65,12 +65,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onOnDismiss?: (() => any) | undefined;
     onOnAction?: (() => any) | undefined;
 }, {
+    variant: SnackbarVariant;
     title: string;
     color: string;
-    variant: SnackbarVariant;
+    action: string;
     description: string;
     dismissable: boolean;
-    action: string;
     bgColor: string;
 }, {}>, {
     actions?(_: {}): any;

package/dist/components/spacer/FmSpacer.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import FmSpacer from './FmSpacer.vue';
+declare const meta: Meta<typeof FmSpacer>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/components/stepper/FmStepper.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import FmStepper from './FmStepper.vue';
+declare const meta: Meta<typeof FmStepper>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/components/tab/FmTab.vue.d.ts

@@ -0,0 +1,109 @@
+export interface FmTabProps {
+    modelValue?: any;
+    label?: string;
+    vertical?: boolean;
+    icon?: string;
+    disabled?: boolean;
+    badge?: number;
+    value?: string | number;
+    children?: FmTabProps[];
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    value: {
+        type: import("vue").PropType<string | number>;
+        default: () => number;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    children: {
+        type: import("vue").PropType<FmTabProps[]>;
+        default: () => never[];
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        default: null;
+    };
+    vertical: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    badge: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<string | number>;
+        default: () => number;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    children: {
+        type: import("vue").PropType<FmTabProps[]>;
+        default: () => never[];
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        default: null;
+    };
+    vertical: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    badge: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}, {
+    value: string | number;
+    label: string;
+    disabled: boolean;
+    children: FmTabProps[];
+    icon: string;
+    modelValue: any;
+    vertical: boolean;
+    badge: number;
+}, {}>, {
+    prepend?(_: {}): any;
+    append?(_: {}): any;
+    "list-item"?(_: {
+        modelValue?: any;
+        label?: string | undefined;
+        vertical?: boolean | undefined;
+        icon?: string | undefined;
+        disabled?: boolean | undefined;
+        badge?: number | undefined;
+        value?: string | number | undefined;
+        children?: FmTabProps[] | undefined;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};