@feedmepos/ui-library 0.0.14 → 0.0.16

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

@@ -1,7 +1,7 @@
 export interface FmBadgeProps {
     inline?: boolean;
     value?: number | null;
-    variant?: 'info' | 'success' | 'warning' | 'critical' | 'neutral';
+    variant?: 'info' | 'success' | 'warning' | 'critical' | 'neutral' | 'numeric';
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     inline: {
@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: null;
     };
     variant: {
-        type: import("vue").PropType<"info" | "success" | "warning" | "critical" | "neutral">;
+        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<{
@@ -26,13 +26,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: null;
     };
     variant: {
-        type: import("vue").PropType<"info" | "success" | "warning" | "critical" | "neutral">;
+        type: import("vue").PropType<"info" | "success" | "warning" | "critical" | "neutral" | "numeric">;
         default: string;
     };
 }>>, {
     inline: boolean;
     value: number | null;
-    variant: "info" | "success" | "warning" | "critical" | "neutral";
+    variant: "info" | "success" | "warning" | "critical" | "neutral" | "numeric";
 }, {}>, {
     default?(_: {}): any;
 }>;

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-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/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;

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

@@ -1,11 +1,17 @@
-export interface FmCheckbox {
-    modelValue: boolean;
+export interface FmCheckboxProps {
+    modelValue: boolean | Array<any>;
     label: string;
     sublabel?: string;
     disabled?: boolean;
+    /** `modelValue` takes highest precedence, indeterminate only works if `modelValue` is false */
     indeterminate?: boolean;
+    value: any;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    value: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
     label: {
         type: import("vue").PropType<string>;
         required: true;
@@ -15,20 +21,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     modelValue: {
-        type: import("vue").PropType<boolean>;
+        type: import("vue").PropType<boolean | any[]>;
         required: true;
     };
-    sublabel: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     indeterminate: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    sublabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => void;
+    "update:modelValue": (value: any) => void;
+    "update:indeterminate": (value: boolean) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
     label: {
         type: import("vue").PropType<string>;
         required: true;
@@ -38,23 +49,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     modelValue: {
-        type: import("vue").PropType<boolean>;
+        type: import("vue").PropType<boolean | any[]>;
         required: true;
     };
-    sublabel: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     indeterminate: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    sublabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    "onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
 }, {
     disabled: boolean;
-    sublabel: string;
     indeterminate: boolean;
+    sublabel: string;
 }, {}>, {
     label?(_: {}): any;
 }>;

package/dist/components/form/date-picker/FmDatePicker.stories.d.ts

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