vueless 0.0.473 → 0.0.475

package/types.d.ts

@@ -0,0 +1,131 @@
+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

@@ -0,0 +1,218 @@
+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

@@ -0,0 +1,73 @@
+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

@@ -0,0 +1,130 @@
+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

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