@flitsmeister/design-system 3.0.2 → 3.1.0

package/dist/vue/fm-button.d.ts

@@ -0,0 +1,164 @@
+import { type PropType } from 'vue';
+import '../fm-button/fm-button.js';
+import type { ButtonType, ButtonVariant, IconPosition, Role, Size } from '../fm-button/fm-button-core.js';
+import type { IconVariant } from '../fm-icon/icon-registry.generated.js';
+export declare const FmButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    type: {
+        type: PropType<ButtonType>;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    href: {
+        type: StringConstructor;
+        default: string;
+    };
+    target: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+    role: {
+        type: PropType<Role>;
+        default: string;
+    };
+    buttontype: {
+        type: PropType<ButtonVariant>;
+        default: string;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconVariant: {
+        type: PropType<IconVariant>;
+        default: string;
+    };
+    iconPosition: {
+        type: PropType<IconPosition>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    success: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    errorRetryLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    customClasses: {
+        type: StringConstructor;
+        default: string;
+    };
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: PropType<ButtonType>;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    href: {
+        type: StringConstructor;
+        default: string;
+    };
+    target: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: PropType<Size>;
+        default: string;
+    };
+    role: {
+        type: PropType<Role>;
+        default: string;
+    };
+    buttontype: {
+        type: PropType<ButtonVariant>;
+        default: string;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconVariant: {
+        type: PropType<IconVariant>;
+        default: string;
+    };
+    iconPosition: {
+        type: PropType<IconPosition>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    success: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    errorRetryLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    customClasses: {
+        type: StringConstructor;
+        default: string;
+    };
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    success: boolean;
+    type: ButtonType;
+    size: Size;
+    role: Role;
+    buttontype: ButtonVariant;
+    loading: boolean;
+    error: boolean;
+    customClasses: string;
+    title: string;
+    href: string;
+    target: string;
+    icon: string;
+    iconVariant: "bold" | "filled" | "stroke" | "duotone";
+    iconPosition: IconPosition;
+    disabled: boolean;
+    errorRetryLabel: string;
+    fullWidth: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=fm-button.d.ts.map

package/dist/vue/fm-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-button.d.ts","sourceRoot":"","sources":["../../src/vue/fm-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AAC9D,OAAO,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,UAAU,EACV,aAAa,EACb,YAAY,EACZ,IAAI,EACJ,IAAI,EACL,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAA;AAGxE,eAAO,MAAM,QAAQ;;cAIO,QAAQ,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;cAIpB,QAAQ,CAAC,IAAI,CAAC;;;;cACd,QAAQ,CAAC,IAAI,CAAC;;;;cACR,QAAQ,CAAC,aAAa,CAAC;;;;;;;;cAEtB,QAAQ,CAAC,WAAW,CAAC;;;;cACpB,QAAQ,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAT9B,QAAQ,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;cAIpB,QAAQ,CAAC,IAAI,CAAC;;;;cACd,QAAQ,CAAC,IAAI,CAAC;;;;cACR,QAAQ,CAAC,aAAa,CAAC;;;;;;;;cAEtB,QAAQ,CAAC,WAAW,CAAC;;;;cACpB,QAAQ,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAyDxD,CAAA"}

package/dist/vue/fm-button.js

@@ -0,0 +1,67 @@
+import { defineComponent, h, watch } from 'vue';
+import '../fm-button/fm-button.js';
+import { boolAttr, callHandler } from './ce.js';
+export const FmButton = defineComponent({
+    name: 'FmButton',
+    inheritAttrs: false,
+    props: {
+        type: { type: String, default: 'button' },
+        title: { type: String, default: '' },
+        href: { type: String, default: '/' },
+        target: { type: String, default: '_self' },
+        size: { type: String, default: 'md' },
+        role: { type: String, default: 'strong' },
+        buttontype: { type: String, default: 'filled' },
+        icon: { type: String, default: '' },
+        iconVariant: { type: String, default: 'bold' },
+        iconPosition: { type: String, default: 'prepend' },
+        disabled: { type: Boolean, default: false },
+        loading: { type: Boolean, default: false },
+        error: { type: Boolean, default: false },
+        success: { type: Boolean, default: false },
+        errorRetryLabel: { type: String, default: '' },
+        customClasses: { type: String, default: '' },
+        fullWidth: { type: Boolean, default: false }
+    },
+    setup(props, { slots, attrs }) {
+        watch(() => props.icon, (icon) => {
+            if (icon)
+                void import('../fm-icon/all.js');
+        }, { immediate: true });
+        const handleClick = (event) => {
+            callHandler(attrs.onClick, event);
+            if (props.disabled || props.loading || event.defaultPrevented)
+                return;
+            const host = event.currentTarget;
+            const form = host?.closest('form');
+            if (!form)
+                return;
+            if (props.type === 'submit')
+                form.requestSubmit();
+            else if (props.type === 'reset')
+                form.reset();
+        };
+        return () => h('fm-button', {
+            ...attrs,
+            type: props.type,
+            title: props.title,
+            href: props.href,
+            target: props.target,
+            size: props.size,
+            role: props.role,
+            buttontype: props.buttontype,
+            icon: props.icon,
+            'icon-variant': props.iconVariant,
+            'icon-position': props.iconPosition,
+            disabled: boolAttr(props.disabled),
+            loading: boolAttr(props.loading),
+            error: boolAttr(props.error),
+            success: boolAttr(props.success),
+            'error-retry-label': props.errorRetryLabel,
+            'custom-classes': props.customClasses,
+            'full-width': boolAttr(props.fullWidth),
+            onClick: handleClick
+        }, slots.default?.());
+    }
+});
+//# sourceMappingURL=fm-button.js.map

package/dist/vue/fm-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-button.js","sourceRoot":"","sources":["../../src/vue/fm-button.ts"],"names":[],"mappings":"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"}

package/dist/vue/fm-dropdown.d.ts

@@ -0,0 +1,65 @@
+import '../fm-dropdown/fm-dropdown.js';
+export declare const FmDropdown: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    grayBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("fm-dropdown" | "update:modelValue")[], "fm-dropdown" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    grayBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onFm-dropdown"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    name: string;
+    disabled: boolean;
+    placeholder: string;
+    value: string;
+    grayBorder: boolean;
+    modelValue: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=fm-dropdown.d.ts.map

package/dist/vue/fm-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-dropdown.d.ts","sourceRoot":"","sources":["../../src/vue/fm-dropdown.ts"],"names":[],"mappings":"AACA,OAAO,+BAA+B,CAAA;AAKtC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA4CrB,CAAA"}

package/dist/vue/fm-dropdown.js

@@ -0,0 +1,40 @@
+import { defineComponent, h, onMounted, onUpdated, ref } from 'vue';
+import '../fm-dropdown/fm-dropdown.js';
+import { assignOptionsSlot } from '../ce/dom.js';
+import { boolAttr } from './ce.js';
+export const FmDropdown = defineComponent({
+    name: 'FmDropdown',
+    inheritAttrs: false,
+    props: {
+        modelValue: { type: String, default: undefined },
+        value: { type: String, default: undefined },
+        name: { type: String, default: '' },
+        placeholder: { type: String, default: '' },
+        disabled: { type: Boolean, default: false },
+        grayBorder: { type: Boolean, default: false }
+    },
+    emits: ['update:modelValue', 'fm-dropdown'],
+    setup(props, { emit, slots, attrs }) {
+        const elRef = ref(null);
+        const currentValue = () => props.modelValue ?? props.value ?? '';
+        const syncOptionSlots = () => assignOptionsSlot(elRef.value);
+        onMounted(syncOptionSlots);
+        onUpdated(syncOptionSlots);
+        const handleChange = (event) => {
+            const customEvent = event;
+            emit('update:modelValue', customEvent.detail.value);
+            emit('fm-dropdown', customEvent);
+        };
+        return () => h('fm-dropdown', {
+            ...attrs,
+            ref: elRef,
+            name: props.name,
+            value: currentValue(),
+            placeholder: props.placeholder,
+            disabled: boolAttr(props.disabled),
+            'gray-border': boolAttr(props.grayBorder),
+            onFmDropdown: handleChange
+        }, slots.default?.());
+    }
+});
+//# sourceMappingURL=fm-dropdown.js.map

package/dist/vue/fm-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-dropdown.js","sourceRoot":"","sources":["../../src/vue/fm-dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACnE,OAAO,+BAA+B,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAElC,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,YAAY;IAClB,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAChD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;QACnC,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;QAC1C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;KAC9C;IACD,KAAK,EAAE,CAAC,mBAAmB,EAAE,aAAa,CAAC;IAC3C,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;QACjC,MAAM,KAAK,GAAG,GAAG,CAA2B,IAAI,CAAC,CAAA;QAEjD,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,CAAA;QAEhE,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QAE5D,SAAS,CAAC,eAAe,CAAC,CAAA;QAC1B,SAAS,CAAC,eAAe,CAAC,CAAA;QAE1B,MAAM,YAAY,GAAG,CAAC,KAAY,EAAE,EAAE;YACpC,MAAM,WAAW,GAAG,KAAuC,CAAA;YAC3D,IAAI,CAAC,mBAAmB,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACnD,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,CAAA;QAClC,CAAC,CAAA;QAED,OAAO,GAAG,EAAE,CACV,CAAC,CACC,aAAa,EACb;YACE,GAAG,KAAK;YACR,GAAG,EAAE,KAAK;YACV,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,KAAK,EAAE,YAAY,EAAE;YACrB,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC;YAClC,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC;YACzC,YAAY,EAAE,YAAY;SAC3B,EACD,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAA;IACL,CAAC;CACF,CAAC,CAAA"}

package/dist/vue/fm-input.d.ts

@@ -0,0 +1,150 @@
+import { type PropType } from 'vue';
+import '../fm-input/fm-input.js';
+import type { ValidationRule } from '../fm-input/fm-input.js';
+type InputType = 'text' | 'search' | 'email' | 'number' | 'password' | 'tel';
+export type FmInputExpose = {
+    validate: () => void;
+};
+export declare const FmInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    type: {
+        type: PropType<InputType>;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    rules: {
+        type: PropType<ValidationRule[]>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    grayBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxLength: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    letterSpacing: {
+        type: NumberConstructor;
+        default: number;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Shadow-only class on `.inputgroup`; not a Tailwind API. Prefer host `class` for layout. */
+    customClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Shadow-only class on `<input>`; not a Tailwind API. Prefer host `class` for layout. */
+    inputClass: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("fm-input" | "fm-focus" | "fm-blur" | "update:modelValue")[], "fm-input" | "fm-focus" | "fm-blur" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    type: {
+        type: PropType<InputType>;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    rules: {
+        type: PropType<ValidationRule[]>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    grayBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxLength: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    letterSpacing: {
+        type: NumberConstructor;
+        default: number;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Shadow-only class on `.inputgroup`; not a Tailwind API. Prefer host `class` for layout. */
+    customClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Shadow-only class on `<input>`; not a Tailwind API. Prefer host `class` for layout. */
+    inputClass: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onFm-input"?: ((...args: any[]) => any) | undefined;
+    "onFm-focus"?: ((...args: any[]) => any) | undefined;
+    "onFm-blur"?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: InputType;
+    loading: boolean;
+    disabled: boolean;
+    placeholder: string;
+    value: string;
+    rules: ValidationRule[];
+    readonly: boolean;
+    grayBorder: boolean;
+    maxLength: number | null;
+    letterSpacing: number;
+    autocomplete: string;
+    customClass: string;
+    inputClass: string;
+    modelValue: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export {};
+//# sourceMappingURL=fm-input.d.ts.map

package/dist/vue/fm-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-input.d.ts","sourceRoot":"","sources":["../../src/vue/fm-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnE,OAAO,yBAAyB,CAAA;AAChC,OAAO,KAAK,EAA6B,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAIxF,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAA;AAE5E,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;;;;cAMQ,QAAQ,CAAC,SAAS,CAAC;;;;;;;;cAEnB,QAAQ,CAAC,cAAc,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;cAKrB,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;;;;;;;IAGpD,8FAA8F;;;;;IAE9F,0FAA0F;;;;;;;;;;;;;;;;;cAZlE,QAAQ,CAAC,SAAS,CAAC;;;;;;;;cAEnB,QAAQ,CAAC,cAAc,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;cAKrB,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;;;;;;;IAGpD,8FAA8F;;;;;IAE9F,0FAA0F;;;;;;;;;;;;;;;;;;;;;;;;;4EA8E5F,CAAA"}

package/dist/vue/fm-input.js

@@ -0,0 +1,93 @@
+import { defineComponent, h, ref, watch } from 'vue';
+import '../fm-input/fm-input.js';
+import { boolAttr, callHandler } from './ce.js';
+import { requestImplicitFormSubmit } from '../ce/implicit-form-submit.js';
+export const FmInput = defineComponent({
+    name: 'FmInput',
+    inheritAttrs: false,
+    props: {
+        modelValue: { type: String, default: undefined },
+        value: { type: String, default: undefined },
+        type: { type: String, default: 'text' },
+        placeholder: { type: String, default: '' },
+        rules: { type: Array, default: undefined },
+        disabled: { type: Boolean, default: false },
+        readonly: { type: Boolean, default: false },
+        loading: { type: Boolean, default: false },
+        grayBorder: { type: Boolean, default: false },
+        maxLength: { type: Number, default: null },
+        letterSpacing: { type: Number, default: 0 },
+        autocomplete: { type: String, default: '' },
+        /** Shadow-only class on `.inputgroup`; not a Tailwind API. Prefer host `class` for layout. */
+        customClass: { type: String, default: '' },
+        /** Shadow-only class on `<input>`; not a Tailwind API. Prefer host `class` for layout. */
+        inputClass: { type: String, default: '' }
+    },
+    emits: ['update:modelValue', 'fm-input', 'fm-focus', 'fm-blur'],
+    setup(props, { emit, expose, attrs }) {
+        const elRef = ref(null);
+        const currentValue = () => props.modelValue ?? props.value ?? '';
+        const syncRules = () => {
+            const apply = (el) => {
+                if (el && props.rules !== undefined)
+                    el.rules = props.rules;
+            };
+            const el = elRef.value;
+            if (el && typeof el.validate === 'function') {
+                apply(el);
+                return;
+            }
+            void customElements.whenDefined('fm-input').then(() => apply(elRef.value));
+        };
+        watch(() => props.rules, syncRules, { immediate: true });
+        const validate = () => {
+            const el = elRef.value;
+            if (el && typeof el.validate === 'function') {
+                el.validate();
+                return;
+            }
+            void customElements.whenDefined('fm-input').then(() => {
+                elRef.value?.validate?.();
+            });
+        };
+        expose({ validate });
+        const handleInput = (event) => {
+            const customEvent = event;
+            emit('update:modelValue', customEvent.detail.value);
+            emit('fm-input', customEvent);
+        };
+        const handleKeydown = (event) => {
+            callHandler(attrs.onKeydown ?? attrs.onKeyDown, event);
+            const keyboardEvent = event;
+            if (keyboardEvent.key !== 'Enter' || props.disabled || props.readonly || props.loading)
+                return;
+            const host = keyboardEvent.currentTarget;
+            const form = host?.closest('form');
+            if (!form)
+                return;
+            keyboardEvent.preventDefault();
+            requestImplicitFormSubmit(form);
+        };
+        return () => h('fm-input', {
+            ...attrs,
+            ref: elRef,
+            type: props.type,
+            placeholder: props.placeholder,
+            value: currentValue(),
+            disabled: boolAttr(props.disabled),
+            readonly: boolAttr(props.readonly),
+            loading: boolAttr(props.loading),
+            'gray-border': boolAttr(props.grayBorder),
+            'max-length': props.maxLength ?? undefined,
+            'letter-spacing': props.letterSpacing,
+            autocomplete: props.autocomplete,
+            'custom-class': props.customClass,
+            'input-class': props.inputClass,
+            onFmInput: handleInput,
+            onFmFocus: (event) => emit('fm-focus', event),
+            onFmBlur: (event) => emit('fm-blur', event),
+            onKeydown: handleKeydown
+        });
+    }
+});
+//# sourceMappingURL=fm-input.js.map

package/dist/vue/fm-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fm-input.js","sourceRoot":"","sources":["../../src/vue/fm-input.ts"],"names":[],"mappings":"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"}

package/dist/vue/index.d.ts

@@ -0,0 +1,6 @@
+export { FmButton } from './fm-button.js';
+export { FmInput } from './fm-input.js';
+export type { FmInputExpose } from './fm-input.js';
+export type { ValidationRule } from '../fm-input/fm-input.js';
+export { FmDropdown } from './fm-dropdown.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/vue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAClD,YAAY,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/vue/index.js

@@ -0,0 +1,4 @@
+export { FmButton } from './fm-button.js';
+export { FmInput } from './fm-input.js';
+export { FmDropdown } from './fm-dropdown.js';
+//# sourceMappingURL=index.js.map

package/dist/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA"}

package/icons/bold/add.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9998 4C12.9662 4 13.7496 4.7834 13.7497 5.74979L13.7498 10.2501L18.2501 10.25C19.2165 10.2499 20 11.0334 20 11.9998C20 12.9662 19.2166 13.7496 18.2502 13.7496L13.7498 13.7497L13.7499 18.2501C13.75 19.2165 12.9665 20 12.0001 20C11.0338 20 10.2503 19.2166 10.2503 18.2502L10.2502 13.7498L5.74986 13.7499C4.78345 13.7499 4.00002 12.9665 4 12.0001C3.99998 11.0337 4.78338 10.2503 5.74978 10.2502L10.2501 10.2501L10.25 5.74987C10.25 4.78345 11.0334 4 11.9998 4Z" fill="#161616"/>
+</svg>

package/icons/bold/check.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.4723 13.8673L6.11191 10.5072C5.42847 9.82379 4.32046 9.82381 3.63706 10.5072C2.95364 11.1907 2.95366 12.2987 3.63712 12.9821L8.23345 17.5781C8.74794 18.0926 9.50305 18.2198 10.1365 17.9596C10.3461 17.8742 10.5425 17.7465 10.7126 17.5764L19.5514 8.7371C20.2347 8.05374 20.2347 6.94582 19.5514 6.26249C18.868 5.57915 17.7601 5.57917 17.0767 6.26254L9.4723 13.8673Z" fill="#161616"/>
+</svg>

package/icons/bold/checkbox-checked.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12.0001 18.5C15.5899 18.5 18.5001 15.5899 18.5001 12C18.5001 8.41018 15.5899 5.50003 12.0001 5.50003C8.41021 5.50003 5.50007 8.41018 5.50007 12C5.50007 15.5899 8.41021 18.5 12.0001 18.5Z" fill="#161616"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8728 12.2889L9.98737 11.4036C9.30394 10.7202 8.19595 10.7203 7.51256 11.4037C6.82912 12.0871 6.82915 13.1952 7.51263 13.8786L9.63404 15.9998C10.1512 16.5169 10.9115 16.6427 11.5469 16.3772C11.7528 16.2918 11.9457 16.1654 12.1132 15.9979L16.3559 11.7549C17.0392 11.0715 17.0391 9.96365 16.3558 9.28032C15.6724 8.59697 14.5645 8.59699 13.8812 9.28038L10.8728 12.2889Z" fill="#161616"/>
+</svg>

package/icons/bold/checkbox-unchecked.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12.0001 18.5C15.5899 18.5 18.5001 15.5899 18.5001 12C18.5001 8.41018 15.5899 5.50003 12.0001 5.50003C8.41021 5.50003 5.50007 8.41018 5.50007 12C5.50007 15.5899 8.41021 18.5 12.0001 18.5Z" fill="#161616"/>
+</svg>

package/icons/bold/chevron-backward.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.7656 3.01261C12.0822 2.32919 10.9742 2.32919 10.2907 3.01261L2.51256 10.7908C2.50722 10.7961 2.50193 10.8015 2.49667 10.8069C2.45988 10.8446 2.42513 10.8836 2.39243 10.9237C2.05606 11.3361 1.93593 11.8661 2.03204 12.3625C2.09611 12.6934 2.25628 13.0094 2.51256 13.2657L10.2907 21.0438C10.9742 21.7273 12.0822 21.7273 12.7656 21.0438C13.449 20.3604 13.449 19.2524 12.7656 18.569L6.22487 12.0282L12.7656 5.48748C13.449 4.80406 13.449 3.69603 12.7656 3.01261Z" fill="#161616"/>
+</svg>