@feedmepos/ui-library 0.0.14 → 0.0.16

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

@@ -2,26 +2,23 @@ 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<{
     label: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -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,17 +71,17 @@ 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<{
     label: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -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;
 }, {
     label: string;
-    required: boolean;
     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

@@ -68,9 +68,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     variant: SnackbarVariant;
     title: string;
     color: string;
+    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;
+    };
+};

package/dist/components/tabs/FmTabs.stories.d.ts

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

package/dist/components/tabs/FmTabs.vue.d.ts

@@ -0,0 +1,91 @@
+import { type FmTabProps } from '../tab/FmTab.vue';
+export interface FmTabsProps {
+    modelValue?: string | number | null;
+    items: FmTabProps[];
+    vertical?: boolean;
+    disabled?: boolean;
+    showMoreAt?: number;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    items: {
+        type: import("vue").PropType<FmTabProps[]>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number | null>;
+        default: null;
+    };
+    vertical: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    showMoreAt: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (tab: string | number | null) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: import("vue").PropType<FmTabProps[]>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number | null>;
+        default: null;
+    };
+    vertical: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    showMoreAt: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((tab: string | number | null) => any) | undefined;
+}, {
+    disabled: boolean;
+    modelValue: string | number | null;
+    vertical: boolean;
+    showMoreAt: number;
+}, {}>, {
+    default?(_: {
+        tabsProps: {
+            vertical: boolean;
+            disabled: boolean;
+        };
+        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;
+    "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;
+    };
+};

package/dist/components/tooltip/FmTooltip.stories.d.ts

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

package/dist/components/tooltip/FmTooltip.vue.d.ts

@@ -1,17 +1,18 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     variant: {
         type: import("vue").PropType<"plain" | "rich">;
-        required: true;
         default: string;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     beak: {
         type: import("vue").PropType<"left" | "right" | "top" | "bottom">;
-        required: true;
         default: string;
     };
     hasArrow: {
         type: import("vue").PropType<boolean>;
-        required: true;
         default: boolean;
     };
     titleText: {
@@ -26,23 +27,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<{
             label: string;
             handler: () => void;
-        }[]>;
-        required: true;
+        }[] | null>;
+        default: null;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     variant: {
         type: import("vue").PropType<"plain" | "rich">;
-        required: true;
         default: string;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     beak: {
         type: import("vue").PropType<"left" | "right" | "top" | "bottom">;
-        required: true;
         default: string;
     };
     hasArrow: {
         type: import("vue").PropType<boolean>;
-        required: true;
         default: boolean;
     };
     titleText: {
@@ -57,14 +59,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<{
             label: string;
             handler: () => void;
-        }[]>;
-        required: true;
+        }[] | null>;
+        default: null;
     };
 }>>, {
     variant: "plain" | "rich";
+    disabled: boolean;
     beak: "left" | "right" | "top" | "bottom";
     hasArrow: boolean;
     titleText: string;
+    actionButtons: {
+        label: string;
+        handler: () => void;
+    }[] | null;
 }, {}>, {
     default?(_: {}): any;
 }>;