@vc-shell/framework 1.0.54 → 1.0.56

package/dist/types/ui/components/organisms/vc-table/vc-table.vue.d.ts

@@ -0,0 +1,165 @@
+import { IActionBuilderResult, ITableColumns } from "./../../../../core/types";
+export interface StatusImage {
+    image?: string;
+    text: string;
+    action?: string;
+    clickHandler?: () => void;
+}
+export interface Props {
+    columns: ITableColumns[];
+    items: {
+        id?: string;
+    }[] | string[];
+    itemActionBuilder?: (item: {
+        id?: string;
+    }) => IActionBuilderResult[];
+    sort?: string;
+    multiselect?: boolean;
+    expanded?: boolean;
+    totalLabel?: string;
+    totalCount?: number;
+    pages?: number;
+    currentPage?: number;
+    searchPlaceholder?: string;
+    searchValue?: string;
+    loading?: boolean;
+    empty?: StatusImage;
+    notfound?: StatusImage;
+    header?: boolean;
+    footer?: boolean;
+    activeFilterCount?: number;
+    selectedItemId?: string;
+    scrolling?: boolean;
+    resizableColumns?: boolean;
+    reorderableColumns?: boolean;
+    stateKey: string;
+}
+export interface Emits {
+    (event: "paginationClick", page: number): void;
+    (event: "selectionChanged", values: Record<string, boolean>): void;
+    (event: "search:change", value: string): void;
+    (event: "headerClick", value: Record<string, unknown>): void;
+    (event: "itemClick", item: {
+        id?: string;
+    }): void;
+    (event: "scroll:ptr"): void;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    columns: () => any[];
+    items: () => any[];
+    totalLabel: string;
+    totalCount: number;
+    pages: number;
+    expanded: boolean;
+    currentPage: number;
+    searchPlaceholder: string;
+    empty: () => {
+        text: string;
+    };
+    notfound: () => {
+        text: string;
+    };
+    header: boolean;
+    footer: boolean;
+    activeFilterCount: number;
+    resizableColumns: boolean;
+    reorderableColumns: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    paginationClick: (page: number) => void;
+} & {
+    selectionChanged: (values: Record<string, boolean>) => void;
+} & {
+    "search:change": (value: string) => void;
+} & {
+    headerClick: (value: Record<string, unknown>) => void;
+} & {
+    itemClick: (item: {
+        id?: string;
+    }) => void;
+} & {
+    "scroll:ptr": () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    columns: () => any[];
+    items: () => any[];
+    totalLabel: string;
+    totalCount: number;
+    pages: number;
+    expanded: boolean;
+    currentPage: number;
+    searchPlaceholder: string;
+    empty: () => {
+        text: string;
+    };
+    notfound: () => {
+        text: string;
+    };
+    header: boolean;
+    footer: boolean;
+    activeFilterCount: number;
+    resizableColumns: boolean;
+    reorderableColumns: boolean;
+}>>> & {
+    onHeaderClick?: (value: Record<string, unknown>) => any;
+    "onScroll:ptr"?: () => any;
+    onItemClick?: (item: {
+        id?: string;
+    }) => any;
+    onPaginationClick?: (page: number) => any;
+    onSelectionChanged?: (values: Record<string, boolean>) => any;
+    "onSearch:change"?: (value: string) => any;
+}, {
+    footer: boolean;
+    header: boolean;
+    expanded: boolean;
+    columns: ITableColumns[];
+    items: string[] | {
+        id?: string;
+    }[];
+    totalCount: number;
+    pages: number;
+    currentPage: number;
+    totalLabel: string;
+    searchPlaceholder: string;
+    empty: StatusImage;
+    notfound: StatusImage;
+    activeFilterCount: number;
+    resizableColumns: boolean;
+    reorderableColumns: boolean;
+}>, Record<string, (_: {}) => any> & Record<string, (_: {
+    item: any;
+    cell: ITableColumns;
+}) => any> & {
+    header: (_: {}) => any;
+    filters: (_: {
+        closePanel: () => void;
+    }) => any;
+    'mobile-item': (_: {
+        item: string | {
+            id?: string;
+        };
+    }) => any;
+    notfound: (_: {}) => any;
+    empty: (_: {}) => any;
+    footer: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=vc-table.vue.d.ts.map

package/dist/types/ui/components/organisms/vc-table/vc-table.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vc-table.vue.d.ts","sourceRoot":"","sources":["../../../../../../ui/components/organisms/vc-table/vc-table.vue.ts"],"names":[],"mappings":"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"}

package/dist/types/ui/services/components.d.ts

@@ -0,0 +1,2 @@
+export { VcBadge, VcButton, VcCard, VcCheckbox, VcCol, VcContainer, VcHint, VcIcon, VcImage, VcInfoRow, VcLabel, VcLink, VcLoading, VcProgress, VcRow, VcStatus, VcStatusIcon, VcSwitch, VcWidget, VcBreadcrumbs, VcEditor, VcFileUpload, VcForm, VcInput, VcInputCurrency, VcNotification, VcPagination, VcRating, VcSelect, VcSlider, VcTextarea, VcApp, VcBlade, VcDynamicProperty, VcGallery, VcLoginForm, VcPopup, VcTable, } from "./../components";
+//# sourceMappingURL=components.d.ts.map

package/dist/types/ui/services/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../ui/services/components.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,UAAU,EACV,KAAK,EACL,WAAW,EACX,MAAM,EACN,MAAM,EACN,OAAO,EACP,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,UAAU,EACV,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,OAAO,EACP,eAAe,EACf,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,KAAK,EACL,OAAO,EACP,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,OAAO,EACP,OAAO,GACR,MAAM,iBAAiB,CAAC"}

package/dist/types/ui/services/types/components.d.ts

@@ -0,0 +1,14 @@
+import type * as vcShellComponents from "../components";
+type Map<O extends Record<any, any>> = {
+    [K in keyof O]: O[K];
+};
+type KeyInObj<O, K> = K extends keyof O ? O[K] : never;
+/** List of all components */
+export type VcShellComponentsMap = Map<typeof vcShellComponents>;
+/** Component names */
+export type VcShellComponentName = keyof VcShellComponentsMap;
+export type VcShellComponents<NAMES extends string = VcShellComponentName> = {
+    [name in NAMES]: KeyInObj<VcShellComponentsMap, name>;
+};
+export {};
+//# sourceMappingURL=components.d.ts.map

package/dist/types/ui/services/types/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../../ui/services/types/components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,iBAAiB,MAAM,eAAe,CAAC;AAGxD,KAAK,GAAG,CAAC,CAAC,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAChE,KAAK,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;AAEvD,6BAA6B;AAC7B,MAAM,MAAM,oBAAoB,GAAG,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC;AACjE,sBAAsB;AACtB,MAAM,MAAM,oBAAoB,GAAG,MAAM,oBAAoB,CAAC;AAE9D,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,MAAM,GAAG,oBAAoB,IAAI;KAC1E,IAAI,IAAI,KAAK,GAAG,QAAQ,CAAC,oBAAoB,EAAE,IAAI,CAAC;CACtD,CAAC"}

package/dist/types/ui/services/types/index.d.ts

@@ -0,0 +1,7 @@
+import { VcShellComponents } from "./components";
+declare module "vue" {
+    interface GlobalComponents extends VcShellComponents {
+    }
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/services/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/services/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGjD,OAAO,QAAQ,KAAK,CAAC;IAEnB,UAAiB,gBAAiB,SAAQ,iBAAiB;KAAG;CAC/D;AAED,OAAO,EAAE,CAAC"}

package/dist/types/ui/services/types/ts-helpers.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPublicInstance, ComputedOptions, MethodOptions, EmitsOptions, Slots, ComponentOptions } from "vue";
+export type ComponentConstructor<Component extends ComponentPublicInstance<Props, RawBindings, D, C, M, E> = ComponentPublicInstance<any>, Props = any, RawBindings = any, D = any, C extends ComputedOptions = ComputedOptions, M extends MethodOptions = MethodOptions, E extends EmitsOptions = EmitsOptions, Slot extends Slots = Slots> = {
+    new (): Component & {
+        $slots: Slot;
+    };
+} & ComponentOptions<Props, RawBindings, D, C, M, E>;
+export type GlobalComponentConstructor<T extends abstract new (...args: any) => any, S extends Slots> = ComponentConstructor<InstanceType<T>, any, any, any, any, any, any, S>;
+//# sourceMappingURL=ts-helpers.d.ts.map

package/dist/types/ui/services/types/ts-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ts-helpers.d.ts","sourceRoot":"","sources":["../../../../../ui/services/types/ts-helpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAErH,MAAM,MAAM,oBAAoB,CAC9B,SAAS,SAAS,uBAAuB,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,uBAAuB,CAAC,GAAG,CAAC,EACxG,KAAK,GAAG,GAAG,EACX,WAAW,GAAG,GAAG,EACjB,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,eAAe,GAAG,eAAe,EAC3C,CAAC,SAAS,aAAa,GAAG,aAAa,EACvC,CAAC,SAAS,YAAY,GAAG,YAAY,EACrC,IAAI,SAAS,KAAK,GAAG,KAAK,IACxB;IAAE,QAAQ,SAAS,GAAG;QAAE,MAAM,EAAE,IAAI,CAAA;KAAE,CAAA;CAAE,GAAG,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAEhG,MAAM,MAAM,0BAA0B,CACpC,CAAC,SAAS,QAAQ,MAAM,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,EAC5C,CAAC,SAAS,KAAK,IACb,oBAAoB,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC"}

package/dist/{vite.config.d.ts.map → types/vite.config.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../vite.config.ts"],"names":[],"mappings":";AAKA,wBAiCG"}
+{"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../../vite.config.ts"],"names":[],"mappings":";AAOA,wBAgCG"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.54",
-  "main": "./dist/framework.js",
-  "module": "./dist/framework.esm.js",
-  "types": "./dist/index.d.ts",
-  "style": "./dist/style.css",
+  "version": "1.0.56",
+  "main": "./dist/framework.mjs",
+  "module": "./dist/framework.mjs",
+  "types": "./dist/types/index.d.ts",
+  "style": "./dist/index.css",
   "files": [
     "dist",
     "tailwind.config.js",
@@ -14,34 +14,37 @@
   ],
   "exports": {
     ".": {
-      "import": "./dist/framework.esm.js",
-      "require": "./dist/framework.js",
-      "types": "./dist/index.d.ts"
+      "import": "./dist/framework.mjs",
+      "types": "./dist/types/index.d.ts"
     },
     "./client": {
-      "types": "./dist/ui/types/index.d.ts"
+      "types": "./dist/ui/services/types/index.d.ts"
     },
-    "./dist/style.css": "./dist/style.css",
+    "./dist/index.css": "./dist/index.css",
     "./tailwind.config": "./tailwind.config.js",
     "./*": "./*"
   },
   "scripts": {
-    "build": "vite build",
+    "build": "vite build && yarn build:types",
+    "build:types": "vue-tsc --declaration --emitDeclarationOnly --outDir dist/types",
     "dev": "vite",
     "development": "vite build --watch -m development",
     "watch": "vite build --watch",
     "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
+    "@floating-ui/vue": "^0.2.1",
     "@popperjs/core": "^2.11.0",
     "@vee-validate/i18n": "^4.7.3",
     "@vee-validate/rules": "^4.7.3",
+    "@vueup/vue-quill": "^1.1.1",
     "@vueuse/components": "^9.9.0",
     "@vueuse/core": "^9.9.0",
     "@vueuse/integrations": "^9.9.0",
     "client-oauth2": "^4.3.3",
     "moment": "^2.29.1",
     "normalize.css": "^8.0.1",
+    "quill-image-uploader": "^1.2.4",
     "swiper": "^6.8.4",
     "vee-validate": "^4.7.3",
     "vue": "^3.0.0",
@@ -53,8 +56,8 @@
     "vuedraggable": "^4.1.0"
   },
   "devDependencies": {
-    "@vc-shell/api-client-generator": "^1.0.54",
-    "@vc-shell/config-generator": "^1.0.54",
+    "@vc-shell/api-client-generator": "^1.0.56",
+    "@vc-shell/config-generator": "^1.0.56",
     "@vue-macros/volar": "^0.8.1",
     "sass": "^1.49.0",
     "typescript": "^4.9.5",
@@ -64,5 +67,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "e7492afe894926b839bef1ea9a58b86fd83ce1d1"
+  "gitHead": "42d9d9700ea47027b3bd7d6f88d6254ab4b63020"
 }

package/shared/app-switcher/components/vc-app-switcher/vc-app-switcher.vue

@@ -14,7 +14,7 @@
 
     <div
       v-if="isVisible && appsList && appsList.length"
-      class="tw-px-4 tw-py-3.5 tw-bg-white tw-drop-shadow-[4px_4px_20px_rgba(47,86,108,0.25)] tw-absolute tw-z-[10000] tw-rounded tw-top-[var(--app-bar-height)] tw-left-0"
+      class="tw-px-4 tw-py-3.5 tw-bg-white tw-drop-shadow-[4px_4px_20px_rgba(47,86,108,0.25)] tw-absolute tw-z-[9999] tw-rounded tw-top-[var(--app-bar-height)] tw-left-0 tw-w-max tw-max-w-[200px]"
     >
       <ul class="tw-flex tw-flex-col tw-gap-3 tw-overflow-hidden">
         <li

package/ui/components/atoms/vc-badge/index.ts

@@ -1,7 +1,12 @@
-import { ComponentPublicInstance } from "vue";
-import { VcBadgeEmits, VcBadgeProps } from "./vc-badge-model";
-import { ComponentConstructor } from "./../../../types/ts-helpers";
+import { VNode } from "vue";
 import Badge from "./vc-badge.vue";
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const VcBadge: ComponentConstructor<ComponentPublicInstance<VcBadgeProps, any, any, any, any, VcBadgeEmits>> =
-  Badge;
+import { GlobalComponentConstructor } from "./../../../services/types/ts-helpers";
+
+export type VcBadgeSlots = {
+  /**
+   * Slot for component content
+   * */
+  default?: () => VNode[];
+};
+
+export const VcBadge: GlobalComponentConstructor<typeof Badge, VcBadgeSlots> = Badge;

package/ui/components/atoms/vc-badge/vc-badge.vue

@@ -16,11 +16,19 @@
 </template>
 
 <script lang="ts" setup>
-import { badgeProps, badgeEmits } from "./vc-badge-model";
+export interface Props {
+  active?: boolean;
+  disabled?: boolean;
+  clickable?: boolean;
+}
+
+export interface Emits {
+  (event: "click"): void;
+}
 
-const props = defineProps(badgeProps);
+const props = defineProps<Props>();
 
-const emit = defineEmits(badgeEmits);
+const emit = defineEmits<Emits>();
 
 function onClick(): void {
   if (props.clickable && !props.disabled) {

package/ui/components/atoms/vc-button/index.ts

@@ -1,7 +1,9 @@
-import { ComponentPublicInstance } from "vue";
-import { VcButtonEmits, VcButtonProps } from "./vc-button-model";
-import { ComponentConstructor } from "./../../../types/ts-helpers";
+import { VNode } from "vue";
 import Button from "./vc-button.vue";
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const VcButton: ComponentConstructor<ComponentPublicInstance<VcButtonProps, any, any, any, any, VcButtonEmits>> =
-  Button;
+import { GlobalComponentConstructor } from "./../../../services/types/ts-helpers";
+
+export type VcButtonSlots = {
+  default?: () => VNode[];
+};
+
+export const VcButton: GlobalComponentConstructor<typeof Button, VcButtonSlots> = Button;

package/ui/components/atoms/vc-button/vc-button.vue

@@ -28,15 +28,33 @@
 </template>
 
 <script lang="ts" setup>
-import { VcIcon } from "./../../../components";
-import { buttonProps, buttonEmits } from "./vc-button-model";
 
-const props = defineProps(buttonProps);
-const emit = defineEmits(buttonEmits);
+export interface Props {
+  icon?: string | undefined;
+  variant?: "primary" | "secondary" | "special" | "danger" | "widget" | "onlytext";
+  disabled?: boolean | undefined;
+  small?: boolean | undefined;
+  outline?: boolean | undefined;
+  selected?: boolean | undefined;
+}
+
+export interface Emits {
+  /**
+   * Emitted when component is clicked
+   * */
+  (event: "click", value: Event): void;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  variant: "primary",
+});
+
+const emit = defineEmits<Emits>();
+
 function onClick(e: Event): void {
   if (!props.disabled) {
     e.preventDefault();
-    emit("click");
+    emit("click", e);
   }
 }
 </script>

package/ui/components/atoms/vc-card/index.ts

@@ -1,6 +1,10 @@
-import { ComponentPublicInstance } from "vue";
-import { VcCardEmits, VcCardProps } from "./vc-card-model";
-import { ComponentConstructor } from "./../../../types/ts-helpers";
+import { VNode } from "vue";
 import Card from "./vc-card.vue";
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const VcCard: ComponentConstructor<ComponentPublicInstance<VcCardProps, any, any, any, any, VcCardEmits>> = Card;
+import { GlobalComponentConstructor } from "./../../../services/types/ts-helpers";
+
+export type VcCardSlots = {
+  default?: () => VNode[];
+  actions?: () => VNode[];
+};
+
+export const VcCard: GlobalComponentConstructor<typeof Card, VcCardSlots> = Card;

package/ui/components/atoms/vc-card/vc-card.vue

@@ -41,11 +41,27 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import { cardProps, cardEmits } from "./vc-card-model";
 
-const props = defineProps(cardProps);
+export interface Props {
+  header?: string;
+  icon?: string;
+  isCollapsable?: boolean;
+  isCollapsed?: boolean;
+  fill?: boolean;
+  variant?: "default" | "success" | "danger";
+}
+
+export interface Emits {
+  (event: "header:click"): void;
+  (event: "state:collapsed", isCollapsedState: boolean): void;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  variant: "default",
+});
+
+const emit = defineEmits<Emits>();
 
-const emit = defineEmits(cardEmits);
 const isCollapsedInternal = ref(props.isCollapsed);
 
 function onHeaderClick() {

package/ui/components/atoms/vc-checkbox/index.ts

@@ -1,8 +1,10 @@
-import { ComponentPublicInstance } from "vue";
-import { VcCheckboxEmits, VcCheckboxProps } from "./vc-checkbox-model";
-import { ComponentConstructor } from "./../../../types/ts-helpers";
+import { VNode } from "vue";
 import Checkbox from "./vc-checkbox.vue";
-export const VcCheckbox: ComponentConstructor<
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  ComponentPublicInstance<VcCheckboxProps, any, any, any, any, VcCheckboxEmits>
-> = Checkbox;
+import { GlobalComponentConstructor } from "./../../../services/types/ts-helpers";
+
+export type VcCheckboxSlots = {
+  default?: () => VNode[];
+  error?: () => VNode[];
+};
+
+export const VcCheckbox: GlobalComponentConstructor<typeof Checkbox, VcCheckboxSlots> = Checkbox;

package/ui/components/atoms/vc-checkbox/vc-checkbox.vue

@@ -38,10 +38,21 @@
 
 <script lang="ts" setup>
 import { watch } from "vue";
-import { checkboxProps, checkboxEmits } from "./vc-checkbox-model";
 
-const props = defineProps(checkboxProps);
-const emit = defineEmits(checkboxEmits);
+export interface Props {
+  modelValue?: boolean;
+  disabled?: boolean;
+  required?: boolean;
+  name?: string;
+  errorMessage?: string;
+}
+
+export interface Emits {
+  (event: "update:modelValue", value: boolean): void;
+}
+
+const props = withDefaults(defineProps<Props>(), { name: "Field" });
+const emit = defineEmits<Emits>();
 
 watch(
   () => props.modelValue,
@@ -51,7 +62,7 @@ watch(
 );
 
 // Handle input event to propertly validate value and emit changes
-function onChange(e: InputEvent) {
+function onChange(e: Event) {
   const newValue = (e.target as HTMLInputElement).checked;
   emit("update:modelValue", newValue);
 }

package/ui/components/atoms/vc-col/index.ts

@@ -1,5 +1,9 @@
-import { ComponentPublicInstance } from "vue";
-import { VcColProps } from "./vc-col-model";
-import { ComponentConstructor } from "./../../../types/ts-helpers";
+import { VNode } from "vue";
 import Col from "./vc-col.vue";
-export const VcCol: ComponentConstructor<ComponentPublicInstance<VcColProps>> = Col;
+import { GlobalComponentConstructor } from "./../../../services/types/ts-helpers";
+
+export type VcColSlots = {
+  default?: () => VNode[];
+};
+
+export const VcCol: GlobalComponentConstructor<typeof Col, VcColSlots> = Col;

package/ui/components/atoms/vc-col/vc-col.vue

@@ -8,9 +8,13 @@
 </template>
 
 <script lang="ts" setup>
-import { colProps } from "./vc-col-model";
+export interface Props {
+  size?: string;
+}
 
-defineProps(colProps);
+withDefaults(defineProps<Props>(), {
+  size: "1",
+});
 </script>
 
 <style lang="scss">

package/ui/components/atoms/vc-container/index.ts

@@ -1,8 +1,9 @@
-import { ComponentPublicInstance } from "vue";
-import { VcContainerEmits, VcContainerProps } from "./vc-container-model";
-import { ComponentConstructor } from "./../../../types/ts-helpers";
+import { VNode } from "vue";
 import Container from "./vc-container.vue";
-export const VcContainer: ComponentConstructor<
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  ComponentPublicInstance<VcContainerProps, any, any, any, any, VcContainerEmits>
-> = Container;
+import { GlobalComponentConstructor } from "./../../../services/types/ts-helpers";
+
+export type VcContainerSlots = {
+  default?: () => VNode[];
+};
+
+export const VcContainer: GlobalComponentConstructor<typeof Container, VcContainerSlots> = Container;

package/ui/components/atoms/vc-container/vc-container.vue

@@ -36,11 +36,20 @@
 
 <script lang="ts" setup>
 import { ref, onMounted, computed, nextTick } from "vue";
-import { containerProps, containerEmits } from "./vc-container-model";
 
-const props = defineProps(containerProps);
+export interface Props {
+  shadow?: boolean;
+  noPadding?: boolean;
+  usePtr?: boolean;
+}
+
+export interface Emits {
+  (event: "scroll:ptr"): void;
+}
+
+const props = defineProps<Props>();
 
-const emit = defineEmits(containerEmits);
+const emit = defineEmits<Emits>();
 
 const component = ref<HTMLElement>();
 const scroll = ref(false);

package/ui/components/atoms/vc-hint/index.ts

@@ -1,2 +1,9 @@
 import Hint from "./vc-hint.vue";
-export const VcHint = Hint;
+import { GlobalComponentConstructor } from "./../../../services/types/ts-helpers";
+import { VNode } from "vue";
+
+export type VcHintSlots = {
+  default?: () => VNode[];
+};
+
+export const VcHint: GlobalComponentConstructor<typeof Hint, VcHintSlots> = Hint;

package/ui/components/atoms/vc-icon/index.ts

@@ -1,5 +1,9 @@
-import { ComponentPublicInstance } from "vue";
-import { VcIconProps } from "./vc-icon-model";
-import { ComponentConstructor } from "./../../../types/ts-helpers";
+import { VNode } from "vue";
 import Icon from "./vc-icon.vue";
-export const VcIcon: ComponentConstructor<ComponentPublicInstance<VcIconProps>> = Icon;
+import { GlobalComponentConstructor } from "./../../../services/types/ts-helpers";
+
+export type VcIconSlots = {
+  default?: () => VNode[];
+};
+
+export const VcIcon: GlobalComponentConstructor<typeof Icon, VcIconSlots> = Icon;

package/ui/components/atoms/vc-icon/vc-icon.vue

@@ -3,9 +3,15 @@
 </template>
 
 <script lang="ts" setup>
-import { iconProps } from "./vc-icon-model";
+export interface Props {
+  icon?: string;
+  size?: "xs" | "s" | "m" | "l" | "xl" | "xxl";
+}
 
-defineProps(iconProps);
+withDefaults(defineProps<Props>(), {
+  icon: "fas fa-square-full",
+  size: "m",
+});
 </script>
 
 <style lang="scss">