vueless 0.0.477-beta.0 → 0.0.477

package/directives/tooltip/storybook/stories.d.ts

@@ -1,252 +0,0 @@
-declare namespace _default {
-    export let id: string;
-    export let title: string;
-    export { UIcon as component };
-    export let args: {};
-    export let argTypes: {
-        defaultTemplate?: {
-            table: {
-                disable: boolean;
-            };
-        } | undefined;
-        slotTemplate?: {
-            table: {
-                disable: boolean;
-            };
-        } | undefined;
-    };
-}
-export default _default;
-export function Default(args: any): {
-    components: {
-        UIcon: import("vue").DefineComponent<{}, {
-            $emit: (event: "click", ...args: any[]) => void;
-            config: Record<string, any>;
-            name: string;
-            src: Record<string, any>;
-            tooltip: string;
-            tooltipSettings: Record<string, any>;
-            dataTest: string;
-            internal: boolean;
-            color?: string | undefined;
-            size?: string | undefined;
-            interactive?: boolean | undefined;
-            variant?: string | undefined;
-            $props: {
-                readonly config?: Record<string, any> | undefined;
-                readonly name?: string | undefined;
-                readonly src?: Record<string, any> | undefined;
-                readonly tooltip?: string | undefined;
-                readonly tooltipSettings?: Record<string, any> | undefined;
-                readonly dataTest?: string | undefined;
-                readonly internal?: boolean | undefined;
-                readonly color?: string | undefined;
-                readonly size?: string | undefined;
-                readonly interactive?: boolean | undefined;
-                readonly variant?: string | undefined;
-            };
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    };
-    directives: {
-        tooltip: {
-            mounted(el: any, bindings: any): void;
-            updated(el: any, bindings: any): void;
-            unmounted(el: any): void;
-        };
-    };
-    setup(): {
-        args: any;
-    };
-    template: string;
-};
-export namespace Default {
-    export namespace args_1 {
-        let tooltip: string;
-    }
-    export { args_1 as args };
-}
-export function Settings(args: any): {
-    components: {
-        UIcon: import("vue").DefineComponent<{}, {
-            $emit: (event: "click", ...args: any[]) => void;
-            config: Record<string, any>;
-            name: string;
-            src: Record<string, any>;
-            tooltip: string;
-            tooltipSettings: Record<string, any>;
-            dataTest: string;
-            internal: boolean;
-            color?: string | undefined;
-            size?: string | undefined;
-            interactive?: boolean | undefined;
-            variant?: string | undefined;
-            $props: {
-                readonly config?: Record<string, any> | undefined;
-                readonly name?: string | undefined;
-                readonly src?: Record<string, any> | undefined;
-                readonly tooltip?: string | undefined;
-                readonly tooltipSettings?: Record<string, any> | undefined;
-                readonly dataTest?: string | undefined;
-                readonly internal?: boolean | undefined;
-                readonly color?: string | undefined;
-                readonly size?: string | undefined;
-                readonly interactive?: boolean | undefined;
-                readonly variant?: string | undefined;
-            };
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    };
-    directives: {
-        tooltip: {
-            mounted(el: any, bindings: any): void;
-            updated(el: any, bindings: any): void;
-            unmounted(el: any): void;
-        };
-    };
-    setup(): {
-        args: any;
-    };
-    template: string;
-};
-export namespace Settings {
-    export namespace args_2 {
-        export namespace tooltip_1 {
-            let content: string;
-            let placement: string;
-        }
-        export { tooltip_1 as tooltip };
-    }
-    export { args_2 as args };
-}
-export function Placement(args: any): {
-    components: {
-        UIcon: import("vue").DefineComponent<{}, {
-            $emit: (event: "click", ...args: any[]) => void;
-            config: Record<string, any>;
-            name: string;
-            src: Record<string, any>;
-            tooltip: string;
-            tooltipSettings: Record<string, any>;
-            dataTest: string;
-            internal: boolean;
-            color?: string | undefined;
-            size?: string | undefined;
-            interactive?: boolean | undefined;
-            variant?: string | undefined;
-            $props: {
-                readonly config?: Record<string, any> | undefined;
-                readonly name?: string | undefined;
-                readonly src?: Record<string, any> | undefined;
-                readonly tooltip?: string | undefined;
-                readonly tooltipSettings?: Record<string, any> | undefined;
-                readonly dataTest?: string | undefined;
-                readonly internal?: boolean | undefined;
-                readonly color?: string | undefined;
-                readonly size?: string | undefined;
-                readonly interactive?: boolean | undefined;
-                readonly variant?: string | undefined;
-            };
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        URow: {
-            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
-                config: Record<string, any>;
-                dataTest: string;
-                reverse?: boolean | undefined;
-                content?: string | undefined;
-                gap?: string | undefined;
-                align?: string | undefined;
-                justify?: string | undefined;
-                wrap?: boolean | undefined;
-                noMobile?: boolean | undefined;
-                $props: {
-                    readonly config?: Record<string, any> | undefined;
-                    readonly dataTest?: string | undefined;
-                    readonly reverse?: boolean | undefined;
-                    readonly content?: string | undefined;
-                    readonly gap?: string | undefined;
-                    readonly align?: string | undefined;
-                    readonly justify?: string | undefined;
-                    readonly wrap?: boolean | undefined;
-                    readonly noMobile?: boolean | undefined;
-                };
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<{}> & Readonly<{}>, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<{}> & Readonly<{}>, {
-                config: Record<string, any>;
-                dataTest: string;
-                reverse?: boolean | undefined;
-                content?: string | undefined;
-                gap?: string | undefined;
-                align?: string | undefined;
-                justify?: string | undefined;
-                wrap?: boolean | undefined;
-                noMobile?: boolean | undefined;
-                $props: {
-                    readonly config?: Record<string, any> | undefined;
-                    readonly dataTest?: string | undefined;
-                    readonly reverse?: boolean | undefined;
-                    readonly content?: string | undefined;
-                    readonly gap?: string | undefined;
-                    readonly align?: string | undefined;
-                    readonly justify?: string | undefined;
-                    readonly wrap?: boolean | undefined;
-                    readonly noMobile?: boolean | undefined;
-                };
-            }, {}, {}, {}, {}>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
-            config: Record<string, any>;
-            dataTest: string;
-            reverse?: boolean | undefined;
-            content?: string | undefined;
-            gap?: string | undefined;
-            align?: string | undefined;
-            justify?: string | undefined;
-            wrap?: boolean | undefined;
-            noMobile?: boolean | undefined;
-            $props: {
-                readonly config?: Record<string, any> | undefined;
-                readonly dataTest?: string | undefined;
-                readonly reverse?: boolean | undefined;
-                readonly content?: string | undefined;
-                readonly gap?: string | undefined;
-                readonly align?: string | undefined;
-                readonly justify?: string | undefined;
-                readonly wrap?: boolean | undefined;
-                readonly noMobile?: boolean | undefined;
-            };
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-            $slots: {
-                default?(_: {}): any;
-            };
-        });
-    };
-    directives: {
-        tooltip: {
-            mounted(el: any, bindings: any): void;
-            updated(el: any, bindings: any): void;
-            unmounted(el: any): void;
-        };
-    };
-    setup(): {
-        args: any;
-    };
-    template: string;
-};
-export namespace Placement {
-    export namespace args_3 {
-        let tooltip_2: {};
-        export { tooltip_2 as tooltip };
-        let _enum: string;
-        export { _enum as enum };
-        export let options: string[];
-    }
-    export { args_3 as args };
-}
-import UIcon from "../../../ui.image-icon/UIcon.vue";

package/directives/tooltip/vTooltip.d.ts

@@ -1,6 +0,0 @@
-declare namespace _default {
-    function mounted(el: any, bindings: any): void;
-    function updated(el: any, bindings: any): void;
-    function unmounted(el: any): void;
-}
-export default _default;

package/index.d.ts

@@ -1,15 +0,0 @@
-import type { App } from 'vue';
-import type { CreateVuelessOptions } from './types';
-export { setTitle } from "./utils/utilHelper.js";
-export { setTheme } from "./utilsTs/utilTheme";
-export { default as createVueI18nAdapter } from "./adatper.locale/vue-i18n.js";
-export { default as defaultEnLocale } from "./adatper.locale/locales/en.js";
-export { useLocale } from "./composables/useLocale.js";
-export { useLoaderProgress } from "./ui.loader-progress/useLoaderProgress.js";
-export { loaderProgressOn, loaderProgressOff } from "./ui.loader-progress/utilLoaderProgress.js";
-export { useLoaderOverlay } from "./ui.loader-overlay/useLoaderOverlay.js";
-export { loaderOverlayOn, loaderOverlayOff } from "./ui.loader-overlay/utilLoaderOverlay.js";
-export { notify, notifySuccess, notifyWarning, notifyError, clearNotifications, setDelayedNotify, getDelayedNotify, } from "./ui.text-notify/utilNotify.js";
-export declare function createVueless(options?: CreateVuelessOptions): {
-    install: (app: App) => void;
-};

package/preset.tailwind.d.ts

@@ -1,69 +0,0 @@
-export function vuelessPreset(): Object;
-export function getSafelist(): any[];
-export const vuelessContent: string[];
-export const vuelessContentVue: string[];
-export const vuelessContentNuxt: string[];
-export namespace vuelessTailwindConfig {
-    let darkMode: string[];
-    let content: string[];
-    namespace theme {
-        namespace extend {
-            namespace colors {
-                let brand: Object;
-                let gray: Object;
-                let cool: {
-                    '50': "#f9fafb";
-                    '100': "#f3f4f6";
-                    '200': "#e5e7eb";
-                    '300': "#d1d5db";
-                    '400': "#9ca3af";
-                    '500': "#6b7280";
-                    '600': "#4b5563";
-                    '700': "#374151";
-                    '800': "#1f2937";
-                    '900': "#111827";
-                    '950': "#030712";
-                };
-            }
-            let spacing: {
-                "safe-top": string;
-                "safe-bottom": string;
-                "safe-left": string;
-                "safe-right": string;
-            };
-            let fontSize: {
-                "2xs": string[];
-            };
-            namespace borderRadius {
-                let dynamic: string;
-            }
-            namespace ringWidth {
-                let dynamic_1: string;
-                export { dynamic_1 as dynamic };
-            }
-            namespace ringOffsetWidth {
-                let dynamic_2: string;
-                export { dynamic_2 as dynamic };
-            }
-            namespace ringOffsetColor {
-                let dynamic_3: Function;
-                export { dynamic_3 as dynamic };
-            }
-        }
-        namespace configViewer {
-            let themeReplacements: {
-                constructor: Function;
-                toString(): string;
-                toLocaleString(): string;
-                valueOf(): Object;
-                hasOwnProperty(v: PropertyKey): boolean;
-                isPrototypeOf(v: Object): boolean;
-                propertyIsEnumerable(v: PropertyKey): boolean;
-                "var(--vl-ring)": number;
-                "var(--vl-ring-offset)": number;
-                "var(--vl-ring-offset-color)": string;
-                "var(--vl-rounding)": number;
-            };
-        }
-    }
-}

package/types.d.ts

@@ -1,131 +0,0 @@
-import { hasSlotContent } from "./composablesTs/useUI";
-import UTextDefaultConfig from "./ui.text-block/config";
-import UButtonDefaultConfig from "./ui.button/config";
-import type { ComputedRef } from "vue";
-export interface ThemeConfig {
-    brand?: BrandColors;
-    gray?: GrayColors;
-    rounding?: number;
-    ring?: number;
-    ringOffset?: number;
-    ringOffsetColorLight?: string;
-    ringOffsetColorDark?: string;
-    darkMode?: boolean;
-}
-export interface Config extends ThemeConfig {
-    strategy?: Strategies;
-    component?: Partial<Components>;
-    tailwindMerge?: UnknownObject;
-}
-export type UnknownObject = Record<string, unknown>;
-export type ComponentNames = keyof Components;
-export type Strategies = "merge" | "replace" | "override";
-export type GrayColors = "slate" | "cool" | "zinc" | "neutral" | "stone";
-export type BrandColors = "grayscale" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
-export interface Components {
-    UText?: Partial<typeof UTextDefaultConfig>;
-    UButton?: Partial<typeof UButtonDefaultConfig>;
-}
-export interface Component {
-    i18n?: UnknownObject;
-    defaults?: UnknownObject;
-    safelist?: () => TailwindSafelist[];
-    strategy?: Strategies;
-    transition?: Transition;
-    safelistColors?: BrandColors;
-    [key: string]: (CVA & NestedComponent) | object | string | undefined;
-}
-export interface NestedComponent {
-    component: string;
-    [key: string]: Record<string, string | object> | string;
-}
-export interface Transition {
-    enterFromClass?: string;
-    enterActiveClass?: string;
-    enterToClass?: string;
-    leaveFromClass?: string;
-    leaveActiveClass?: string;
-    leaveToClass?: string;
-}
-export interface CVA {
-    base?: string;
-    variants?: UnknownObject;
-    compoundVariants?: CVACompoundVariants[] & never[];
-    defaultVariants?: UnknownObject;
-}
-export interface CVACompoundVariants {
-    class: string;
-    [key: string]: string | number | undefined | null;
-}
-export interface VueAttrs {
-    id?: string;
-    class?: string;
-    value?: string;
-}
-export interface UseAttrs {
-    hasSlotContent?: typeof hasSlotContent;
-    [key: string]: object | undefined;
-}
-export interface KeyAttrs extends VueAttrs {
-    "vl-component"?: string | null;
-    "vl-key"?: string | null;
-    "vl-child-component"?: string | null;
-    "vl-child-key"?: string | null;
-    config?: UnknownObject;
-    [key: string]: string | UnknownObject | undefined | null;
-}
-export interface KeysToExtend {
-    base?: ComputedRef;
-    extend?: ComputedRef;
-}
-export interface CreateVuelessOptions {
-    i18n?: Record<string, string | object>;
-}
-export interface TailwindSafelist {
-    pattern: string;
-    variants?: string[];
-}
-export interface TailwindColorShades {
-    DEFAULT: string;
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-    950: string;
-}
-export interface VuelessCssVariables {
-    "--vl-ring": string;
-    "--vl-ring-offset": string;
-    "--vl-ring-offset-color": string;
-    "--vl-rounding": string;
-    "--vl-color-gray-50": string;
-    "--vl-color-gray-100": string;
-    "--vl-color-gray-200": string;
-    "--vl-color-gray-300": string;
-    "--vl-color-gray-400": string;
-    "--vl-color-gray-500": string;
-    "--vl-color-gray-600": string;
-    "--vl-color-gray-700": string;
-    "--vl-color-gray-800": string;
-    "--vl-color-gray-900": string;
-    "--vl-color-gray-950": string;
-    "--vl-color-gray-default": string;
-    "--vl-color-brand-50": string;
-    "--vl-color-brand-100": string;
-    "--vl-color-brand-200": string;
-    "--vl-color-brand-300": string;
-    "--vl-color-brand-400": string;
-    "--vl-color-brand-500": string;
-    "--vl-color-brand-600": string;
-    "--vl-color-brand-700": string;
-    "--vl-color-brand-800": string;
-    "--vl-color-brand-900": string;
-    "--vl-color-brand-950": string;
-    "--vl-color-brand-default": string;
-}

package/types.ts

@@ -1,218 +0,0 @@
-import { hasSlotContent } from "./composablesTs/useUI";
-
-// TODO: Import all components here
-import UTextDefaultConfig from "./ui.text-block/config";
-import UButtonDefaultConfig from "./ui.button/config";
-
-import type { ComputedRef } from "vue";
-
-export interface ThemeConfig {
-  /**
-   * Components brand (primary) color.
-   */
-  brand?: BrandColors;
-
-  /**
-   * Components gray (secondary) color.
-   */
-  gray?: GrayColors;
-
-  /**
-   * Default components rounding (border-radius).
-   */
-  rounding?: number;
-
-  /**
-   * Default components ring width.
-   */
-  ring?: number;
-
-  /**
-   * Default components ring offset width.
-   */
-  ringOffset?: number;
-
-  /**
-   * Default components ring color for light theme.
-   */
-  ringOffsetColorLight?: string;
-
-  /**
-   * Default components ring color for dark theme.
-   */
-  ringOffsetColorDark?: string;
-
-  /**
-   * Default dark mode state.
-   */
-  darkMode?: boolean;
-}
-
-export interface Config extends ThemeConfig {
-  /**
-   * Component classes merge behavior.
-   * – merge (default) – smartly merge provided custom classes with default config classes.
-   * – replace – replace default config keys by provided custom keys (override only provided keys, the rest classes will be taken from the default config).
-   * – override – override default config by provided custom config (keeps only custom config, removes all default classes).
-   */
-  strategy?: Strategies;
-
-  /**
-   * Component configs.
-   */
-  component?: Partial<Components>;
-
-  /**
-   * Tailwind-merge config extension for custom classes.
-   * All lists of rules available here:
-   * https://github.com/dcastil/tailwind-merge/blob/v2.3.0/src/lib/default-config.ts.
-   */
-  tailwindMerge?: UnknownObject;
-}
-
-export type UnknownObject = Record<string, unknown>;
-export type ComponentNames = keyof Components; // keys union
-export type Strategies = "merge" | "replace" | "override";
-export type GrayColors = "slate" | "cool" | "zinc" | "neutral" | "stone";
-export type BrandColors =
-  | "grayscale"
-  | "red"
-  | "orange"
-  | "amber"
-  | "yellow"
-  | "lime"
-  | "green"
-  | "emerald"
-  | "teal"
-  | "cyan"
-  | "sky"
-  | "blue"
-  | "indigo"
-  | "violet"
-  | "purple"
-  | "fuchsia"
-  | "pink"
-  | "rose";
-
-export interface Components {
-  UText?: Partial<typeof UTextDefaultConfig>;
-  UButton?: Partial<typeof UButtonDefaultConfig>;
-}
-
-export interface Component {
-  i18n?: UnknownObject;
-  defaults?: UnknownObject;
-  safelist?: () => TailwindSafelist[];
-  strategy?: Strategies;
-  transition?: Transition;
-  safelistColors?: BrandColors;
-  [key: string]: (CVA & NestedComponent) | object | string | undefined;
-}
-
-export interface NestedComponent {
-  component: string;
-  [key: string]: Record<string, string | object> | string;
-}
-
-export interface Transition {
-  enterFromClass?: string;
-  enterActiveClass?: string;
-  enterToClass?: string;
-  leaveFromClass?: string;
-  leaveActiveClass?: string;
-  leaveToClass?: string;
-}
-
-export interface CVA {
-  base?: string;
-  variants?: UnknownObject;
-  compoundVariants?: CVACompoundVariants[] & never[];
-  defaultVariants?: UnknownObject;
-}
-
-export interface CVACompoundVariants {
-  class: string;
-  [key: string]: string | number | undefined | null;
-}
-
-export interface VueAttrs {
-  id?: string;
-  class?: string;
-  value?: string;
-}
-
-export interface UseAttrs {
-  hasSlotContent?: typeof hasSlotContent;
-  [key: string]: object | undefined;
-}
-
-export interface KeyAttrs extends VueAttrs {
-  "vl-component"?: string | null;
-  "vl-key"?: string | null;
-  "vl-child-component"?: string | null;
-  "vl-child-key"?: string | null;
-  config?: UnknownObject;
-  [key: string]: string | UnknownObject | undefined | null;
-}
-
-export interface KeysToExtend {
-  base?: ComputedRef;
-  extend?: ComputedRef;
-}
-
-export interface CreateVuelessOptions {
-  i18n?: Record<string, string | object>;
-}
-
-export interface TailwindSafelist {
-  pattern: string;
-  variants?: string[];
-}
-
-export interface TailwindColorShades {
-  DEFAULT: string;
-  50: string;
-  100: string;
-  200: string;
-  300: string;
-  400: string;
-  500: string;
-  600: string;
-  700: string;
-  800: string;
-  900: string;
-  950: string;
-}
-
-export interface VuelessCssVariables {
-  "--vl-ring": string;
-  "--vl-ring-offset": string;
-  "--vl-ring-offset-color": string;
-  "--vl-rounding": string;
-  /* Gray CSS variables */
-  "--vl-color-gray-50": string;
-  "--vl-color-gray-100": string;
-  "--vl-color-gray-200": string;
-  "--vl-color-gray-300": string;
-  "--vl-color-gray-400": string;
-  "--vl-color-gray-500": string;
-  "--vl-color-gray-600": string;
-  "--vl-color-gray-700": string;
-  "--vl-color-gray-800": string;
-  "--vl-color-gray-900": string;
-  "--vl-color-gray-950": string;
-  "--vl-color-gray-default": string;
-  /* Brand CSS variables */
-  "--vl-color-brand-50": string;
-  "--vl-color-brand-100": string;
-  "--vl-color-brand-200": string;
-  "--vl-color-brand-300": string;
-  "--vl-color-brand-400": string;
-  "--vl-color-brand-500": string;
-  "--vl-color-brand-600": string;
-  "--vl-color-brand-700": string;
-  "--vl-color-brand-800": string;
-  "--vl-color-brand-900": string;
-  "--vl-color-brand-950": string;
-  "--vl-color-brand-default": string;
-}