vueless 0.0.475 → 0.0.476

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;
-}

package/ui.button/UButton.vue.d.ts

@@ -1,73 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & (new () => {
-    $slots: S;
-});
-declare const __VLS_component: import("vue").DefineComponent<{}, {
-    buttonRef: import("vue").Ref<null, null>;
-    label: string;
-    id: string;
-    rightIcon: string;
-    leftIcon: string;
-    config: Record<string, any>;
-    dataTest: string;
-    icon: string;
-    color?: string | undefined;
-    disabled?: boolean | undefined;
-    size?: string | undefined;
-    square?: boolean | undefined;
-    filled?: boolean | undefined;
-    variant?: string | undefined;
-    loading?: boolean | undefined;
-    tag?: string | undefined;
-    tabindex?: string | number | undefined;
-    block?: boolean | undefined;
-    round?: boolean | undefined;
-    noRing?: boolean | undefined;
-    $props: {
-        readonly label?: string | undefined;
-        readonly id?: string | undefined;
-        readonly rightIcon?: string | undefined;
-        readonly leftIcon?: string | undefined;
-        readonly config?: Record<string, any> | undefined;
-        readonly dataTest?: string | undefined;
-        readonly icon?: string | undefined;
-        readonly color?: string | undefined;
-        readonly disabled?: boolean | undefined;
-        readonly size?: string | undefined;
-        readonly square?: boolean | undefined;
-        readonly filled?: boolean | undefined;
-        readonly variant?: string | undefined;
-        readonly loading?: boolean | undefined;
-        readonly tag?: string | undefined;
-        readonly tabindex?: string | number | undefined;
-        readonly block?: boolean | undefined;
-        readonly round?: boolean | undefined;
-        readonly noRing?: boolean | undefined;
-    };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-type __VLS_TemplateResult = {
-    slots: {
-        left?(_: {
-            iconName: string;
-            iconSize: any;
-            iconColor: string | undefined;
-        }): any;
-        default?(_: {
-            label: string;
-            iconName: string;
-            iconSize: any;
-            iconColor: string | undefined;
-        }): any;
-        right?(_: {
-            iconName: string;
-            iconSize: any;
-            iconColor: string | undefined;
-        }): any;
-    };
-    refs: {
-        buttonRef: unknown;
-    };
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
-};
-declare var __VLS_inheritedAttrs: {};

package/ui.button/config.d.ts

@@ -1,130 +0,0 @@
-declare namespace _default {
-    namespace button {
-        let base: string;
-        namespace variants {
-            let size: {
-                "2xs": string;
-                xs: string;
-                sm: string;
-                md: string;
-                lg: string;
-                xl: string;
-            };
-            namespace variant {
-                let primary: string;
-                let secondary: string;
-                let thirdary: string;
-            }
-            namespace round {
-                let _false: string;
-                export { _false as false };
-                let _true: string;
-                export { _true as true };
-            }
-            namespace noRing {
-                let _true_1: string;
-                export { _true_1 as true };
-            }
-            namespace loading {
-                let _true_2: string;
-                export { _true_2 as true };
-            }
-            namespace block {
-                let _true_3: string;
-                export { _true_3 as true };
-            }
-            namespace color {
-                let grayscale: string;
-                let white: string;
-            }
-        }
-        let compoundVariants: ({
-            color: string;
-            variant: string;
-            class: string;
-            filled?: undefined;
-            leftIcon?: undefined;
-            size?: undefined;
-            rightIcon?: undefined;
-            square?: undefined;
-        } | {
-            filled: boolean;
-            variant: string;
-            class: string;
-            color?: undefined;
-            leftIcon?: undefined;
-            size?: undefined;
-            rightIcon?: undefined;
-            square?: undefined;
-        } | {
-            filled: boolean;
-            variant: string;
-            color: string;
-            class: string;
-            leftIcon?: undefined;
-            size?: undefined;
-            rightIcon?: undefined;
-            square?: undefined;
-        } | {
-            leftIcon: boolean;
-            size: string;
-            class: string;
-            color?: undefined;
-            variant?: undefined;
-            filled?: undefined;
-            rightIcon?: undefined;
-            square?: undefined;
-        } | {
-            rightIcon: boolean;
-            size: string;
-            class: string;
-            color?: undefined;
-            variant?: undefined;
-            filled?: undefined;
-            leftIcon?: undefined;
-            square?: undefined;
-        } | {
-            square: boolean;
-            size: string;
-            class: string;
-            color?: undefined;
-            variant?: undefined;
-            filled?: undefined;
-            leftIcon?: undefined;
-            rightIcon?: undefined;
-        })[];
-    }
-    let loader: string;
-    let leftIcon: string;
-    let rightIcon: string;
-    let centerIcon: string;
-    namespace defaults {
-        let color_1: string;
-        export { color_1 as color };
-        let variant_1: string;
-        export { variant_1 as variant };
-        export let tag: string;
-        let size_1: string;
-        export { size_1 as size };
-        export let tabindex: number;
-        let round_1: boolean;
-        export { round_1 as round };
-        let block_1: boolean;
-        export { block_1 as block };
-        export let square: boolean;
-        export let filled: boolean;
-        let noRing_1: boolean;
-        export { noRing_1 as noRing };
-        let loading_1: boolean;
-        export { loading_1 as loading };
-        export let disabled: boolean;
-    }
-    function safelist(colors: any): ({
-        pattern: string;
-        variants?: undefined;
-    } | {
-        pattern: string;
-        variants: string[];
-    })[];
-}
-export default _default;

package/ui.button/constants.d.ts

@@ -1 +0,0 @@
-export const UButton: "UButton";