@feedmepos/ui-library 0.0.13 → 0.0.15

package/dist/components/badge/FmBadge.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import FmBadge from './FmBadge.vue';
+declare const meta: Meta<typeof FmBadge>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Neutral: Story;
+export declare const Info: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Critical: Story;
+export declare const Numeric: Story;

package/dist/components/badge/FmBadge.vue.d.ts

@@ -0,0 +1,44 @@
+export interface FmBadgeProps {
+    inline?: boolean;
+    value?: number | null;
+    variant?: 'info' | 'success' | 'warning' | 'critical' | 'neutral' | 'numeric';
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    inline: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    value: {
+        type: import("vue").PropType<number | null>;
+        default: null;
+    };
+    variant: {
+        type: import("vue").PropType<"info" | "success" | "warning" | "critical" | "neutral" | "numeric">;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    inline: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    value: {
+        type: import("vue").PropType<number | null>;
+        default: null;
+    };
+    variant: {
+        type: import("vue").PropType<"info" | "success" | "warning" | "critical" | "neutral" | "numeric">;
+        default: string;
+    };
+}>>, {
+    inline: boolean;
+    value: number | null;
+    variant: "info" | "success" | "warning" | "critical" | "neutral" | "numeric";
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/breadcrumb/FmBreadcrumb.stories.d.ts

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

package/dist/components/button/FmButton.stories.d.ts

@@ -0,0 +1,162 @@
+import type { StoryObj } from '@storybook/vue3';
+declare const meta: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        variant: {
+            type: import("vue").PropType<"primary" | "secondary" | "tertiary" | "destructive" | "fab">;
+            default: string;
+        };
+        type: {
+            type: import("vue").PropType<"button" | "submit" | "reset">;
+            default: string;
+        };
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"md" | "lg">;
+            default: string;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        autofocus: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        iconColor: {
+            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<{
+        variant: {
+            type: import("vue").PropType<"primary" | "secondary" | "tertiary" | "destructive" | "fab">;
+            default: string;
+        };
+        type: {
+            type: import("vue").PropType<"button" | "submit" | "reset">;
+            default: string;
+        };
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"md" | "lg">;
+            default: string;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        autofocus: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        iconColor: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>>, {
+        variant: "primary" | "secondary" | "tertiary" | "destructive" | "fab";
+        type: "button" | "submit" | "reset";
+        label: string;
+        disabled: boolean;
+        size: "md" | "lg";
+        icon: string;
+        autofocus: boolean;
+        iconColor: string;
+    }, {}>;
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: string;
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        label: {
+            control: string;
+            description: string;
+        };
+        size: {
+            control: string;
+            options: string[];
+            if: {
+                arg: string;
+                neq: string;
+            };
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        disabled: {
+            control: string;
+            table: {
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+            description: string;
+        };
+        icon: {
+            control: string;
+            table: {
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+            description: string;
+        };
+        type: {
+            control: string;
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        variant: "primary";
+        label: string;
+        icon: string;
+        iconColor: string;
+        size: "md";
+        disabled: false;
+        autofocus: true;
+        type: "button";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Tertiary: Story;
+export declare const Destructive: Story;
+export declare const Fab: Story;

package/dist/components/button/FmButton.vue.d.ts

@@ -10,6 +10,10 @@ export interface FmButtonProps {
     type?: 'submit' | 'reset' | 'button';
 }
 declare const _default: import("vue").DefineComponent<{
+    variant: {
+        type: import("vue").PropType<ButtonVariant>;
+        default: string;
+    };
     type: {
         type: import("vue").PropType<"button" | "submit" | "reset">;
         default: string;
@@ -26,10 +30,6 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<"md" | "lg">;
         default: string;
     };
-    variant: {
-        type: import("vue").PropType<ButtonVariant>;
-        default: string;
-    };
     icon: {
         type: import("vue").PropType<string>;
         default: string;
@@ -43,6 +43,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {}, 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<ButtonVariant>;
+        default: string;
+    };
     type: {
         type: import("vue").PropType<"button" | "submit" | "reset">;
         default: string;
@@ -59,10 +63,6 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<"md" | "lg">;
         default: string;
     };
-    variant: {
-        type: import("vue").PropType<ButtonVariant>;
-        default: string;
-    };
     icon: {
         type: import("vue").PropType<string>;
         default: string;
@@ -76,11 +76,11 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
+    variant: ButtonVariant;
     type: "button" | "submit" | "reset";
     label: string;
     disabled: boolean;
     size: "md" | "lg";
-    variant: ButtonVariant;
     icon: string;
     autofocus: boolean;
     iconColor: string;

package/dist/components/button-group/FmButtonGroup.stories.d.ts

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

package/dist/components/card/FmCard.stories.d.ts

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

package/dist/components/card/FmCard.vue.d.ts

@@ -26,8 +26,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    title: string;
     variant: "outlined" | "elevated";
+    title: string;
     horizontal: boolean;
 }, {}>, {
     header?(_: {

package/dist/components/chart/line/FmLine.stories.d.ts

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

package/dist/components/chip/FmChip.stories.d.ts

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

package/dist/components/chip/FmChip.vue.d.ts

@@ -0,0 +1,88 @@
+export interface FmChipProps {
+    label?: string;
+    icon?: string;
+    selected?: boolean;
+    disabled?: boolean;
+    removable?: boolean;
+    selectable?: boolean;
+    compact?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    removable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    selectable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    compact: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "chip-closed": () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    removable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    selectable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    compact: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onChip-closed"?: (() => any) | undefined;
+}, {
+    label: string;
+    selected: boolean;
+    disabled: boolean;
+    icon: string;
+    removable: boolean;
+    selectable: boolean;
+    compact: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/chip-group/FmChipGroup.stories.d.ts

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

package/dist/components/chip-group/FmChipGroup.vue.d.ts

@@ -0,0 +1,61 @@
+import { type FmChipProps } from '../chip/FmChip.vue';
+export interface FmChipGroupProps {
+    items: FmChipProps[];
+    selectable?: boolean;
+    disabled?: boolean;
+    compact?: boolean;
+    removable?: boolean;
+}
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: import("vue").PropType<FmChipProps[]>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    removable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    selectable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    compact: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "chip-closed": (index: number) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: import("vue").PropType<FmChipProps[]>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    removable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    selectable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    compact: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onChip-closed"?: ((index: number) => any) | undefined;
+}, {
+    disabled: boolean;
+    removable: boolean;
+    selectable: boolean;
+    compact: boolean;
+}, {}>;
+export default _default;

package/dist/components/dialog/FmDialog.stories.d.ts

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

package/dist/components/drop-field/FmDropField.stories.d.ts

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

package/dist/components/drop-field/FmDropField.vue.d.ts

@@ -1,7 +1,6 @@
 export interface FmDropFieldProps {
     label?: string;
     disabled?: boolean;
-    /** currently disabled */
     accept?: string;
     maxFileSize?: number;
 }

package/dist/components/dynamic-dialog/FmDynamicDialog.vue.d.ts

@@ -8,10 +8,10 @@ export interface FmDynamicDialogProps {
     /** Appears only if `contentComponent` or `dialogComponent` is not specified */
     title: string;
     /** Appears only if `contentComponent` or `dialogComponent` is not specified */
-    message: string;
+    message?: string;
     primaryActions?: FooterActionButton | null;
     secondaryActions?: FooterActionButton | null;
-    tertiaryActions: FooterActionButton | null;
+    tertiaryActions?: FooterActionButton | null;
     /** Setting to `true` will result in overlay background and click to dismiss behavior */
     overlay?: boolean;
     /** Specify to enable the top right close button */
@@ -23,22 +23,18 @@ export interface FmDynamicDialogProps {
     /** Custom component to replace just the content section */
     contentComponent?: Component | null;
     /** Props passed to dialog component */
-    dialogComponentProps: any;
+    dialogComponentProps?: any;
     /** Props passed to content component */
-    contentComponentProps: any;
+    contentComponentProps?: any;
     /** Used internally, passed from dialog-plugin */
-    readonly unmount: () => void;
-    readonly storedFunctions: InternalStoredFunction;
+    readonly unmount?: () => void;
+    readonly storedFunctions?: InternalStoredFunction | null;
 }
 declare const _default: import("vue").DefineComponent<{
     title: {
         type: import("vue").PropType<string>;
         required: true;
     };
-    message: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
     overlay: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -51,6 +47,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    message: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     primaryActions: {
         type: import("vue").PropType<FooterActionButton | null>;
         default: null;
@@ -61,7 +61,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     tertiaryActions: {
         type: import("vue").PropType<FooterActionButton | null>;
-        required: true;
         default: null;
     };
     dialogComponent: {
@@ -74,19 +73,19 @@ declare const _default: import("vue").DefineComponent<{
     };
     dialogComponentProps: {
         type: import("vue").PropType<any>;
-        required: true;
+        default: null;
     };
     contentComponentProps: {
         type: import("vue").PropType<any>;
-        required: true;
+        default: null;
     };
     unmount: {
         type: import("vue").PropType<() => void>;
-        required: true;
+        default: () => void;
     };
     storedFunctions: {
-        type: import("vue").PropType<InternalStoredFunction>;
-        required: true;
+        type: import("vue").PropType<InternalStoredFunction | null>;
+        default: null;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "dialog-opened": () => void;
@@ -96,10 +95,6 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         required: true;
     };
-    message: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
     overlay: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -112,6 +107,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    message: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     primaryActions: {
         type: import("vue").PropType<FooterActionButton | null>;
         default: null;
@@ -122,7 +121,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     tertiaryActions: {
         type: import("vue").PropType<FooterActionButton | null>;
-        required: true;
         default: null;
     };
     dialogComponent: {
@@ -135,19 +133,19 @@ declare const _default: import("vue").DefineComponent<{
     };
     dialogComponentProps: {
         type: import("vue").PropType<any>;
-        required: true;
+        default: null;
     };
     contentComponentProps: {
         type: import("vue").PropType<any>;
-        required: true;
+        default: null;
     };
     unmount: {
         type: import("vue").PropType<() => void>;
-        required: true;
+        default: () => void;
     };
     storedFunctions: {
-        type: import("vue").PropType<InternalStoredFunction>;
-        required: true;
+        type: import("vue").PropType<InternalStoredFunction | null>;
+        default: null;
     };
 }>> & {
     "onDialog-opened"?: (() => any) | undefined;
@@ -156,10 +154,15 @@ declare const _default: import("vue").DefineComponent<{
     overlay: boolean;
     minWidth: number;
     closeButton: boolean;
+    message: string;
     primaryActions: FooterActionButton | null;
     secondaryActions: FooterActionButton | null;
     tertiaryActions: FooterActionButton | null;
     dialogComponent: Component | null;
     contentComponent: Component | null;
+    dialogComponentProps: any;
+    contentComponentProps: any;
+    unmount: () => void;
+    storedFunctions: InternalStoredFunction | null;
 }, {}>;
 export default _default;

package/dist/components/form/checkbox/FmCheckbox.stories.d.ts

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