finso-vue-components 0.2.0 → 0.4.0

package/dist/components/FAutocomplete/FAutocomplete.vue.d.ts

@@ -0,0 +1,33 @@
+import { type GenericValidateFunction } from 'vee-validate';
+export interface FAutocompleteProps {
+    name: string;
+    items?: any[];
+    rounded?: string;
+    variant?: 'outlined' | 'plain' | 'underlined' | 'filled';
+    density?: 'default' | 'comfortable' | 'compact';
+    color?: string;
+    clearable?: boolean;
+    hideDetails?: boolean | 'auto';
+    returnObject?: boolean;
+    noDataText?: string;
+    modelValue?: any;
+    rules?: string | GenericValidateFunction<any>;
+}
+declare const _default: import("vue").DefineComponent<FAutocompleteProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<FAutocompleteProps> & Readonly<{
+    onChange?: ((value: any) => any) | undefined;
+}>, {
+    color: string;
+    rounded: string;
+    density: "default" | "comfortable" | "compact";
+    variant: "outlined" | "plain" | "underlined" | "filled";
+    clearable: boolean;
+    hideDetails: boolean | "auto";
+    modelValue: any;
+    rules: string | GenericValidateFunction<any>;
+    items: any[];
+    returnObject: boolean;
+    noDataText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/FAutocomplete/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FAutocomplete } from './FAutocomplete.vue';
+export type { FAutocompleteProps } from './FAutocomplete.vue';

package/dist/components/FButton/FButton.vue.d.ts

@@ -1,31 +1,9 @@
 export interface FButtonProps {
-    variant?: 'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain';
     color?: string;
-    size?: 'x-small' | 'small' | 'default' | 'large' | 'x-large';
     rounded?: string | number | boolean;
-    loading?: boolean;
-    disabled?: boolean;
 }
-declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {};
-type __VLS_Slots = {} & {
-    prepend?: (props: typeof __VLS_6) => any;
-} & {
-    default?: (props: typeof __VLS_8) => any;
-} & {
-    append?: (props: typeof __VLS_10) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<FButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FButtonProps> & Readonly<{}>, {
-    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+declare const _default: import("vue").DefineComponent<FButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FButtonProps> & Readonly<{}>, {
     color: string;
-    size: "x-small" | "small" | "default" | "large" | "x-large";
     rounded: string | number | boolean;
-    loading: boolean;
-    disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/FCheckbox/FCheckbox.vue.d.ts

@@ -0,0 +1,13 @@
+export interface FCheckboxProps {
+    color?: string;
+    hideDetails?: boolean | 'auto';
+    indeterminate?: boolean;
+    density?: 'default' | 'comfortable' | 'compact';
+}
+declare const _default: import("vue").DefineComponent<FCheckboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FCheckboxProps> & Readonly<{}>, {
+    color: string;
+    density: "default" | "comfortable" | "compact";
+    hideDetails: boolean | "auto";
+    indeterminate: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/FCheckbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FCheckbox } from './FCheckbox.vue';
+export type { FCheckboxProps } from './FCheckbox.vue';

package/dist/components/FCurrencyField/FCurrencyField.vue.d.ts

@@ -0,0 +1,31 @@
+import { type GenericValidateFunction } from 'vee-validate';
+export interface FCurrencyFieldProps {
+    name: string;
+    label?: string;
+    readonly?: boolean;
+    hideDetails?: boolean | 'auto';
+    rounded?: string;
+    variant?: 'outlined' | 'plain' | 'underlined' | 'filled';
+    density?: 'default' | 'comfortable' | 'compact';
+    color?: string;
+    locale?: string;
+    currency?: string;
+    precision?: number;
+    modelValue?: number | null;
+    rules?: string | GenericValidateFunction<number | null>;
+}
+declare const _default: import("vue").DefineComponent<FCurrencyFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FCurrencyFieldProps> & Readonly<{}>, {
+    color: string;
+    rounded: string;
+    density: "default" | "comfortable" | "compact";
+    variant: "outlined" | "plain" | "underlined" | "filled";
+    readonly: boolean;
+    hideDetails: boolean | "auto";
+    modelValue: number | null;
+    rules: string | GenericValidateFunction<number | null>;
+    label: string;
+    locale: string;
+    currency: string;
+    precision: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/FCurrencyField/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FCurrencyField } from './FCurrencyField.vue';
+export type { FCurrencyFieldProps } from './FCurrencyField.vue';

package/dist/components/FDataTable/FDataTable.vue.d.ts

@@ -19,8 +19,8 @@ type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_7>]?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<FDataTableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FDataTableProps> & Readonly<{}>, {
-    loading: boolean;
     density: "default" | "comfortable" | "compact";
+    loading: boolean;
     search: string;
     itemsPerPage: number;
     hover: boolean;

package/dist/components/FNumberField/FNumberField.vue.d.ts

@@ -0,0 +1,39 @@
+import { type GenericValidateFunction } from 'vee-validate';
+export interface FNumberFieldProps {
+    name: string;
+    rounded?: string;
+    variant?: 'outlined' | 'plain' | 'underlined' | 'filled';
+    density?: 'default' | 'comfortable' | 'compact';
+    controlVariant?: 'default' | 'stacked' | 'split';
+    color?: string;
+    label?: string;
+    placeholder?: string;
+    prefix?: string;
+    hideDetails?: boolean | 'auto';
+    disabled?: boolean;
+    readonly?: boolean;
+    min?: number;
+    precision?: number;
+    inset?: boolean;
+    modelValue?: number;
+    rules?: string | GenericValidateFunction<any>;
+}
+declare const _default: import("vue").DefineComponent<FNumberFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FNumberFieldProps> & Readonly<{}>, {
+    color: string;
+    rounded: string;
+    density: "default" | "comfortable" | "compact";
+    variant: "outlined" | "plain" | "underlined" | "filled";
+    disabled: boolean;
+    readonly: boolean;
+    placeholder: string;
+    hideDetails: boolean | "auto";
+    modelValue: number;
+    rules: string | GenericValidateFunction<any>;
+    label: string;
+    prefix: string;
+    min: number;
+    precision: number;
+    controlVariant: "default" | "stacked" | "split";
+    inset: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/FNumberField/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FNumberField } from './FNumberField.vue';
+export type { FNumberFieldProps } from './FNumberField.vue';

package/dist/components/FSelect/FSelect.vue.d.ts

@@ -0,0 +1,25 @@
+import { type GenericValidateFunction } from 'vee-validate';
+export interface FSelectProps {
+    name: string;
+    items?: any[];
+    rounded?: string;
+    variant?: 'outlined' | 'plain' | 'underlined' | 'filled';
+    density?: 'default' | 'comfortable' | 'compact';
+    color?: string;
+    hideDetails?: boolean | 'auto';
+    returnObject?: boolean;
+    modelValue?: any;
+    rules?: string | GenericValidateFunction<any>;
+}
+declare const _default: import("vue").DefineComponent<FSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FSelectProps> & Readonly<{}>, {
+    color: string;
+    rounded: string;
+    density: "default" | "comfortable" | "compact";
+    variant: "outlined" | "plain" | "underlined" | "filled";
+    hideDetails: boolean | "auto";
+    modelValue: any;
+    rules: string | GenericValidateFunction<any>;
+    items: any[];
+    returnObject: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/FSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FSelect } from './FSelect.vue';
+export type { FSelectProps } from './FSelect.vue';

package/dist/components/FSwitch/FSwitch.vue.d.ts

@@ -0,0 +1,23 @@
+export interface FSwitchProps {
+    color?: string;
+    density?: 'default' | 'comfortable' | 'compact';
+    hideDetails?: boolean | 'auto';
+    labelTrue?: string;
+    labelFalse?: string;
+}
+type __VLS_Props = FSwitchProps;
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+}>, {
+    color: string;
+    density: "default" | "comfortable" | "compact";
+    hideDetails: boolean | "auto";
+    labelTrue: string;
+    labelFalse: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/FSwitch/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FSwitch } from './FSwitch.vue';
+export type { FSwitchProps } from './FSwitch.vue';

package/dist/components/FTextField/FTextField.vue.d.ts

@@ -12,25 +12,15 @@ export interface FTextFieldProps {
     modelValue?: string;
     rules?: string | GenericValidateFunction<string>;
 }
-declare var __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {};
-type __VLS_Slots = {} & {
-    prepend?: (props: typeof __VLS_10) => any;
-} & {
-    'prepend-inner'?: (props: typeof __VLS_12) => any;
-} & {
-    'append-inner'?: (props: typeof __VLS_14) => any;
-} & {
-    append?: (props: typeof __VLS_16) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<FTextFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<FTextFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clickAppendInner: () => any;
 }, string, import("vue").PublicProps, Readonly<FTextFieldProps> & Readonly<{
     onClickAppendInner?: (() => any) | undefined;
 }>, {
-    variant: "outlined" | "plain" | "underlined" | "filled" | "solo" | "solo-inverted" | "solo-filled";
     color: string;
     rounded: string;
     density: "default" | "comfortable" | "compact";
+    variant: "outlined" | "plain" | "underlined" | "filled" | "solo" | "solo-inverted" | "solo-filled";
     clearable: boolean;
     hideDetails: boolean | "auto";
     appendInnerIcon: string;
@@ -38,10 +28,4 @@ declare const __VLS_component: import("vue").DefineComponent<FTextFieldProps, {}
     modelValue: string;
     rules: string | GenericValidateFunction<string>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/FTextarea/FTextarea.vue.d.ts

@@ -0,0 +1,27 @@
+import { type GenericValidateFunction } from 'vee-validate';
+export interface FTextareaProps {
+    name: string;
+    rounded?: string;
+    variant?: 'outlined' | 'plain' | 'underlined' | 'filled';
+    density?: 'default' | 'comfortable' | 'compact';
+    color?: string;
+    label?: string;
+    hideDetails?: boolean | 'auto';
+    noResize?: boolean;
+    rows?: string | number;
+    modelValue?: string;
+    rules?: string | GenericValidateFunction<string>;
+}
+declare const _default: import("vue").DefineComponent<FTextareaProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FTextareaProps> & Readonly<{}>, {
+    color: string;
+    rounded: string;
+    density: "default" | "comfortable" | "compact";
+    variant: "outlined" | "plain" | "underlined" | "filled";
+    hideDetails: boolean | "auto";
+    modelValue: string;
+    rules: string | GenericValidateFunction<string>;
+    label: string;
+    noResize: boolean;
+    rows: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/FTextarea/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FTextarea } from './FTextarea.vue';
+export type { FTextareaProps } from './FTextarea.vue';

package/dist/finso-vue-components.js

@@ -1,50 +1,24 @@
-import { defineComponent as i, openBlock as u, createBlock as p, unref as o, mergeProps as m, createSlots as f, withCtx as t, renderSlot as l, computed as v, withDirectives as g, isRef as $, renderList as h, normalizeProps as F, guardReactiveProps as b } from "vue";
-import { VBtn as k, VTextField as B, VDataTable as T } from "vuetify/components";
-import { vMaska as V } from "maska/vue";
-import { useField as D } from "vee-validate";
-const I = /* @__PURE__ */ i({
-  name: "FButton",
-  inheritAttrs: !1,
+import { defineComponent as c, resolveComponent as M, openBlock as i, createBlock as m, computed as y, withDirectives as k, unref as o, mergeProps as p, isRef as g, createSlots as D, renderList as A, withCtx as x, renderSlot as w, normalizeProps as C, guardReactiveProps as N, ref as R, watch as B, useModel as I, createElementBlock as S, toDisplayString as _, mergeModels as j } from "vue";
+import { VTextField as T, VDataTable as P, VTextarea as U, VAutocomplete as z, VCheckbox as O, VSelect as E, VNumberInput as L, VSwitch as Y } from "vuetify/components";
+import { vMaska as q } from "maska/vue";
+import { useField as v } from "vee-validate";
+const G = /* @__PURE__ */ c({
   __name: "FButton",
   props: {
-    variant: { default: "flat" },
     color: { default: "primary" },
-    size: { default: "default" },
-    rounded: { type: [String, Number, Boolean], default: "lg" },
-    loading: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 }
+    rounded: { type: [String, Number, Boolean], default: "lg" }
   },
-  setup(n) {
-    return (e, s) => (u(), p(o(k), m(e.$attrs, {
-      variant: n.variant,
-      color: n.color,
-      size: n.size,
-      rounded: n.rounded,
-      loading: n.loading,
-      disabled: n.disabled
-    }), f({
-      default: t(() => [
-        l(e.$slots, "default")
-      ]),
-      _: 2
-    }, [
-      e.$slots.prepend ? {
-        name: "prepend",
-        fn: t(() => [
-          l(e.$slots, "prepend")
-        ]),
-        key: "0"
-      } : void 0,
-      e.$slots.append ? {
-        name: "append",
-        fn: t(() => [
-          l(e.$slots, "append")
-        ]),
-        key: "1"
-      } : void 0
-    ]), 1040, ["variant", "color", "size", "rounded", "loading", "disabled"]));
+  setup(t) {
+    const e = t;
+    return (r, l) => {
+      const a = M("v-btn");
+      return i(), m(a, {
+        color: e.color,
+        rounded: e.rounded
+      }, null, 8, ["color", "rounded"]);
+    };
   }
-}), P = /* @__PURE__ */ i({
+}), H = /* @__PURE__ */ c({
   name: "FTextField",
   inheritAttrs: !1,
   __name: "FTextField",
@@ -62,14 +36,14 @@ const I = /* @__PURE__ */ i({
     rules: { type: [String, Function], default: "" }
   },
   emits: ["clickAppendInner"],
-  setup(n) {
-    const e = n, s = v(() => e.rules), { errorMessage: c, value: d } = D(() => e.name, s, {
+  setup(t) {
+    const e = t, r = y(() => e.rules), { errorMessage: l, value: a } = v(() => e.name, r, {
       initialValue: e.modelValue,
       syncVModel: !0
     });
-    return (a, r) => g((u(), p(o(B), m(a.$attrs, {
-      modelValue: o(d),
-      "onUpdate:modelValue": r[0] || (r[0] = (y) => $(d) ? d.value = y : null),
+    return (d, n) => k((i(), m(o(T), p(d.$attrs, {
+      modelValue: o(a),
+      "onUpdate:modelValue": n[0] || (n[0] = (u) => g(a) ? a.value = u : null),
       name: e.name,
       color: e.color,
       density: e.density,
@@ -77,43 +51,14 @@ const I = /* @__PURE__ */ i({
       variant: e.variant,
       clearable: e.clearable,
       "hide-details": e.hideDetails,
-      "error-messages": o(c),
+      "error-messages": o(l),
       "append-inner-icon": e.appendInnerIcon,
-      "onClick:appendInner": r[1] || (r[1] = (y) => a.$emit("clickAppendInner"))
-    }), f({ _: 2 }, [
-      a.$slots.prepend ? {
-        name: "prepend",
-        fn: t(() => [
-          l(a.$slots, "prepend")
-        ]),
-        key: "0"
-      } : void 0,
-      a.$slots["prepend-inner"] ? {
-        name: "prepend-inner",
-        fn: t(() => [
-          l(a.$slots, "prepend-inner")
-        ]),
-        key: "1"
-      } : void 0,
-      a.$slots["append-inner"] ? {
-        name: "append-inner",
-        fn: t(() => [
-          l(a.$slots, "append-inner")
-        ]),
-        key: "2"
-      } : void 0,
-      a.$slots.append ? {
-        name: "append",
-        fn: t(() => [
-          l(a.$slots, "append")
-        ]),
-        key: "3"
-      } : void 0
-    ]), 1040, ["modelValue", "name", "color", "density", "rounded", "variant", "clearable", "hide-details", "error-messages", "append-inner-icon"])), [
-      [o(V), e.mask]
+      "onClick:appendInner": n[1] || (n[1] = (u) => d.$emit("clickAppendInner"))
+    }), null, 16, ["modelValue", "name", "color", "density", "rounded", "variant", "clearable", "hide-details", "error-messages", "append-inner-icon"])), [
+      [o(q), e.mask]
     ]);
   }
-}), z = /* @__PURE__ */ i({
+}), J = /* @__PURE__ */ c({
   name: "FDataTable",
   inheritAttrs: !1,
   __name: "FDataTable",
@@ -126,32 +71,328 @@ const I = /* @__PURE__ */ i({
     hover: { type: Boolean, default: !0 },
     density: { default: "default" }
   },
-  setup(n) {
-    return (e, s) => (u(), p(o(T), m(e.$attrs, {
-      headers: n.headers,
-      items: n.items,
-      loading: n.loading,
-      search: n.search,
-      "items-per-page": n.itemsPerPage,
-      hover: n.hover,
-      density: n.density
-    }), f({ _: 2 }, [
-      h(e.$slots, (c, d) => ({
-        name: d,
-        fn: t((a) => [
-          l(e.$slots, d, F(b(a ?? {})))
+  setup(t) {
+    return (e, r) => (i(), m(o(P), p(e.$attrs, {
+      headers: t.headers,
+      items: t.items,
+      loading: t.loading,
+      search: t.search,
+      "items-per-page": t.itemsPerPage,
+      hover: t.hover,
+      density: t.density
+    }), D({ _: 2 }, [
+      A(e.$slots, (l, a) => ({
+        name: a,
+        fn: x((d) => [
+          w(e.$slots, a, C(N(d ?? {})))
         ])
       }))
     ]), 1040, ["headers", "items", "loading", "search", "items-per-page", "hover", "density"]));
   }
-}), R = {
-  install(n) {
-    n.component("FButton", I), n.component("FTextField", P), n.component("FDataTable", z);
+}), K = /* @__PURE__ */ c({
+  name: "FTextarea",
+  inheritAttrs: !1,
+  __name: "FTextarea",
+  props: {
+    name: {},
+    rounded: { default: "lg" },
+    variant: { default: "outlined" },
+    density: { default: "compact" },
+    color: { default: "secondary" },
+    label: { default: "" },
+    hideDetails: { type: [Boolean, String], default: "auto" },
+    noResize: { type: Boolean, default: !0 },
+    rows: { default: "" },
+    modelValue: { default: "" },
+    rules: { type: [String, Function], default: "" }
+  },
+  setup(t) {
+    const e = t, r = y(() => e.rules), { errorMessage: l, value: a } = v(() => e.name, r, {
+      initialValue: e.modelValue,
+      syncVModel: !0
+    });
+    return (d, n) => (i(), m(o(U), p(d.$attrs, {
+      modelValue: o(a),
+      "onUpdate:modelValue": n[0] || (n[0] = (u) => g(a) ? a.value = u : null),
+      name: e.name,
+      rounded: e.rounded,
+      variant: e.variant,
+      rows: e.rows,
+      density: e.density,
+      color: e.color,
+      label: e.label,
+      "hide-details": e.hideDetails,
+      "no-resize": e.noResize,
+      "error-messages": o(l)
+    }), null, 16, ["modelValue", "name", "rounded", "variant", "rows", "density", "color", "label", "hide-details", "no-resize", "error-messages"]));
+  }
+}), Q = /* @__PURE__ */ c({
+  name: "FAutocomplete",
+  inheritAttrs: !1,
+  __name: "FAutocomplete",
+  props: {
+    name: {},
+    items: { default: () => [] },
+    rounded: { default: "lg" },
+    variant: { default: "outlined" },
+    density: { default: "compact" },
+    color: { default: "secondary" },
+    clearable: { type: Boolean, default: !0 },
+    hideDetails: { type: [Boolean, String], default: "auto" },
+    returnObject: { type: Boolean, default: !0 },
+    noDataText: { default: "" },
+    modelValue: { default: null },
+    rules: { type: [String, Function], default: "" }
+  },
+  emits: ["change"],
+  setup(t, { emit: e }) {
+    const r = e, l = t, a = y(() => l.rules), { errorMessage: d, value: n } = v(() => l.name, a, {
+      initialValue: l.modelValue,
+      syncVModel: !0
+    });
+    function u(b) {
+      r("change", b);
+    }
+    return (b, h) => (i(), m(o(z), p(b.$attrs, {
+      modelValue: o(n),
+      "onUpdate:modelValue": [
+        h[0] || (h[0] = (V) => g(n) ? n.value = V : null),
+        h[1] || (h[1] = (V) => u(o(n)))
+      ],
+      name: l.name,
+      items: l.items,
+      rounded: l.rounded,
+      variant: l.variant,
+      density: l.density,
+      color: l.color,
+      clearable: l.clearable,
+      "hide-details": l.hideDetails,
+      "return-object": l.returnObject,
+      "no-data-text": l.noDataText,
+      "error-messages": o(d)
+    }), null, 16, ["modelValue", "name", "items", "rounded", "variant", "density", "color", "clearable", "hide-details", "return-object", "no-data-text", "error-messages"]));
+  }
+}), W = /* @__PURE__ */ c({
+  name: "FCheckbox",
+  inheritAttrs: !1,
+  __name: "FCheckbox",
+  props: {
+    color: { default: "secondary" },
+    hideDetails: { type: [Boolean, String], default: "auto" },
+    indeterminate: { type: Boolean, default: !1 },
+    density: { default: "compact" }
+  },
+  setup(t) {
+    const e = t;
+    return (r, l) => (i(), m(o(O), p(r.$attrs, {
+      color: e.color,
+      "hide-details": e.hideDetails,
+      indeterminate: e.indeterminate,
+      density: e.density
+    }), null, 16, ["color", "hide-details", "indeterminate", "density"]));
+  }
+}), X = /* @__PURE__ */ c({
+  name: "FCurrencyField",
+  inheritAttrs: !1,
+  __name: "FCurrencyField",
+  props: {
+    name: {},
+    label: { default: "" },
+    readonly: { type: Boolean, default: !1 },
+    hideDetails: { type: [Boolean, String], default: "auto" },
+    rounded: { default: "lg" },
+    variant: { default: "outlined" },
+    density: { default: "compact" },
+    color: { default: "secondary" },
+    locale: { default: "tr-TR" },
+    currency: { default: "TRY" },
+    precision: { default: 2 },
+    modelValue: { default: null },
+    rules: { type: [String, Function], default: "" }
+  },
+  setup(t) {
+    const e = t, r = y(() => e.rules), { errorMessage: l, value: a } = v(() => e.name, r, {
+      initialValue: e.modelValue,
+      syncVModel: !0
+    }), d = y(
+      () => new Intl.NumberFormat(e.locale, {
+        style: "currency",
+        currency: e.currency,
+        minimumFractionDigits: e.precision,
+        maximumFractionDigits: e.precision
+      })
+    ), n = R(u(e.modelValue));
+    function u(s) {
+      return s == null || isNaN(s) ? "" : d.value.format(s);
+    }
+    function b(s) {
+      const F = s.replace(/[^\d,.-]/g, "").replace(/\./g, "").replace(",", "."), f = parseFloat(F);
+      return isNaN(f) ? null : Math.round(f * Math.pow(10, e.precision)) / Math.pow(10, e.precision);
+    }
+    function h(s) {
+      const F = s.target, f = b(F.value);
+      a.value = f;
+    }
+    function V() {
+      n.value = u(a.value);
+    }
+    function $(s) {
+      const F = s.target, f = a.value;
+      f != null && (n.value = f.toFixed(e.precision).replace(".", ",")), setTimeout(() => F.select(), 0);
+    }
+    return B(() => e.modelValue, (s) => {
+      a.value = s, n.value = u(s);
+    }), B(a, (s) => {
+      n.value = u(s);
+    }), (s, F) => (i(), m(o(T), p(s.$attrs, {
+      "model-value": n.value,
+      name: e.name,
+      label: e.label,
+      readonly: e.readonly,
+      "hide-details": e.hideDetails,
+      rounded: e.rounded,
+      variant: e.variant,
+      density: e.density,
+      color: e.color,
+      "error-messages": o(l),
+      inputmode: "decimal",
+      onInput: h,
+      onBlur: V,
+      onFocus: $
+    }), null, 16, ["model-value", "name", "label", "readonly", "hide-details", "rounded", "variant", "density", "color", "error-messages"]));
+  }
+}), Z = /* @__PURE__ */ c({
+  name: "FSelect",
+  inheritAttrs: !1,
+  __name: "FSelect",
+  props: {
+    name: {},
+    items: { default: () => [] },
+    rounded: { default: "lg" },
+    variant: { default: "outlined" },
+    density: { default: "compact" },
+    color: { default: "secondary" },
+    hideDetails: { type: [Boolean, String], default: "auto" },
+    returnObject: { type: Boolean, default: !1 },
+    modelValue: { default: "" },
+    rules: { type: [String, Function], default: "" }
+  },
+  setup(t) {
+    const e = t, r = y(() => e.rules), { errorMessage: l, value: a } = v(() => e.name, r, {
+      initialValue: e.modelValue,
+      syncVModel: !0
+    });
+    return (d, n) => (i(), m(o(E), p(d.$attrs, {
+      modelValue: o(a),
+      "onUpdate:modelValue": n[0] || (n[0] = (u) => g(a) ? a.value = u : null),
+      name: e.name,
+      items: e.items,
+      rounded: e.rounded,
+      variant: e.variant,
+      density: e.density,
+      color: e.color,
+      "hide-details": e.hideDetails,
+      "return-object": e.returnObject,
+      "error-messages": o(l)
+    }), null, 16, ["modelValue", "name", "items", "rounded", "variant", "density", "color", "hide-details", "return-object", "error-messages"]));
+  }
+}), ee = /* @__PURE__ */ c({
+  name: "FNumberField",
+  inheritAttrs: !1,
+  __name: "FNumberField",
+  props: {
+    name: {},
+    rounded: { default: "lg" },
+    variant: { default: "outlined" },
+    density: { default: "compact" },
+    controlVariant: { default: "stacked" },
+    color: { default: "secondary" },
+    label: { default: "" },
+    placeholder: { default: "" },
+    prefix: { default: "" },
+    hideDetails: { type: [Boolean, String], default: "auto" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    min: { default: 0 },
+    precision: { default: 0 },
+    inset: { type: Boolean, default: !0 },
+    modelValue: { default: -1 },
+    rules: { type: [String, Function], default: "" }
+  },
+  setup(t) {
+    const e = t, r = y(() => e.rules), { errorMessage: l, value: a } = v(() => e.name, r, {
+      initialValue: e.modelValue,
+      syncVModel: !0
+    });
+    return (d, n) => (i(), m(o(L), p(d.$attrs, {
+      modelValue: o(a),
+      "onUpdate:modelValue": n[0] || (n[0] = (u) => g(a) ? a.value = u : null),
+      name: e.name,
+      color: e.color,
+      density: e.density,
+      rounded: e.rounded,
+      variant: e.variant,
+      "control-variant": e.controlVariant,
+      "hide-details": e.hideDetails,
+      placeholder: e.placeholder,
+      label: e.label,
+      prefix: e.prefix,
+      disabled: e.disabled,
+      readonly: e.readonly,
+      min: e.min,
+      precision: e.precision,
+      inset: e.inset,
+      "error-messages": o(l)
+    }), null, 16, ["modelValue", "name", "color", "density", "rounded", "variant", "control-variant", "hide-details", "placeholder", "label", "prefix", "disabled", "readonly", "min", "precision", "inset", "error-messages"]));
+  }
+}), te = { key: 0 }, ae = { key: 1 }, le = /* @__PURE__ */ c({
+  name: "FSwitch",
+  inheritAttrs: !1,
+  __name: "FSwitch",
+  props: /* @__PURE__ */ j({
+    color: { default: "secondary" },
+    density: { default: "comfortable" },
+    hideDetails: { type: [Boolean, String], default: "auto" },
+    labelTrue: { default: "" },
+    labelFalse: { default: "" }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = t, r = I(t, "modelValue");
+    return (l, a) => (i(), m(o(Y), p(l.$attrs, {
+      modelValue: r.value,
+      "onUpdate:modelValue": a[0] || (a[0] = (d) => r.value = d),
+      color: e.color,
+      "hide-details": e.hideDetails,
+      density: e.density
+    }), D({ _: 2 }, [
+      e.labelTrue || e.labelFalse ? {
+        name: "label",
+        fn: x(() => [
+          r.value ? (i(), S("span", te, _(e.labelTrue), 1)) : (i(), S("span", ae, _(e.labelFalse), 1))
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["modelValue", "color", "hide-details", "density"]));
+  }
+}), se = {
+  install(t) {
+    t.component("FButton", G), t.component("FTextField", H), t.component("FDataTable", J), t.component("FTextarea", K), t.component("FAutocomplete", Q), t.component("FCheckbox", W), t.component("FCurrencyField", X), t.component("FSelect", Z), t.component("FNumberField", ee), t.component("FSwitch", le);
   }
 };
 export {
-  I as FButton,
-  z as FDataTable,
-  P as FTextField,
-  R as default
+  Q as FAutocomplete,
+  G as FButton,
+  W as FCheckbox,
+  X as FCurrencyField,
+  J as FDataTable,
+  ee as FNumberField,
+  Z as FSelect,
+  le as FSwitch,
+  H as FTextField,
+  K as FTextarea,
+  se as default
 };

package/dist/finso-vue-components.umd.cjs

@@ -1 +1 @@
-(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vuetify/components"),require("maska/vue"),require("vee-validate")):typeof define=="function"&&define.amd?define(["exports","vue","vuetify/components","maska/vue","vee-validate"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.FinsoVueComponents={},a.Vue,a.VuetifyComponents,a.MaskaVue,a.VeeValidate))})(this,(function(a,e,l,c,y){"use strict";const s=e.defineComponent({name:"FButton",inheritAttrs:!1,__name:"FButton",props:{variant:{default:"flat"},color:{default:"primary"},size:{default:"default"},rounded:{type:[String,Number,Boolean],default:"lg"},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(t){return(n,i)=>(e.openBlock(),e.createBlock(e.unref(l.VBtn),e.mergeProps(n.$attrs,{variant:t.variant,color:t.color,size:t.size,rounded:t.rounded,loading:t.loading,disabled:t.disabled}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:2},[n.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"prepend")]),key:"0"}:void 0,n.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"append")]),key:"1"}:void 0]),1040,["variant","color","size","rounded","loading","disabled"]))}}),p=e.defineComponent({name:"FTextField",inheritAttrs:!1,__name:"FTextField",props:{name:{},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},clearable:{type:Boolean,default:!0},hideDetails:{type:[Boolean,String],default:"auto"},appendInnerIcon:{default:""},mask:{default:""},modelValue:{default:""},rules:{type:[String,Function],default:""}},emits:["clickAppendInner"],setup(t){const n=t,i=e.computed(()=>n.rules),{errorMessage:m,value:d}=y.useField(()=>n.name,i,{initialValue:n.modelValue,syncVModel:!0});return(r,o)=>e.withDirectives((e.openBlock(),e.createBlock(e.unref(l.VTextField),e.mergeProps(r.$attrs,{modelValue:e.unref(d),"onUpdate:modelValue":o[0]||(o[0]=u=>e.isRef(d)?d.value=u:null),name:n.name,color:n.color,density:n.density,rounded:n.rounded,variant:n.variant,clearable:n.clearable,"hide-details":n.hideDetails,"error-messages":e.unref(m),"append-inner-icon":n.appendInnerIcon,"onClick:appendInner":o[1]||(o[1]=u=>r.$emit("clickAppendInner"))}),e.createSlots({_:2},[r.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"prepend")]),key:"0"}:void 0,r.$slots["prepend-inner"]?{name:"prepend-inner",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"prepend-inner")]),key:"1"}:void 0,r.$slots["append-inner"]?{name:"append-inner",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"append-inner")]),key:"2"}:void 0,r.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"append")]),key:"3"}:void 0]),1040,["modelValue","name","color","density","rounded","variant","clearable","hide-details","error-messages","append-inner-icon"])),[[e.unref(c.vMaska),n.mask]])}}),f=e.defineComponent({name:"FDataTable",inheritAttrs:!1,__name:"FDataTable",props:{headers:{},items:{},loading:{type:Boolean,default:!1},search:{default:""},itemsPerPage:{default:10},hover:{type:Boolean,default:!0},density:{default:"default"}},setup(t){return(n,i)=>(e.openBlock(),e.createBlock(e.unref(l.VDataTable),e.mergeProps(n.$attrs,{headers:t.headers,items:t.items,loading:t.loading,search:t.search,"items-per-page":t.itemsPerPage,hover:t.hover,density:t.density}),e.createSlots({_:2},[e.renderList(n.$slots,(m,d)=>({name:d,fn:e.withCtx(r=>[e.renderSlot(n.$slots,d,e.normalizeProps(e.guardReactiveProps(r??{})))])}))]),1040,["headers","items","loading","search","items-per-page","hover","density"]))}}),h={install(t){t.component("FButton",s),t.component("FTextField",p),t.component("FDataTable",f)}};a.FButton=s,a.FDataTable=f,a.FTextField=p,a.default=h,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(function(r,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("vuetify/components"),require("maska/vue"),require("vee-validate")):typeof define=="function"&&define.amd?define(["exports","vue","vuetify/components","maska/vue","vee-validate"],t):(r=typeof globalThis<"u"?globalThis:r||self,t(r.FinsoVueComponents={},r.Vue,r.VuetifyComponents,r.MaskaVue,r.VeeValidate))})(this,(function(r,t,c,$,f){"use strict";const g=t.defineComponent({__name:"FButton",props:{color:{default:"primary"},rounded:{type:[String,Number,Boolean],default:"lg"}},setup(n){const e=n;return(d,l)=>{const a=t.resolveComponent("v-btn");return t.openBlock(),t.createBlock(a,{color:e.color,rounded:e.rounded},null,8,["color","rounded"])}}}),V=t.defineComponent({name:"FTextField",inheritAttrs:!1,__name:"FTextField",props:{name:{},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},clearable:{type:Boolean,default:!0},hideDetails:{type:[Boolean,String],default:"auto"},appendInnerIcon:{default:""},mask:{default:""},modelValue:{default:""},rules:{type:[String,Function],default:""}},emits:["clickAppendInner"],setup(n){const e=n,d=t.computed(()=>e.rules),{errorMessage:l,value:a}=f.useField(()=>e.name,d,{initialValue:e.modelValue,syncVModel:!0});return(i,o)=>t.withDirectives((t.openBlock(),t.createBlock(t.unref(c.VTextField),t.mergeProps(i.$attrs,{modelValue:t.unref(a),"onUpdate:modelValue":o[0]||(o[0]=u=>t.isRef(a)?a.value=u:null),name:e.name,color:e.color,density:e.density,rounded:e.rounded,variant:e.variant,clearable:e.clearable,"hide-details":e.hideDetails,"error-messages":t.unref(l),"append-inner-icon":e.appendInnerIcon,"onClick:appendInner":o[1]||(o[1]=u=>i.$emit("clickAppendInner"))}),null,16,["modelValue","name","color","density","rounded","variant","clearable","hide-details","error-messages","append-inner-icon"])),[[t.unref($.vMaska),e.mask]])}}),b=t.defineComponent({name:"FDataTable",inheritAttrs:!1,__name:"FDataTable",props:{headers:{},items:{},loading:{type:Boolean,default:!1},search:{default:""},itemsPerPage:{default:10},hover:{type:Boolean,default:!0},density:{default:"default"}},setup(n){return(e,d)=>(t.openBlock(),t.createBlock(t.unref(c.VDataTable),t.mergeProps(e.$attrs,{headers:n.headers,items:n.items,loading:n.loading,search:n.search,"items-per-page":n.itemsPerPage,hover:n.hover,density:n.density}),t.createSlots({_:2},[t.renderList(e.$slots,(l,a)=>({name:a,fn:t.withCtx(i=>[t.renderSlot(e.$slots,a,t.normalizeProps(t.guardReactiveProps(i??{})))])}))]),1040,["headers","items","loading","search","items-per-page","hover","density"]))}}),B=t.defineComponent({name:"FTextarea",inheritAttrs:!1,__name:"FTextarea",props:{name:{},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},label:{default:""},hideDetails:{type:[Boolean,String],default:"auto"},noResize:{type:Boolean,default:!0},rows:{default:""},modelValue:{default:""},rules:{type:[String,Function],default:""}},setup(n){const e=n,d=t.computed(()=>e.rules),{errorMessage:l,value:a}=f.useField(()=>e.name,d,{initialValue:e.modelValue,syncVModel:!0});return(i,o)=>(t.openBlock(),t.createBlock(t.unref(c.VTextarea),t.mergeProps(i.$attrs,{modelValue:t.unref(a),"onUpdate:modelValue":o[0]||(o[0]=u=>t.isRef(a)?a.value=u:null),name:e.name,rounded:e.rounded,variant:e.variant,rows:e.rows,density:e.density,color:e.color,label:e.label,"hide-details":e.hideDetails,"no-resize":e.noResize,"error-messages":t.unref(l)}),null,16,["modelValue","name","rounded","variant","rows","density","color","label","hide-details","no-resize","error-messages"]))}}),k=t.defineComponent({name:"FAutocomplete",inheritAttrs:!1,__name:"FAutocomplete",props:{name:{},items:{default:()=>[]},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},clearable:{type:Boolean,default:!0},hideDetails:{type:[Boolean,String],default:"auto"},returnObject:{type:Boolean,default:!0},noDataText:{default:""},modelValue:{default:null},rules:{type:[String,Function],default:""}},emits:["change"],setup(n,{emit:e}){const d=e,l=n,a=t.computed(()=>l.rules),{errorMessage:i,value:o}=f.useField(()=>l.name,a,{initialValue:l.modelValue,syncVModel:!0});function u(h){d("change",h)}return(h,p)=>(t.openBlock(),t.createBlock(t.unref(c.VAutocomplete),t.mergeProps(h.$attrs,{modelValue:t.unref(o),"onUpdate:modelValue":[p[0]||(p[0]=F=>t.isRef(o)?o.value=F:null),p[1]||(p[1]=F=>u(t.unref(o)))],name:l.name,items:l.items,rounded:l.rounded,variant:l.variant,density:l.density,color:l.color,clearable:l.clearable,"hide-details":l.hideDetails,"return-object":l.returnObject,"no-data-text":l.noDataText,"error-messages":t.unref(i)}),null,16,["modelValue","name","items","rounded","variant","density","color","clearable","hide-details","return-object","no-data-text","error-messages"]))}}),S=t.defineComponent({name:"FCheckbox",inheritAttrs:!1,__name:"FCheckbox",props:{color:{default:"secondary"},hideDetails:{type:[Boolean,String],default:"auto"},indeterminate:{type:Boolean,default:!1},density:{default:"compact"}},setup(n){const e=n;return(d,l)=>(t.openBlock(),t.createBlock(t.unref(c.VCheckbox),t.mergeProps(d.$attrs,{color:e.color,"hide-details":e.hideDetails,indeterminate:e.indeterminate,density:e.density}),null,16,["color","hide-details","indeterminate","density"]))}}),_=t.defineComponent({name:"FCurrencyField",inheritAttrs:!1,__name:"FCurrencyField",props:{name:{},label:{default:""},readonly:{type:Boolean,default:!1},hideDetails:{type:[Boolean,String],default:"auto"},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},locale:{default:"tr-TR"},currency:{default:"TRY"},precision:{default:2},modelValue:{default:null},rules:{type:[String,Function],default:""}},setup(n){const e=n,d=t.computed(()=>e.rules),{errorMessage:l,value:a}=f.useField(()=>e.name,d,{initialValue:e.modelValue,syncVModel:!0}),i=t.computed(()=>new Intl.NumberFormat(e.locale,{style:"currency",currency:e.currency,minimumFractionDigits:e.precision,maximumFractionDigits:e.precision})),o=t.ref(u(e.modelValue));function u(s){return s==null||isNaN(s)?"":i.value.format(s)}function h(s){const y=s.replace(/[^\d,.-]/g,"").replace(/\./g,"").replace(",","."),m=parseFloat(y);return isNaN(m)?null:Math.round(m*Math.pow(10,e.precision))/Math.pow(10,e.precision)}function p(s){const y=s.target,m=h(y.value);a.value=m}function F(){o.value=u(a.value)}function A(s){const y=s.target,m=a.value;m!=null&&(o.value=m.toFixed(e.precision).replace(".",",")),setTimeout(()=>y.select(),0)}return t.watch(()=>e.modelValue,s=>{a.value=s,o.value=u(s)}),t.watch(a,s=>{o.value=u(s)}),(s,y)=>(t.openBlock(),t.createBlock(t.unref(c.VTextField),t.mergeProps(s.$attrs,{"model-value":o.value,name:e.name,label:e.label,readonly:e.readonly,"hide-details":e.hideDetails,rounded:e.rounded,variant:e.variant,density:e.density,color:e.color,"error-messages":t.unref(l),inputmode:"decimal",onInput:p,onBlur:F,onFocus:A}),null,16,["model-value","name","label","readonly","hide-details","rounded","variant","density","color","error-messages"]))}}),D=t.defineComponent({name:"FSelect",inheritAttrs:!1,__name:"FSelect",props:{name:{},items:{default:()=>[]},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},hideDetails:{type:[Boolean,String],default:"auto"},returnObject:{type:Boolean,default:!1},modelValue:{default:""},rules:{type:[String,Function],default:""}},setup(n){const e=n,d=t.computed(()=>e.rules),{errorMessage:l,value:a}=f.useField(()=>e.name,d,{initialValue:e.modelValue,syncVModel:!0});return(i,o)=>(t.openBlock(),t.createBlock(t.unref(c.VSelect),t.mergeProps(i.$attrs,{modelValue:t.unref(a),"onUpdate:modelValue":o[0]||(o[0]=u=>t.isRef(a)?a.value=u:null),name:e.name,items:e.items,rounded:e.rounded,variant:e.variant,density:e.density,color:e.color,"hide-details":e.hideDetails,"return-object":e.returnObject,"error-messages":t.unref(l)}),null,16,["modelValue","name","items","rounded","variant","density","color","hide-details","return-object","error-messages"]))}}),T=t.defineComponent({name:"FNumberField",inheritAttrs:!1,__name:"FNumberField",props:{name:{},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},controlVariant:{default:"stacked"},color:{default:"secondary"},label:{default:""},placeholder:{default:""},prefix:{default:""},hideDetails:{type:[Boolean,String],default:"auto"},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},min:{default:0},precision:{default:0},inset:{type:Boolean,default:!0},modelValue:{default:-1},rules:{type:[String,Function],default:""}},setup(n){const e=n,d=t.computed(()=>e.rules),{errorMessage:l,value:a}=f.useField(()=>e.name,d,{initialValue:e.modelValue,syncVModel:!0});return(i,o)=>(t.openBlock(),t.createBlock(t.unref(c.VNumberInput),t.mergeProps(i.$attrs,{modelValue:t.unref(a),"onUpdate:modelValue":o[0]||(o[0]=u=>t.isRef(a)?a.value=u:null),name:e.name,color:e.color,density:e.density,rounded:e.rounded,variant:e.variant,"control-variant":e.controlVariant,"hide-details":e.hideDetails,placeholder:e.placeholder,label:e.label,prefix:e.prefix,disabled:e.disabled,readonly:e.readonly,min:e.min,precision:e.precision,inset:e.inset,"error-messages":t.unref(l)}),null,16,["modelValue","name","color","density","rounded","variant","control-variant","hide-details","placeholder","label","prefix","disabled","readonly","min","precision","inset","error-messages"]))}}),M={key:0},x={key:1},C=t.defineComponent({name:"FSwitch",inheritAttrs:!1,__name:"FSwitch",props:t.mergeModels({color:{default:"secondary"},density:{default:"comfortable"},hideDetails:{type:[Boolean,String],default:"auto"},labelTrue:{default:""},labelFalse:{default:""}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(n){const e=n,d=t.useModel(n,"modelValue");return(l,a)=>(t.openBlock(),t.createBlock(t.unref(c.VSwitch),t.mergeProps(l.$attrs,{modelValue:d.value,"onUpdate:modelValue":a[0]||(a[0]=i=>d.value=i),color:e.color,"hide-details":e.hideDetails,density:e.density}),t.createSlots({_:2},[e.labelTrue||e.labelFalse?{name:"label",fn:t.withCtx(()=>[d.value?(t.openBlock(),t.createElementBlock("span",M,t.toDisplayString(e.labelTrue),1)):(t.openBlock(),t.createElementBlock("span",x,t.toDisplayString(e.labelFalse),1))]),key:"0"}:void 0]),1040,["modelValue","color","hide-details","density"]))}}),w={install(n){n.component("FButton",g),n.component("FTextField",V),n.component("FDataTable",b),n.component("FTextarea",B),n.component("FAutocomplete",k),n.component("FCheckbox",S),n.component("FCurrencyField",_),n.component("FSelect",D),n.component("FNumberField",T),n.component("FSwitch",C)}};r.FAutocomplete=k,r.FButton=g,r.FCheckbox=S,r.FCurrencyField=_,r.FDataTable=b,r.FNumberField=T,r.FSelect=D,r.FSwitch=C,r.FTextField=V,r.FTextarea=B,r.default=w,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/dist/index.d.ts

@@ -2,12 +2,33 @@ import type { Plugin } from 'vue';
 export { FButton } from './components/FButton';
 export { FTextField } from './components/FTextField';
 export { FDataTable } from './components/FDataTable';
+export { FTextarea } from './components/FTextarea';
+export { FAutocomplete } from './components/FAutocomplete';
+export { FCheckbox } from './components/FCheckbox';
+export { FCurrencyField } from './components/FCurrencyField';
+export { FSelect } from './components/FSelect';
+export { FNumberField } from './components/FNumberField';
+export { FSwitch } from './components/FSwitch';
 export type { FButtonProps } from './components/FButton';
 export type { FTextFieldProps } from './components/FTextField';
 export type { FDataTableProps, FDataTableHeader } from './components/FDataTable';
+export type { FTextareaProps } from './components/FTextarea';
+export type { FAutocompleteProps } from './components/FAutocomplete';
+export type { FCheckboxProps } from './components/FCheckbox';
+export type { FCurrencyFieldProps } from './components/FCurrencyField';
+export type { FSelectProps } from './components/FSelect';
+export type { FNumberFieldProps } from './components/FNumberField';
+export type { FSwitchProps } from './components/FSwitch';
 import { FButton } from './components/FButton';
 import { FTextField } from './components/FTextField';
 import { FDataTable } from './components/FDataTable';
+import { FTextarea } from './components/FTextarea';
+import { FAutocomplete } from './components/FAutocomplete';
+import { FCheckbox } from './components/FCheckbox';
+import { FCurrencyField } from './components/FCurrencyField';
+import { FSelect } from './components/FSelect';
+import { FNumberField } from './components/FNumberField';
+import { FSwitch } from './components/FSwitch';
 declare const FinsoComponents: Plugin;
 export default FinsoComponents;
 declare module 'vue' {
@@ -15,5 +36,12 @@ declare module 'vue' {
         FButton: typeof FButton;
         FTextField: typeof FTextField;
         FDataTable: typeof FDataTable;
+        FTextarea: typeof FTextarea;
+        FAutocomplete: typeof FAutocomplete;
+        FCheckbox: typeof FCheckbox;
+        FCurrencyField: typeof FCurrencyField;
+        FSelect: typeof FSelect;
+        FNumberField: typeof FNumberField;
+        FSwitch: typeof FSwitch;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "finso-vue-components",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "Finso Vue 3 + Vuetify UI Component Library",
   "type": "module",
   "main": "./dist/finso-vue-components.umd.cjs",
@@ -17,6 +17,13 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "vite build && vue-tsc --emitDeclarationOnly",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "lint": "eslint src/",
+    "prepublishOnly": "pnpm build"
+  },
   "peerDependencies": {
     "maska": "^3.0.0",
     "vee-validate": "^4.12.0",
@@ -56,10 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "build": "vite build && vue-tsc --emitDeclarationOnly",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "lint": "eslint src/"
-  }
-}
+  "packageManager": "pnpm@10.29.3+sha512.498e1fb4cca5aa06c1dcf2611e6fafc50972ffe7189998c409e90de74566444298ffe43e6cd2acdc775ba1aa7cc5e092a8b7054c811ba8c5770f84693d33d2dc"
+}