yuyeon 0.3.3 → 0.3.4-beta.13

package/types/src/composables/theme/factory.d.ts

@@ -0,0 +1,4 @@
+import { ThemeDefinition } from './types';
+
+export declare function createThemes(options: Record<string, any>): Record<string, ThemeDefinition>;
+export declare function createPalette(options: Record<string, string | any>): Record<string, string>;

package/types/src/composables/theme/helper.d.ts

@@ -0,0 +1,3 @@
+export declare function cssClass(selector: string, content: string[]): string[];
+export declare function cssVariables(variables: Record<string, string>, prefix?: string): string[];
+export declare function cssVariable(property: string, value: string): string;

package/types/src/composables/theme/index.d.ts

@@ -0,0 +1,57 @@
+import { App, ComputedRef, PropType, Ref } from 'vue';
+import { ThemeScheme } from './setting';
+import { ThemeOptions } from './types';
+
+export type { ThemeOptions };
+export declare const Y_THEME_PREFIX = "y-theme";
+export interface ThemeModuleInstance {
+    scheme: Ref<keyof typeof ThemeScheme | 'auto'>;
+    theme: Ref<[string, string?]>;
+    readonly themes: any;
+    readonly global: {
+        scheme: Ref<keyof typeof ThemeScheme | 'auto'>;
+        theme: Ref<[string, string?]>;
+    };
+    readonly currentThemeKey: Readonly<ComputedRef<string>>;
+    readonly themeClasses: Readonly<ComputedRef<string | undefined>>;
+    readonly computedThemes: Readonly<ComputedRef<any>>;
+    readonly computedPalette: Readonly<ComputedRef<any>>;
+    readonly supportedAutoMode: Readonly<Ref<boolean>>;
+    readonly preferColorScheme: Readonly<Ref<'light' | 'dark'>>;
+}
+export declare const YUYEON_THEME_KEY: unique symbol;
+export declare const pressThemePropsOptions: <Defaults extends {
+    theme?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    theme: unknown extends Defaults["theme"] ? PropType<string> : {
+        type: PropType<unknown extends Defaults["theme"] ? string : string | Defaults["theme"]>;
+        default: unknown extends Defaults["theme"] ? string : string | Defaults["theme"];
+    };
+};
+export declare function isDarkMode(): boolean;
+export declare function isSupportAutoScheme(): boolean;
+export declare function createThemeModule(options: ThemeOptions): {
+    install: (app: App) => void;
+    init: (yuyeon: any) => void;
+    scope: import('vue').EffectScope;
+    instance: {
+        global: {
+            scheme: Ref<string, string>;
+            theme: Ref<[string, string], [string, string]>;
+        };
+        themes: Ref<any, any>;
+        scheme: Ref<string, string>;
+        theme: Ref<[string, string], [string, string]>;
+        currentThemeKey: ComputedRef<string>;
+        currentThemeColors: ComputedRef<Record<string, string>>;
+        themeClasses: ComputedRef<string>;
+        computedThemes: ComputedRef<Record<string, import('./types').ThemeDefinition>>;
+        computedPalette: ComputedRef<Record<string, string>>;
+        supportedAutoMode: Readonly<Ref<boolean, boolean>>;
+        preferColorScheme: Readonly<Ref<string, string>>;
+    };
+};
+export declare function useLocalTheme(props: {
+    theme?: string;
+}): ThemeModuleInstance;
+export declare function useTheme(): ThemeModuleInstance;

package/types/src/composables/theme/setting.d.ts

@@ -0,0 +1,11 @@
+import { PaletteOption, ThemeOptions } from './types';
+
+export declare const ThemeScheme: {
+    readonly light: "light";
+    readonly dark: "dark";
+};
+export declare const schemes: readonly ["light", "dark", "auto"];
+export declare const defaultTonalLuminance: number[];
+export declare const defaultPalette: PaletteOption;
+export declare const defaultThemesValues: any;
+export declare function configureOptions(options?: ThemeOptions): any;

package/types/src/composables/theme/types.d.ts

@@ -0,0 +1,29 @@
+export interface ThemeOptions {
+    scheme: 'light' | 'dark' | 'auto';
+    theme: [string, string?];
+    themes: Record<string, ThemeDefinition>;
+    palette?: PaletteOption;
+    cspNonce?: string;
+    separation?: string;
+}
+export interface PaletteOption {
+    scaleMethod: 'manual' | 'luma' | 'tonal';
+    colors: Record<string, string | PaletteLevelColorOption | PaletteLumaColorOption>;
+    defaultLamaScale?: {
+        darken?: 0 | 1 | 2 | 3 | 4;
+        lighten?: 0 | 1 | 2 | 3 | 4 | 5;
+    };
+}
+type ScaleLevel = number;
+export type PaletteLevelColorOption = Record<ScaleLevel, string>;
+export type PaletteLumaColorOption = {
+    value: string;
+    darken?: 0 | 1 | 2 | 3 | 4;
+    lighten?: 0 | 1 | 2 | 3 | 4 | 5;
+};
+export interface ThemeDefinition {
+    isDark: boolean;
+    colors: Record<string, string>;
+    variables: Record<string, string>;
+}
+export {};

package/types/src/composables/timing.d.ts

@@ -0,0 +1,20 @@
+import { MaybeRef, Ref } from 'vue';
+
+export declare function useLazy(eager: Ref<boolean | undefined>, updated: Ref<any>): {
+    entered: Ref<boolean, boolean>;
+    lazyValue: import('vue').ComputedRef<any>;
+    onAfterUpdate: () => void;
+};
+export declare function useTimer(cb: () => void, duration: MaybeRef<number>, options?: {
+    tickDuration: number;
+}): {
+    start: () => void;
+    stop: () => void;
+    reset: () => void;
+    drift: Ref<number, number>;
+    isWork: Ref<boolean, boolean>;
+};
+export declare function useDelay(props: any, callback?: (active: boolean) => void): {
+    startOpenDelay: () => Promise<boolean>;
+    startCloseDelay: () => Promise<boolean>;
+};

package/types/src/composables/transition.d.ts

@@ -0,0 +1,40 @@
+import { Component, FunctionalComponent, PropType, TransitionProps } from 'vue';
+
+export declare const pressPolyTransitionPropsOptions: <Defaults extends {
+    transition?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    transition: unknown extends Defaults["transition"] ? {
+        type: PropType<string | (TransitionProps & {
+            is?: Component;
+        })>;
+        default: string;
+    } : Omit<{
+        type: PropType<string | (TransitionProps & {
+            is?: Component;
+        })>;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["transition"] ? string | (TransitionProps & {
+            is?: Component;
+        }) : Defaults["transition"] | NonNullable<string | (TransitionProps & {
+            is?: Component;
+        })>>;
+        default: unknown extends Defaults["transition"] ? string | (TransitionProps & {
+            is?: Component;
+        }) : Defaults["transition"] | NonNullable<string | (TransitionProps & {
+            is?: Component;
+        })>;
+    };
+};
+export declare function usePolyTransition(props: {
+    transition: any;
+}): {
+    polyTransitionBindProps: import('vue').ComputedRef<{
+        is: any;
+        transitionProps: any;
+    }>;
+};
+export declare const PolyTransition: FunctionalComponent<TransitionProps & {
+    is: string | Component;
+    transitionProps: TransitionProps;
+}>;

package/types/src/composables/validation.d.ts

@@ -0,0 +1,82 @@
+import { PropType } from 'vue';
+
+export interface ValidationProps {
+    validateOn: 'input' | 'blur' | 'lazy' | 'submit' | string;
+}
+export declare const pressValidationPropsOptions: <Defaults extends {
+    readonly?: unknown;
+    disabled?: unknown;
+    status?: unknown;
+    helperText?: unknown;
+    validators?: unknown;
+    validateOn?: unknown;
+    validationValue?: unknown;
+    maxErrors?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    readonly: unknown extends Defaults["readonly"] ? PropType<boolean> : {
+        type: PropType<unknown extends Defaults["readonly"] ? boolean : boolean | Defaults["readonly"]>;
+        default: unknown extends Defaults["readonly"] ? boolean : boolean | Defaults["readonly"];
+    };
+    disabled: unknown extends Defaults["disabled"] ? PropType<boolean> : {
+        type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
+        default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
+    };
+    status: unknown extends Defaults["status"] ? {
+        type: PropType<"success" | "warning" | "error" | undefined>;
+        validator(value: string): boolean;
+    } : Omit<{
+        type: PropType<"success" | "warning" | "error" | undefined>;
+        validator(value: string): boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["status"] ? "error" | "warning" | "success" | undefined : Defaults["status"] | NonNullable<"error" | "warning" | "success" | undefined>>;
+        default: unknown extends Defaults["status"] ? "error" | "warning" | "success" | undefined : Defaults["status"] | NonNullable<"error" | "warning" | "success" | undefined>;
+    };
+    helperText: unknown extends Defaults["helperText"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["helperText"] ? string : string | Defaults["helperText"]>;
+        default: unknown extends Defaults["helperText"] ? string : string | Defaults["helperText"];
+    };
+    validators: unknown extends Defaults["validators"] ? PropType<string[] | ((v: any) => boolean | string)[]> : {
+        type: PropType<unknown extends Defaults["validators"] ? string[] | ((v: any) => boolean | string)[] : Defaults["validators"] | NonNullable<string[] | ((v: any) => boolean | string)[]>>;
+        default: unknown extends Defaults["validators"] ? string[] | ((v: any) => boolean | string)[] : Defaults["validators"] | NonNullable<string[] | ((v: any) => boolean | string)[]>;
+    };
+    validateOn: unknown extends Defaults["validateOn"] ? {
+        type: PropType<ValidationProps["validateOn"]>;
+    } : Omit<{
+        type: PropType<ValidationProps["validateOn"]>;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["validateOn"] ? string : string | Defaults["validateOn"]>;
+        default: unknown extends Defaults["validateOn"] ? string : string | Defaults["validateOn"];
+    };
+    validationValue: unknown extends Defaults["validationValue"] ? null : {
+        type: PropType<unknown extends Defaults["validationValue"] ? any : any>;
+        default: unknown extends Defaults["validationValue"] ? any : any;
+    };
+    maxErrors: unknown extends Defaults["maxErrors"] ? {
+        type: PropType<number | string>;
+        default: number;
+    } : Omit<{
+        type: PropType<number | string>;
+        default: number;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["maxErrors"] ? string | number : Defaults["maxErrors"] | NonNullable<string | number>>;
+        default: unknown extends Defaults["maxErrors"] ? string | number : Defaults["maxErrors"] | NonNullable<string | number>;
+    };
+};
+export declare function useValidation(props: any, name: string, uid?: number | undefined): {
+    invokeValidators: () => Promise<any[]>;
+    resetError: () => void;
+    validating: import('vue').Ref<boolean, boolean>;
+    validateOn: import('vue').ComputedRef<{
+        blur: boolean;
+        input: boolean;
+        lazy: boolean;
+        submit: boolean;
+    }>;
+    errorResult: import('vue').Ref<any, any>;
+    errors: import('vue').Ref<any[], any[]>;
+    isReadonly: import('vue').ComputedRef<any>;
+    isDisabled: import('vue').ComputedRef<any>;
+    isLoading: import('vue').ComputedRef<any>;
+    isError: import('vue').ComputedRef<boolean>;
+    isSuccess: import('vue').ComputedRef<boolean>;
+};

package/types/src/composables/vue-router.d.ts

@@ -0,0 +1,43 @@
+import { ComputedRef, PropType, Ref, SetupContext } from 'vue';
+import { RouteLocationRaw, useLink as _useLink } from 'vue-router';
+import { EventProp } from '../util/component';
+
+export interface LinkProps {
+    href: string | undefined;
+    replace: boolean | undefined;
+    to: RouteLocationRaw | undefined;
+    exact: boolean | undefined;
+}
+export interface LinkListeners {
+    onClick?: EventProp | undefined;
+    onClickOnce?: EventProp | undefined;
+}
+export declare const pressVueRouterPropsOptions: <Defaults extends {
+    href?: unknown;
+    replace?: unknown;
+    to?: unknown;
+    exact?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    href: unknown extends Defaults["href"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["href"] ? string : string | Defaults["href"]>;
+        default: unknown extends Defaults["href"] ? string : string | Defaults["href"];
+    };
+    replace: unknown extends Defaults["replace"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["replace"] ? boolean : boolean | Defaults["replace"]>;
+        default: unknown extends Defaults["replace"] ? boolean : boolean | Defaults["replace"];
+    };
+    to: unknown extends Defaults["to"] ? PropType<string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric> : {
+        type: PropType<unknown extends Defaults["to"] ? string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric : Defaults["to"] | NonNullable<string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric>>;
+        default: unknown extends Defaults["to"] ? string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric : Defaults["to"] | NonNullable<string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric>;
+    };
+    exact: unknown extends Defaults["exact"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["exact"] ? boolean : boolean | Defaults["exact"]>;
+        default: unknown extends Defaults["exact"] ? boolean : boolean | Defaults["exact"];
+    };
+};
+export interface UseLink extends Omit<Partial<ReturnType<typeof _useLink>>, 'href'> {
+    isLink: ComputedRef<boolean>;
+    isClickable: ComputedRef<boolean>;
+    href: Ref<string | undefined>;
+}
+export declare function useLink(props: LinkProps & LinkListeners, attrs: SetupContext['attrs']): UseLink;

package/types/src/declares.d.ts

@@ -0,0 +1 @@
+declare module '*.scss';

package/types/src/directives/complement-click/index.d.ts

@@ -0,0 +1,26 @@
+import { DirectiveBinding } from 'vue';
+
+interface ComplementClickDirectiveElementImplanted {
+    onClick: EventListener;
+    onMousedown: EventListener;
+}
+declare global {
+    interface Element {
+        _complementClick?: Record<number, ComplementClickDirectiveElementImplanted | undefined> & {
+            lastMousedownWasOutside: boolean;
+        };
+    }
+}
+export interface ComplementClickBindingOptions {
+    handler: (mouseEvent: MouseEvent) => void;
+    determine?: (event: Event) => boolean;
+    include?: () => (HTMLElement | undefined)[];
+}
+export interface ComplementClickBinding extends DirectiveBinding {
+    value: ((mouseEvent: MouseEvent) => void) | ComplementClickBindingOptions;
+}
+export declare const ComplementClick: {
+    mounted(element: HTMLElement, binding: ComplementClickBinding): void;
+    unmounted(element: HTMLElement, binding: ComplementClickBinding): void;
+};
+export {};

package/types/src/directives/index.d.ts

@@ -0,0 +1,2 @@
+export * from './complement-click';
+export * from './plate-wave';

package/types/src/directives/plate-wave/index.d.ts

@@ -0,0 +1,20 @@
+import { Directive, DirectiveBinding } from 'vue';
+
+export interface PlateWaveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
+    value?: boolean;
+    modifiers: {
+        stop?: boolean;
+    };
+}
+export declare const PlateWave: {
+    mounted(el: HTMLElement, binding: PlateWaveBinding): void;
+    updated(el: HTMLElement, binding: PlateWaveBinding): void;
+    unmount(el: HTMLElement): void;
+};
+export type PlateWaveDirective = Directive<HTMLElement, PlateWaveBinding>;
+declare module 'vue' {
+    interface ComponentCustomProperties {
+        vPlateWave: PlateWaveDirective;
+    }
+}
+export default PlateWave;

package/types/src/directives/theme-class/index.d.ts

@@ -0,0 +1,4 @@
+import { FunctionDirective } from 'vue';
+
+declare const bindThemeClass: FunctionDirective;
+export default bindThemeClass;

package/types/src/etc/index.d.ts

@@ -0,0 +1 @@
+export declare const YUYEON_LOGO = ",--. ,--.,--.,--.,--. ,--.,---.  ,---. ,--,--,  \n \\  '  / |  ||  | \\  '  /| .-. :| .-. ||      \\ \n  \\   '  '  ''  '  \\   ' \\   --.' '-' '|  ||  | \n.-'  /    `----' .-'  /   `----' `---' `--''--' \n`---'            `---'                          ";

package/types/src/globals.d.ts

@@ -0,0 +1,20 @@
+import { VNode } from 'vue';
+
+
+declare global {
+  namespace JSX {
+    interface Element extends VNode {}
+
+    interface IntrinsicAttributes {
+      [name: string]: any;
+    }
+  }
+}
+
+declare module 'vue' {
+  export interface ComponentCustomProperties {}
+
+  export interface ComponentInternalInstance {
+    provides: Record<string, unknown>;
+  }
+}

package/types/src/i18n/built-in.d.ts

@@ -0,0 +1,3 @@
+import { LocaleModule, LocaleOptions } from './types';
+
+export declare function constructYuyeonI18nAdapter(options?: LocaleOptions): LocaleModule;

package/types/src/i18n/config.d.ts

@@ -0,0 +1,81 @@
+export declare const localeCodesMap: {
+    af: string;
+    bg: string;
+    ca: string;
+    cs: string;
+    de: string;
+    el: string;
+    en: string;
+    et: string;
+    fa: string;
+    fi: string;
+    hr: string;
+    hu: string;
+    he: string;
+    id: string;
+    it: string;
+    ja: string;
+    ko: string;
+    lv: string;
+    lt: string;
+    nl: string;
+    no: string;
+    pl: string;
+    pt: string;
+    ro: string;
+    ru: string;
+    sk: string;
+    sl: string;
+    srCyrl: string;
+    srLatn: string;
+    sv: string;
+    th: string;
+    tr: string;
+    az: string;
+    uk: string;
+    vi: string;
+    zhHans: string;
+    zhHant: string;
+};
+export declare const defaultRtl: {
+    af: boolean;
+    ar: boolean;
+    bg: boolean;
+    ca: boolean;
+    cs: boolean;
+    de: boolean;
+    el: boolean;
+    en: boolean;
+    es: boolean;
+    et: boolean;
+    fa: boolean;
+    fi: boolean;
+    fr: boolean;
+    hr: boolean;
+    hu: boolean;
+    he: boolean;
+    id: boolean;
+    it: boolean;
+    ja: boolean;
+    ko: boolean;
+    lv: boolean;
+    lt: boolean;
+    nl: boolean;
+    no: boolean;
+    pl: boolean;
+    pt: boolean;
+    ro: boolean;
+    ru: boolean;
+    sk: boolean;
+    sl: boolean;
+    srCyrl: boolean;
+    srLatn: boolean;
+    sv: boolean;
+    th: boolean;
+    tr: boolean;
+    az: boolean;
+    uk: boolean;
+    vi: boolean;
+    zhHans: boolean;
+    zhHant: boolean;
+};

package/types/src/i18n/types.d.ts

@@ -0,0 +1,20 @@
+import { Ref } from 'vue';
+
+export type LocaleMessages = {
+    [key: string]: LocaleMessages | string;
+};
+export interface LocaleOptions {
+    messages?: LocaleMessages;
+    locale?: string;
+    fallbackLocale?: string;
+    adapter?: LocaleModule;
+}
+export interface LocaleModule {
+    name: string;
+    locale: Ref<string>;
+    fallbackLocale: Ref<string>;
+    messages: Ref<LocaleMessages>;
+    t: (key: string, ...args: unknown[]) => string;
+    n: (value: number) => string;
+    getContext: (props: LocaleOptions) => LocaleModule;
+}

package/types/src/index.d.ts

@@ -0,0 +1,13 @@
+import { App } from 'vue';
+import { useTheme } from './composables/theme';
+
+declare module 'vue' {
+    interface ComponentCustomProperties {
+        $yuyeon: any;
+    }
+}
+export declare function init(options?: any): {
+    install: (app: App) => void;
+};
+export declare function useYuyeon(): any;
+export { useTheme };

package/types/src/locales/en.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    search: string;
+    noItems: string;
+    noData: string;
+};
+export default _default;

package/types/src/locales/index.d.ts

@@ -0,0 +1,2 @@
+export { default as en } from './en';
+export { default as ko } from './ko';

package/types/src/locales/ko.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    search: string;
+    noItems: string;
+    noData: string;
+};
+export default _default;

package/types/src/mixins/di.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/src/mixins/rebind-attrs.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {
+    attrs_$: any;
+    listeners_$: any;
+}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/src/shims.d.ts

@@ -0,0 +1,64 @@
+import { YAlert, YApp, YBadge, YButton, YCard, YCardBody, YCardFooter, YCardHeader, YCheckbox, YChip, YDataTable, YDataTableLayerRow, YDataTableLayerRows, YDataTableServer, YDateCalendar, YDatePicker, YDialog, YDividePanel, YDivider, YDropdown, YExpandHTransition, YExpandVTransition, YFieldInput, YForm, YHover, YIcon, YInput, YInputCheckbox, YIpv4Field, YLayer, YList, YListItem, YMenu, YMonthPicker, YPagination, YProgressBar, YProgressRing, YSelect, YSnackbar, YSpinnerRing, YSwitch, YTab, YTable, YTabs, YTextarea, YTextEllipsis, YTextHighlighter, YTi, YTooltip, YTreeView, YTreeViewNode } from 'yuyeon/components';
+
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    // @define-components
+    YApp: YApp;
+    YButton: YButton;
+    YChip: YChip;
+    YInput: YInput;
+    YFieldInput: YFieldInput;
+    YTextarea: YTextarea;
+    YForm: YForm;
+    YCard: YCard;
+    YCardBody: YCardBody;
+    YCardHeader: YCardHeader;
+    YCardFooter: YCardFooter;
+    YDialog: YDialog;
+    YLayer: YLayer;
+    YSnackbar: YSnackbar;
+    YProgressBar: YProgressBar;
+    YSpinnerRing: YSpinnerRing;
+    YTooltip: YTooltip;
+    YExpandVTransition: YExpandVTransition;
+    YExpandHTransition: YExpandHTransition;
+    YDividePanel: YDividePanel;
+    YList: YList;
+    YListItem: YListItem;
+    YTreeView: YTreeView;
+    YTreeViewNode: YTreeViewNode;
+    YTable: YTable;
+    YDataTable: YDataTable;
+    YDataTableLayerRows: YDataTableLayerRows;
+    YDataTableLayerRow: YDataTableLayerRow;
+    YDataTableServer: YDataTableServer;
+    YMenu: YMenu;
+    YPagination: YPagination;
+    YInputCheckbox: YInputCheckbox;
+    YCheckbox: YCheckbox;
+    YSwitch: YSwitch;
+    YDropdown: YDropdown;
+    YSelect: YSelect;
+    YAlert: YAlert;
+    YTabs: YTabs;
+    YTab: YTab;
+    YDivider: YDivider;
+    YDateCalendar: YDateCalendar;
+    YIcon: YIcon;
+    YDatePicker: YDatePicker;
+    YMonthPicker: YMonthPicker;
+    YBadge: YBadge;
+    YIpv4Field: YIpv4Field;
+    YHover: YHover;
+    YTi: YTi;
+    YTextHighlighter: YTextHighlighter;
+    YProgressRing: YProgressRing;
+    YTextEllipsis: YTextEllipsis;
+  }
+
+  export interface GlobalDirectives {
+    vPlateWave: typeof import('yuyeon/directives')['PlateWave'];
+    vComplementClick: typeof import('yuyeon/directives')['ComplementClick'];
+  }
+}

package/types/src/types/index.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPublicInstance, FunctionalComponent } from 'vue';
+
+export type CandidateKey = string | number;
+export type JSXComponent<Props = any> = FunctionalComponent<Props> | {
+    new (): ComponentPublicInstance<Props>;
+};
+export type CssProperties = {
+    [p: `--${string}`]: string | number | undefined;
+};

package/types/src/util/anchor.d.ts

@@ -0,0 +1,23 @@
+declare const block: readonly ["top", "bottom"];
+declare const inline: readonly ["start", "end", "left", "right"];
+type Tblock = (typeof block)[number];
+type Tinline = (typeof inline)[number];
+export type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
+export type ParsedAnchor = {
+    side: 'center';
+    align: 'center';
+} | {
+    side: Tblock;
+    align: 'left' | 'right' | 'center';
+} | {
+    side: 'left' | 'right';
+    align: Tblock | 'center';
+};
+/** Parse a raw anchor string into an object */
+export declare function parseAnchor(anchor: Anchor, isRtl: boolean): ParsedAnchor;
+export declare function toPhysical(str: 'center' | Tblock | Tinline, isRtl: boolean): "bottom" | "left" | "right" | "top" | "center";
+export declare function flipSide(anchor: ParsedAnchor): ParsedAnchor;
+export declare function flipAlign(anchor: ParsedAnchor): ParsedAnchor;
+export declare function flipCorner(anchor: ParsedAnchor): ParsedAnchor;
+export declare function getAxis(anchor: ParsedAnchor): "y" | "x";
+export {};

package/types/src/util/array.d.ts

@@ -0,0 +1,2 @@
+export declare function differenceBetween(inspect: any[], exclude: any[]): any[];
+export declare function wrapInArray(arrOrNot: any | any[]): any[];

package/types/src/util/collection.d.ts

@@ -0,0 +1 @@
+export declare function getFlatChildren(children: any[], childrenKey?: string): any[];