@getblock/core 0.0.76

package/README.md

@@ -0,0 +1,16 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
+
+## Type Support For `.vue` Imports in TS
+
+Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's Take Over mode by following these steps:
+
+1. Run `Extensions: Show Built-in Extensions` from VS Code's command palette, look for `TypeScript and JavaScript Language Features`, then right click and select `Disable (Workspace)`. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
+2. Reload the VS Code window by running `Developer: Reload Window` from the command palette.
+
+You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).

package/dist/components/badges/Badges.vue.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="vite/client" />
+import { PropType } from 'vue';
+type ColorTypeProps = 'additional' | 'tint-base' | 'violet' | 'attention' | 'error' | 'special' | 'accent' | 'primary' | 'success';
+declare const _sfc_main: import("vue").DefineComponent<{
+    colorType: {
+        type: PropType<ColorTypeProps>;
+        default: string;
+        validator: (value: ColorTypeProps) => boolean;
+    };
+}, {
+    props: any;
+    classObject: import("vue").ComputedRef<object>;
+    readonly badges: CSSModuleClasses;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    colorType: {
+        type: PropType<ColorTypeProps>;
+        default: string;
+        validator: (value: ColorTypeProps) => boolean;
+    };
+}>>, {
+    colorType: ColorTypeProps;
+}>;
+export default _sfc_main;

package/dist/components/breadcrumbs/Breadcrumbs.vue.d.ts

@@ -0,0 +1,61 @@
+/// <reference types="vite/client" />
+import { PropType } from 'vue';
+interface ItemProps {
+    text: string;
+    link?: string;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    items: {
+        type: PropType<ItemProps[]>;
+        default: () => never[];
+    };
+}, {
+    props: any;
+    readonly breadcrumbs: CSSModuleClasses;
+    Icon: import("vue").DefineComponent<{
+        iconName: {
+            type: StringConstructor;
+            required: true;
+        };
+        colorType: {
+            type: PropType<import("../icon/Icon.types").IconColorTypeProps>;
+            default: string;
+            validator: (value: import("../icon/Icon.types").IconColorTypeProps) => boolean;
+        };
+        sizeType: {
+            type: PropType<import("../icon/Icon.types").IconSizeTypeProps>;
+            default: string;
+            validator: (value: import("../icon/Icon.types").IconSizeTypeProps) => boolean;
+        };
+    }, {
+        props: any;
+        imgSize: import("vue").ComputedRef<number>;
+        classObject: import("vue").ComputedRef<object>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        iconName: {
+            type: StringConstructor;
+            required: true;
+        };
+        colorType: {
+            type: PropType<import("../icon/Icon.types").IconColorTypeProps>;
+            default: string;
+            validator: (value: import("../icon/Icon.types").IconColorTypeProps) => boolean;
+        };
+        sizeType: {
+            type: PropType<import("../icon/Icon.types").IconSizeTypeProps>;
+            default: string;
+            validator: (value: import("../icon/Icon.types").IconSizeTypeProps) => boolean;
+        };
+    }>>, {
+        colorType: import("../icon/Icon.types").IconColorTypeProps;
+        sizeType: import("../icon/Icon.types").IconSizeTypeProps;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<ItemProps[]>;
+        default: () => never[];
+    };
+}>>, {
+    items: ItemProps[];
+}>;
+export default _sfc_main;

package/dist/components/button/Button.types.d.ts

@@ -0,0 +1,3 @@
+export type ButtonMainTypeProps = 'base' | 'destructive';
+export type ButtonColorTypeProps = 'accent' | 'tint' | 'primary' | 'secondary' | 'outline' | 'transparent' | 'attention' | 'violet' | 'special' | 'pink-gradient' | 'white' | 'tiny-white';
+export type ButtonSizeTypeProps = 'large' | 'medium' | 'small';

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

@@ -0,0 +1,63 @@
+/// <reference types="vite/client" />
+import { PropType } from 'vue';
+import { ButtonMainTypeProps, ButtonColorTypeProps, ButtonSizeTypeProps } from '../../components/button/Button.types';
+declare const _sfc_main: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mainType: {
+        type: PropType<ButtonMainTypeProps>;
+        default: string;
+        validator: (value: ButtonMainTypeProps) => boolean;
+    };
+    colorType: {
+        type: PropType<ButtonColorTypeProps>;
+        default: string;
+        validator: (value: ButtonColorTypeProps) => boolean;
+    };
+    sizeType: {
+        type: PropType<ButtonSizeTypeProps>;
+        default: string;
+        validator: (value: ButtonSizeTypeProps) => boolean;
+    };
+    iconButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    props: any;
+    classObject: import("vue").ComputedRef<object>;
+    readonly button: CSSModuleClasses;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mainType: {
+        type: PropType<ButtonMainTypeProps>;
+        default: string;
+        validator: (value: ButtonMainTypeProps) => boolean;
+    };
+    colorType: {
+        type: PropType<ButtonColorTypeProps>;
+        default: string;
+        validator: (value: ButtonColorTypeProps) => boolean;
+    };
+    sizeType: {
+        type: PropType<ButtonSizeTypeProps>;
+        default: string;
+        validator: (value: ButtonSizeTypeProps) => boolean;
+    };
+    iconButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    colorType: ButtonColorTypeProps;
+    sizeType: ButtonSizeTypeProps;
+    disabled: boolean;
+    mainType: ButtonMainTypeProps;
+    iconButton: boolean;
+}>;
+export default _sfc_main;

package/dist/components/checkbox/Checkbox.vue.d.ts

@@ -0,0 +1,117 @@
+import { IconType, RetObjCheckType } from './types';
+declare const _sfc_main: import("vue").DefineComponent<{
+    isMaster: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isRounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    checked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allChecked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    emits: (event: "change", ...args: any[]) => void;
+    props: any;
+    retObjCheck: RetObjCheckType;
+    onChange: () => void;
+    typeIcon: import("vue").ComputedRef<IconType>;
+    iconColor: import("vue").ComputedRef<object>;
+    classObject: import("vue").ComputedRef<object>;
+    Icon: import("vue").DefineComponent<{
+        iconName: {
+            type: StringConstructor;
+            required: true;
+        };
+        colorType: {
+            type: import("vue").PropType<import("../icon/Icon.types").IconColorTypeProps>;
+            default: string;
+            validator: (value: import("../icon/Icon.types").IconColorTypeProps) => boolean;
+        };
+        sizeType: {
+            type: import("vue").PropType<import("../icon/Icon.types").IconSizeTypeProps>;
+            default: string;
+            validator: (value: import("../icon/Icon.types").IconSizeTypeProps) => boolean;
+        };
+    }, {
+        props: any;
+        imgSize: import("vue").ComputedRef<number>;
+        classObject: import("vue").ComputedRef<object>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        iconName: {
+            type: StringConstructor;
+            required: true;
+        };
+        colorType: {
+            type: import("vue").PropType<import("../icon/Icon.types").IconColorTypeProps>;
+            default: string;
+            validator: (value: import("../icon/Icon.types").IconColorTypeProps) => boolean;
+        };
+        sizeType: {
+            type: import("vue").PropType<import("../icon/Icon.types").IconSizeTypeProps>;
+            default: string;
+            validator: (value: import("../icon/Icon.types").IconSizeTypeProps) => boolean;
+        };
+    }>>, {
+        colorType: import("../icon/Icon.types").IconColorTypeProps;
+        sizeType: import("../icon/Icon.types").IconSizeTypeProps;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isMaster: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isRounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    checked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allChecked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    isMaster: boolean;
+    isRounded: boolean;
+    checked: boolean;
+    allChecked: boolean;
+    id: string;
+    value: string;
+}>;
+export default _sfc_main;

package/dist/components/checkbox/types.d.ts

@@ -0,0 +1,5 @@
+export type IconType = 'check_v1' | 'minus';
+export interface RetObjCheckType {
+    id: string;
+    checked: boolean;
+}

package/dist/components/chips/Chips.vue.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="vite/client" />
+import { PropType } from 'vue';
+type SizeTypeProps = 'large' | 'medium' | 'small';
+type ColorTypeProps = 'simple' | 'lighten';
+declare const _sfc_main: import("vue").DefineComponent<{
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sizeType: {
+        type: PropType<SizeTypeProps>;
+        default: string;
+        validator: (value: SizeTypeProps) => boolean;
+    };
+    colorType: {
+        type: PropType<ColorTypeProps>;
+        default: string;
+        validator: (value: ColorTypeProps) => boolean;
+    };
+}, {
+    emit: (event: "changeSelected", ...args: any[]) => void;
+    props: any;
+    classObject: import("vue").ComputedRef<object>;
+    changeSelected: () => void;
+    readonly chips: CSSModuleClasses;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "changeSelected"[], "changeSelected", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sizeType: {
+        type: PropType<SizeTypeProps>;
+        default: string;
+        validator: (value: SizeTypeProps) => boolean;
+    };
+    colorType: {
+        type: PropType<ColorTypeProps>;
+        default: string;
+        validator: (value: ColorTypeProps) => boolean;
+    };
+}>> & {
+    onChangeSelected?: ((...args: any[]) => any) | undefined;
+}, {
+    colorType: ColorTypeProps;
+    sizeType: SizeTypeProps;
+    selected: boolean;
+}>;
+export default _sfc_main;

package/dist/components/dropdown/Dropdown.vue.d.ts

@@ -0,0 +1,217 @@
+/// <reference types="vite/client" />
+import { PropType } from 'vue';
+type ColorTypeProps = 'fill' | 'outline';
+type SizeTypeProps = 'large' | 'medium' | 'small';
+type IconColorTypeProps = 'none' | 'main' | 'secondary' | 'tertiary' | 'disable' | 'action' | 'tint-blue' | 'attention' | 'alert' | 'success' | 'color-bg' | 'light-bg' | 'default' | 'accent-hover' | 'tint-hover' | 'attention-hover' | 'error-hover';
+interface ItemProps {
+    value: string;
+    text: string;
+    iconName?: string;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    colorType: {
+        type: PropType<ColorTypeProps>;
+        default: string;
+        validator: (value: ColorTypeProps) => boolean;
+    };
+    colorTypeIcon: {
+        type: PropType<IconColorTypeProps>;
+        default: string;
+        validator: (value: ColorTypeProps) => boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    droplistResizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isIconAlwaysSeen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isNeededToFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isWithSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    items: {
+        type: PropType<ItemProps[]>;
+        default: () => never[];
+    };
+    placeholder: {
+        type: PropType<ItemProps>;
+        default: () => {
+            iconName: string;
+            value: string;
+            text: string;
+        };
+    };
+    selectedItem: {
+        type: PropType<ItemProps>;
+        default: () => {};
+    };
+    sizeType: {
+        type: PropType<SizeTypeProps>;
+        default: string;
+        validator: (value: SizeTypeProps) => boolean;
+    };
+    tabIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    emit: (event: "selectItem" | "resetError", ...args: any[]) => void;
+    props: any;
+    slots: Readonly<{
+        [name: string]: import("vue").Slot | undefined;
+    }>;
+    isFocused: import("vue").Ref<boolean>;
+    dropdownInput: import("vue").Ref<HTMLInputElement | null>;
+    focusedIndex: import("vue").Ref<number>;
+    dropdownContent: import("vue").Ref<HTMLElement | null>;
+    scrollBar: import("vue").Ref<HTMLElement | null>;
+    thumb: import("vue").Ref<HTMLElement | null>;
+    isScrolling: import("vue").Ref<boolean>;
+    onScroll: (event: Event) => void;
+    onThumbMouseDown: (e: any) => void;
+    onScrollbarClick: (e: any) => void;
+    searchValue: import("vue").Ref<string>;
+    handleSearchChange: (event: Event) => void;
+    foundedItems: import("vue").ComputedRef<ItemProps[]>;
+    dropdownClassObject: import("vue").ComputedRef<object>;
+    droplistClassObject: import("vue").ComputedRef<{
+        'w-max': boolean;
+    }>;
+    selectItem: (item: ItemProps) => void;
+    arrowDownColorType: import("vue").ComputedRef<"main" | "tertiary">;
+    onFocusIn: () => void;
+    onFocusOut: () => void;
+    onKeyDown: (event: KeyboardEvent) => void;
+    scrollToFocusedItem: () => void;
+    readonly dropdown: CSSModuleClasses;
+    Icon: import("vue").DefineComponent<{
+        iconName: {
+            type: StringConstructor;
+            required: true;
+        };
+        colorType: {
+            type: PropType<import("../icon/Icon.types").IconColorTypeProps>;
+            default: string;
+            validator: (value: import("../icon/Icon.types").IconColorTypeProps) => boolean;
+        };
+        sizeType: {
+            type: PropType<import("../icon/Icon.types").IconSizeTypeProps>;
+            default: string;
+            validator: (value: import("../icon/Icon.types").IconSizeTypeProps) => boolean;
+        };
+    }, {
+        props: any;
+        imgSize: import("vue").ComputedRef<number>;
+        classObject: import("vue").ComputedRef<object>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        iconName: {
+            type: StringConstructor;
+            required: true;
+        };
+        colorType: {
+            type: PropType<import("../icon/Icon.types").IconColorTypeProps>;
+            default: string;
+            validator: (value: import("../icon/Icon.types").IconColorTypeProps) => boolean;
+        };
+        sizeType: {
+            type: PropType<import("../icon/Icon.types").IconSizeTypeProps>;
+            default: string;
+            validator: (value: import("../icon/Icon.types").IconSizeTypeProps) => boolean;
+        };
+    }>>, {
+        colorType: import("../icon/Icon.types").IconColorTypeProps;
+        sizeType: import("../icon/Icon.types").IconSizeTypeProps;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selectItem" | "resetError")[], "selectItem" | "resetError", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    colorType: {
+        type: PropType<ColorTypeProps>;
+        default: string;
+        validator: (value: ColorTypeProps) => boolean;
+    };
+    colorTypeIcon: {
+        type: PropType<IconColorTypeProps>;
+        default: string;
+        validator: (value: ColorTypeProps) => boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    droplistResizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isIconAlwaysSeen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isNeededToFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isWithSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    items: {
+        type: PropType<ItemProps[]>;
+        default: () => never[];
+    };
+    placeholder: {
+        type: PropType<ItemProps>;
+        default: () => {
+            iconName: string;
+            value: string;
+            text: string;
+        };
+    };
+    selectedItem: {
+        type: PropType<ItemProps>;
+        default: () => {};
+    };
+    sizeType: {
+        type: PropType<SizeTypeProps>;
+        default: string;
+        validator: (value: SizeTypeProps) => boolean;
+    };
+    tabIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    onSelectItem?: ((...args: any[]) => any) | undefined;
+    onResetError?: ((...args: any[]) => any) | undefined;
+}, {
+    error: boolean;
+    colorType: ColorTypeProps;
+    items: ItemProps[];
+    sizeType: SizeTypeProps;
+    disabled: boolean;
+    colorTypeIcon: IconColorTypeProps;
+    droplistResizable: boolean;
+    isIconAlwaysSeen: boolean;
+    isNeededToFocus: boolean;
+    isWithSearch: boolean;
+    placeholder: ItemProps;
+    selectedItem: ItemProps;
+    tabIndex: number;
+}>;
+export default _sfc_main;