finso-vue-components 0.1.0

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

@@ -0,0 +1,31 @@
+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";
+    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/FButton/index.d.ts

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

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

@@ -0,0 +1,34 @@
+export interface FDataTableHeader {
+    title: string;
+    key: string;
+    align?: 'start' | 'center' | 'end';
+    sortable?: boolean;
+    width?: string | number;
+}
+export interface FDataTableProps {
+    headers: FDataTableHeader[];
+    items: Record<string, unknown>[];
+    loading?: boolean;
+    search?: string;
+    itemsPerPage?: number;
+    hover?: boolean;
+    density?: 'default' | 'comfortable' | 'compact';
+}
+declare var __VLS_7: string | number, __VLS_8: any;
+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";
+    search: string;
+    itemsPerPage: number;
+    hover: 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/FDataTable/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FDataTable } from './FDataTable.vue';
+export type { FDataTableProps, FDataTableHeader } from './FDataTable.vue';

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

@@ -0,0 +1,47 @@
+export interface FTextFieldProps {
+    modelValue?: string;
+    variant?: 'filled' | 'outlined' | 'plain' | 'underlined' | 'solo' | 'solo-inverted' | 'solo-filled';
+    density?: 'default' | 'comfortable' | 'compact';
+    label?: string;
+    placeholder?: string;
+    hint?: string;
+    persistentHint?: boolean;
+    clearable?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    rules?: ((value: string) => boolean | string)[];
+}
+type __VLS_Props = FTextFieldProps;
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string;
+};
+declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {}, __VLS_12: {};
+type __VLS_Slots = {} & {
+    prepend?: (props: typeof __VLS_6) => any;
+} & {
+    'prepend-inner'?: (props: typeof __VLS_8) => any;
+} & {
+    'append-inner'?: (props: typeof __VLS_10) => any;
+} & {
+    append?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
+    disabled: boolean;
+    density: "default" | "comfortable" | "compact";
+    readonly: boolean;
+    modelValue: string;
+    persistentHint: boolean;
+    clearable: 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/FTextField/index.d.ts

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

package/dist/finso-vue-components.js

@@ -0,0 +1,161 @@
+import { defineComponent as s, resolveComponent as i, openBlock as r, createBlock as u, mergeProps as f, createSlots as m, withCtx as n, renderSlot as l, useModel as y, mergeModels as h, renderList as b, normalizeProps as c, guardReactiveProps as $ } from "vue";
+const g = /* @__PURE__ */ s({
+  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(e) {
+    return (a, t) => {
+      const d = i("v-btn");
+      return r(), u(d, f(a.$attrs, {
+        variant: e.variant,
+        color: e.color,
+        size: e.size,
+        rounded: e.rounded,
+        loading: e.loading,
+        disabled: e.disabled
+      }), m({
+        default: n(() => [
+          l(a.$slots, "default")
+        ]),
+        _: 2
+      }, [
+        a.$slots.prepend ? {
+          name: "prepend",
+          fn: n(() => [
+            l(a.$slots, "prepend")
+          ]),
+          key: "0"
+        } : void 0,
+        a.$slots.append ? {
+          name: "append",
+          fn: n(() => [
+            l(a.$slots, "append")
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040, ["variant", "color", "size", "rounded", "loading", "disabled"]);
+    };
+  }
+}), F = /* @__PURE__ */ s({
+  name: "FTextField",
+  inheritAttrs: !1,
+  __name: "FTextField",
+  props: /* @__PURE__ */ h({
+    modelValue: { default: "" },
+    variant: { default: "outlined" },
+    density: { default: "default" },
+    label: {},
+    placeholder: {},
+    hint: {},
+    persistentHint: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    rules: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const a = y(e, "modelValue");
+    return (t, d) => {
+      const p = i("v-text-field");
+      return r(), u(p, f(t.$attrs, {
+        modelValue: a.value,
+        "onUpdate:modelValue": d[0] || (d[0] = (o) => a.value = o),
+        variant: e.variant,
+        density: e.density,
+        label: e.label,
+        placeholder: e.placeholder,
+        hint: e.hint,
+        "persistent-hint": e.persistentHint,
+        clearable: e.clearable,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        rules: e.rules
+      }), m({ _: 2 }, [
+        t.$slots.prepend ? {
+          name: "prepend",
+          fn: n(() => [
+            l(t.$slots, "prepend")
+          ]),
+          key: "0"
+        } : void 0,
+        t.$slots["prepend-inner"] ? {
+          name: "prepend-inner",
+          fn: n(() => [
+            l(t.$slots, "prepend-inner")
+          ]),
+          key: "1"
+        } : void 0,
+        t.$slots["append-inner"] ? {
+          name: "append-inner",
+          fn: n(() => [
+            l(t.$slots, "append-inner")
+          ]),
+          key: "2"
+        } : void 0,
+        t.$slots.append ? {
+          name: "append",
+          fn: n(() => [
+            l(t.$slots, "append")
+          ]),
+          key: "3"
+        } : void 0
+      ]), 1040, ["modelValue", "variant", "density", "label", "placeholder", "hint", "persistent-hint", "clearable", "disabled", "readonly", "rules"]);
+    };
+  }
+}), B = /* @__PURE__ */ s({
+  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(e) {
+    return (a, t) => {
+      const d = i("v-data-table");
+      return r(), u(d, f(a.$attrs, {
+        headers: e.headers,
+        items: e.items,
+        loading: e.loading,
+        search: e.search,
+        "items-per-page": e.itemsPerPage,
+        hover: e.hover,
+        density: e.density
+      }), m({ _: 2 }, [
+        b(a.$slots, (p, o) => ({
+          name: o,
+          fn: n((v) => [
+            l(a.$slots, o, c($(v ?? {})))
+          ])
+        }))
+      ]), 1040, ["headers", "items", "loading", "search", "items-per-page", "hover", "density"]);
+    };
+  }
+}), T = {
+  install(e) {
+    e.component("FButton", g), e.component("FTextField", F), e.component("FDataTable", B);
+  }
+};
+export {
+  g as FButton,
+  B as FDataTable,
+  F as FTextField,
+  T as default
+};

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

@@ -0,0 +1 @@
+(function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l.FinsoVueComponents={},l.Vue))})(this,(function(l,e){"use strict";const i=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,a)=>{const d=e.resolveComponent("v-btn");return e.openBlock(),e.createBlock(d,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"])}}}),r=e.defineComponent({name:"FTextField",inheritAttrs:!1,__name:"FTextField",props:e.mergeModels({modelValue:{default:""},variant:{default:"outlined"},density:{default:"default"},label:{},placeholder:{},hint:{},persistentHint:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},rules:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const n=e.useModel(t,"modelValue");return(a,d)=>{const f=e.resolveComponent("v-text-field");return e.openBlock(),e.createBlock(f,e.mergeProps(a.$attrs,{modelValue:n.value,"onUpdate:modelValue":d[0]||(d[0]=o=>n.value=o),variant:t.variant,density:t.density,label:t.label,placeholder:t.placeholder,hint:t.hint,"persistent-hint":t.persistentHint,clearable:t.clearable,disabled:t.disabled,readonly:t.readonly,rules:t.rules}),e.createSlots({_:2},[a.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"prepend")]),key:"0"}:void 0,a.$slots["prepend-inner"]?{name:"prepend-inner",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"prepend-inner")]),key:"1"}:void 0,a.$slots["append-inner"]?{name:"append-inner",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"append-inner")]),key:"2"}:void 0,a.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"append")]),key:"3"}:void 0]),1040,["modelValue","variant","density","label","placeholder","hint","persistent-hint","clearable","disabled","readonly","rules"])}}}),s=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,a)=>{const d=e.resolveComponent("v-data-table");return e.openBlock(),e.createBlock(d,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,(f,o)=>({name:o,fn:e.withCtx(p=>[e.renderSlot(n.$slots,o,e.normalizeProps(e.guardReactiveProps(p??{})))])}))]),1040,["headers","items","loading","search","items-per-page","hover","density"])}}}),m={install(t){t.component("FButton",i),t.component("FTextField",r),t.component("FDataTable",s)}};l.FButton=i,l.FDataTable=s,l.FTextField=r,l.default=m,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import type { Plugin } from 'vue';
+export { FButton } from './components/FButton';
+export { FTextField } from './components/FTextField';
+export { FDataTable } from './components/FDataTable';
+export type { FButtonProps } from './components/FButton';
+export type { FTextFieldProps } from './components/FTextField';
+export type { FDataTableProps, FDataTableHeader } from './components/FDataTable';
+declare const FinsoComponents: Plugin;
+export default FinsoComponents;

package/dist/plugins/vuetify.d.ts

@@ -0,0 +1,88 @@
+/**
+ * Default Vuetify instance for Storybook & development.
+ * Consumers should create their own Vuetify instance.
+ */
+export declare function createFinsoVuetify(): {
+    install: (app: import("vue").App<any>) => void;
+    unmount: () => void;
+    defaults: import("vue").Ref<import("vuetify").DefaultsInstance, import("vuetify").DefaultsInstance>;
+    display: import("vuetify").DisplayInstance;
+    theme: import("vuetify").ThemeInstance & {
+        install: (app: import("vue").App<any>) => void;
+    };
+    icons: {
+        defaultSet: string;
+        aliases: Partial<import("vuetify").IconAliases>;
+        sets: Record<string, import("vuetify").IconSet>;
+    };
+    locale: {
+        name: string;
+        decimalSeparator: import("vue").ShallowRef<string>;
+        messages: import("vue").Ref<import("vuetify").LocaleMessages, import("vuetify").LocaleMessages>;
+        current: import("vue").Ref<string, string>;
+        fallback: import("vue").Ref<string, string>;
+        t: (key: string, ...params: unknown[]) => string;
+        n: (value: number) => string;
+        provide: (props: import("vuetify").LocaleOptions) => import("vuetify").LocaleInstance;
+        isRtl: import("vue").Ref<boolean, boolean>;
+        rtl: import("vue").Ref<Record<string, boolean>, Record<string, boolean>>;
+        rtlClasses: import("vue").Ref<string, string>;
+    };
+    date: {
+        options: {
+            adapter: (new (options: {
+                locale: any;
+                formats?: any;
+            }) => import("vuetify").DateInstance) | import("vuetify").DateInstance;
+            formats?: Record<string, any>;
+            locale: Record<string, any>;
+        };
+        instance: {
+            date: (value?: any) => unknown;
+            format: (date: unknown, formatString: string) => string;
+            toJsDate: (value: unknown) => Date;
+            parseISO: (date: string) => unknown;
+            toISO: (date: unknown) => string;
+            startOfDay: (date: unknown) => unknown;
+            endOfDay: (date: unknown) => unknown;
+            startOfWeek: (date: unknown, firstDayOfWeek?: string | number | undefined) => unknown;
+            endOfWeek: (date: unknown) => unknown;
+            startOfMonth: (date: unknown) => unknown;
+            endOfMonth: (date: unknown) => unknown;
+            startOfYear: (date: unknown) => unknown;
+            endOfYear: (date: unknown) => unknown;
+            isAfter: (date: unknown, comparing: unknown) => boolean;
+            isAfterDay: (date: unknown, comparing: unknown) => boolean;
+            isSameDay: (date: unknown, comparing: unknown) => boolean;
+            isSameMonth: (date: unknown, comparing: unknown) => boolean;
+            isSameYear: (date: unknown, comparing: unknown) => boolean;
+            isBefore: (date: unknown, comparing: unknown) => boolean;
+            isEqual: (date: unknown, comparing: unknown) => boolean;
+            isValid: (date: any) => boolean;
+            isWithinRange: (date: unknown, range: [unknown, unknown]) => boolean;
+            addMinutes: (date: unknown, amount: number) => unknown;
+            addHours: (date: unknown, amount: number) => unknown;
+            addDays: (date: unknown, amount: number) => unknown;
+            addWeeks: (date: unknown, amount: number) => unknown;
+            addMonths: (date: unknown, amount: number) => unknown;
+            getYear: (date: unknown) => number;
+            setYear: (date: unknown, year: number) => unknown;
+            getDiff: (date: unknown, comparing: unknown, unit?: string | undefined) => number;
+            getWeekArray: (date: unknown, firstDayOfWeek?: string | number | undefined) => unknown[][];
+            getWeekdays: (firstDayOfWeek?: string | number | undefined, weekdayFormat?: "long" | "narrow" | "short" | undefined) => string[];
+            getWeek: (date: unknown, firstDayOfWeek?: string | number | undefined, firstDayOfYear?: string | number | undefined) => number;
+            getMonth: (date: unknown) => number;
+            setMonth: (date: unknown, month: number) => unknown;
+            getDate: (date: unknown) => number;
+            setDate: (date: unknown, day: number) => unknown;
+            getNextMonth: (date: unknown) => unknown;
+            getPreviousMonth: (date: unknown) => unknown;
+            getHours: (date: unknown) => number;
+            setHours: (date: unknown, hours: number) => unknown;
+            getMinutes: (date: unknown) => number;
+            setMinutes: (date: unknown, minutes: number) => unknown;
+            locale?: any;
+        };
+    };
+    goTo: import("vuetify").GoToInstance;
+};

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "finso-vue-components",
+  "version": "0.1.0",
+  "description": "Finso Vue 3 + Vuetify UI Component Library",
+  "type": "module",
+  "main": "./dist/finso-vue-components.umd.cjs",
+  "module": "./dist/finso-vue-components.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/finso-vue-components.js",
+      "require": "./dist/finso-vue-components.umd.cjs"
+    },
+    "./styles": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "vue": "^3.4.0",
+    "vuetify": "^3.7.0"
+  },
+  "devDependencies": {
+    "@mdi/font": "^7.4.47",
+    "@storybook/addon-essentials": "^8.4.0",
+    "@storybook/blocks": "^8.4.0",
+    "@storybook/vue3": "^8.4.0",
+    "@storybook/vue3-vite": "^8.4.0",
+    "@vitejs/plugin-vue": "^5.2.0",
+    "sass": "^1.80.0",
+    "storybook": "^8.4.0",
+    "typescript": "~5.6.0",
+    "vite": "^6.0.0",
+    "vue": "^3.5.0",
+    "vue-tsc": "^2.1.0",
+    "vuetify": "^3.7.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.com/finso/finso-vue-components.git"
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "vuetify",
+    "component-library",
+    "finso",
+    "ui"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build && vue-tsc --emitDeclarationOnly",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "lint": "eslint src/"
+  }
+}