@feedmepos/ui-library 0.0.1-alpha.18 → 0.0.2

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

@@ -1,61 +1,88 @@
-import type { PropType } from 'vue';
 type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'destructive' | 'fab';
+export interface FmButtonProps {
+    variant?: ButtonVariant;
+    label?: string;
+    icon?: string;
+    size?: 'md' | 'lg';
+    disabled?: boolean;
+    autofocus?: boolean;
+    iconColor?: string;
+    type?: 'submit' | 'reset' | 'button';
+}
 declare const _default: import("vue").DefineComponent<{
-    variant: {
-        type: PropType<ButtonVariant>;
+    type: {
+        type: import("vue").PropType<"button" | "submit" | "reset">;
         default: string;
     };
     label: {
-        type: StringConstructor;
-        default: undefined;
+        type: import("vue").PropType<string>;
+        default: string;
     };
-    icon: {
-        type: StringConstructor;
-        default: undefined;
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
     size: {
-        type: PropType<"md" | "lg">;
+        type: import("vue").PropType<"md" | "lg">;
         default: string;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    variant: {
+        type: import("vue").PropType<ButtonVariant>;
+        default: string;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
     autofocus: {
-        type: BooleanConstructor;
+        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: PropType<ButtonVariant>;
+    type: {
+        type: import("vue").PropType<"button" | "submit" | "reset">;
         default: string;
     };
     label: {
-        type: StringConstructor;
-        default: undefined;
+        type: import("vue").PropType<string>;
+        default: string;
     };
-    icon: {
-        type: StringConstructor;
-        default: undefined;
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
     size: {
-        type: PropType<"md" | "lg">;
+        type: import("vue").PropType<"md" | "lg">;
         default: string;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    variant: {
+        type: import("vue").PropType<ButtonVariant>;
+        default: string;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
     autofocus: {
-        type: BooleanConstructor;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    iconColor: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>>, {
+    type: "button" | "submit" | "reset";
     label: string;
     disabled: boolean;
     size: "md" | "lg";
     variant: ButtonVariant;
     icon: string;
     autofocus: boolean;
+    iconColor: string;
 }, {}>;
 export default _default;

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

@@ -4,12 +4,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<"left" | "center" | "right">;
         default: string;
     };
+    padding: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     alignment: {
         type: PropType<"left" | "center" | "right">;
         default: string;
     };
+    padding: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
+    padding: string;
     alignment: "left" | "center" | "right";
 }, {}>, {
     default?(_: {}): any;

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

@@ -1,12 +1,12 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     padding: {
         type: StringConstructor;
-        default: undefined;
+        default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     padding: {
         type: StringConstructor;
-        default: undefined;
+        default: string;
     };
 }>>, {
     padding: string;

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

@@ -1,4 +1,16 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    padding: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    padding: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    padding: string;
+}, {}>, {
     default?(_: {}): any;
     actions?(_: {}): any;
 }>;

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

@@ -0,0 +1,62 @@
+export interface FmDialogProps {
+    modelValue: boolean;
+    overlay?: boolean;
+    minWidth?: number;
+    closeButton?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    overlay: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    minWidth: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    closeButton: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
+    overlay: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    minWidth: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    closeButton: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}, {
+    modelValue: boolean;
+    overlay: boolean;
+    minWidth: number;
+    closeButton: boolean;
+}, {}>, {
+    "dialog-header"?(_: {}): any;
+    "dialog-content"?(_: {}): any;
+    "dialog-footer"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/field/FmField.vue.d.ts

@@ -10,19 +10,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    leadingIcon: {
+    iconColor: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    trailingIcon: {
+    leadingIcon: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    activeClass: {
+    trailingIcon: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    iconColor: {
+    activeClass: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -31,28 +31,28 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    leadingIcon: {
+    iconColor: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    trailingIcon: {
+    leadingIcon: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    activeClass: {
+    trailingIcon: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    iconColor: {
+    activeClass: {
         type: import("vue").PropType<string>;
         default: string;
     };
 }>>, {
     disabled: boolean;
+    iconColor: string;
     leadingIcon: string;
     trailingIcon: string;
     activeClass: string;
-    iconColor: string;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/components/form/form/FmForm.vue.d.ts

@@ -0,0 +1,18 @@
+export interface FormParentProvider {
+    register: ({ validate, resetValidation, resetValue }: RegisteredComponent) => number;
+    unregister: (componentId: number) => void;
+}
+export interface RegisteredComponent {
+    validate: () => string[];
+    resetValidation: () => void;
+    resetValue: (cb?: () => void) => void;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/radio/FmRadio.vue.d.ts

@@ -1,5 +1,5 @@
 export interface FmRadio {
-    modelValue: string;
+    modelValue?: any | null;
     value: string;
     label?: string;
     sublabel?: string;
@@ -15,8 +15,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     modelValue: {
-        type: import("vue").PropType<string>;
-        required: true;
+        type: import("vue").PropType<any>;
+        default: null;
     };
     sublabel: {
         type: import("vue").PropType<string>;
@@ -38,8 +38,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     modelValue: {
-        type: import("vue").PropType<string>;
-        required: true;
+        type: import("vue").PropType<any>;
+        default: null;
     };
     sublabel: {
         type: import("vue").PropType<string>;
@@ -54,6 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     label: string;
     disabled: boolean;
+    modelValue: any;
     sublabel: string;
 }, {}>, {
     label?(_: {}): any;

package/dist/components/form/radio-group/FmRadioGroup.vue.d.ts

@@ -0,0 +1,80 @@
+import { type FormChildProps } from '@/composables/useFormChild';
+export interface RadioGroupProvider {
+    groupValue: any;
+    getDisabled: () => boolean;
+    register: (cb: () => void) => void;
+    updateValue: (newValue: any) => void;
+}
+export interface FmRadioGroup extends FormChildProps {
+    modelValue: any;
+    inline?: boolean;
+    helperText?: string;
+    disabled?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+    inline: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    helperText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rules: {
+        type: import("vue").PropType<import("@/composables/useValidation").ValidationRule[]>;
+        default: () => ((val: any) => true | "This field is required")[];
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+    inline: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    helperText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rules: {
+        type: import("vue").PropType<import("@/composables/useValidation").ValidationRule[]>;
+        default: () => ((val: any) => true | "This field is required")[];
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}, {
+    disabled: boolean;
+    inline: boolean;
+    helperText: string;
+    rules: import("@/composables/useValidation").ValidationRule[];
+}, {}>, {
+    default?(_: {}): any;
+    "helper-text"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/stepper-field/FmStepperField.vue.d.ts

@@ -1,4 +1,4 @@
-import { type ValidationRule } from '../../../composables/validation';
+import { type ValidationRule } from '../../../composables/useValidation';
 export interface FmStepperFieldProps {
     label?: string;
     modelValue: number | null;
@@ -12,10 +12,14 @@ export interface FmStepperFieldProps {
     min?: number;
     max: number;
     leadingIcon?: string;
+    trailingIcon?: string;
     useGrouping?: boolean;
     isCurrency?: boolean;
     showSteppers?: boolean;
     rules?: ValidationRule[];
+    showValidBorder?: boolean;
+    prependText?: string;
+    appendText?: string;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     required: {
@@ -44,7 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    placeholder: {
+    trailingIcon: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -52,6 +56,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    rules: {
+        type: import("vue").PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     inputmode: {
         type: import("vue").PropType<"numeric" | "decimal">;
         default: string;
@@ -75,9 +87,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    rules: {
-        type: import("vue").PropType<ValidationRule[]>;
-        default: () => never[];
+    showValidBorder: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    prependText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    appendText: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
@@ -108,7 +128,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    placeholder: {
+    trailingIcon: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -116,6 +136,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    rules: {
+        type: import("vue").PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     inputmode: {
         type: import("vue").PropType<"numeric" | "decimal">;
         default: string;
@@ -139,9 +167,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    rules: {
-        type: import("vue").PropType<ValidationRule[]>;
-        default: () => never[];
+    showValidBorder: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    prependText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    appendText: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -149,16 +185,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: string;
     min: number;
     leadingIcon: string;
-    placeholder: string;
+    trailingIcon: string;
     helperText: string;
+    rules: ValidationRule[];
+    placeholder: string;
     inputmode: "numeric" | "decimal";
     step: number;
     useGrouping: boolean;
     isCurrency: boolean;
     showSteppers: boolean;
-    rules: ValidationRule[];
+    showValidBorder: boolean;
+    prependText: string;
+    appendText: string;
 }, {}>, {
     label?(_: {}): any;
+    prepend?(_: {}): any;
+    append?(_: {}): any;
     "helper-text"?(_: {}): any;
 }>;
 export default _default;