@indielayer/ui 1.0.0 → 1.0.1

package/lib/components/toggle/Toggle.theme.d.ts

@@ -0,0 +1,11 @@
+import type { ThemeParams } from '../../composables/theme';
+declare const _default: {
+    classes: {
+        wrapper: string;
+        label: ({ props }: ThemeParams) => string;
+        buttonWrapper: ({ props }: ThemeParams) => string;
+        button: ({ props }: ThemeParams) => string;
+    };
+    styles: ({ colors, props, css }: ThemeParams) => Record<string, string>;
+};
+export default _default;

package/lib/components/toggle/Toggle.vue.d.ts

@@ -0,0 +1,78 @@
+declare const _default: import("vue").DefineComponent<{
+    id: StringConstructor;
+    label: StringConstructor;
+    helper: StringConstructor;
+    glow: BooleanConstructor;
+    modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    required: BooleanConstructor;
+    validateOnInput: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    error: StringConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}, {
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+    reset: () => void;
+    validate: (val: any) => boolean;
+    setError: (val: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: StringConstructor;
+    label: StringConstructor;
+    helper: StringConstructor;
+    glow: BooleanConstructor;
+    modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    required: BooleanConstructor;
+    validateOnInput: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    error: StringConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}>> & {
+    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+}, {
+    readonly: boolean;
+    size: import("../../composables/common").Size;
+    required: boolean;
+    glow: boolean;
+    color: string;
+    disabled: boolean;
+    loading: boolean;
+    validateOnInput: boolean;
+    rules: unknown[];
+}>;
+export default _default;

package/lib/components/toggle/__tests__/Toggle.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/tooltip/Tooltip.theme.d.ts

@@ -0,0 +1,11 @@
+import type { ThemeParams } from '../../composables/theme';
+declare const _default: {
+    classes: {
+        wrapper: string;
+        label: ({ props }: ThemeParams) => string;
+        buttonWrapper: ({ props }: ThemeParams) => string;
+        button: ({ props }: ThemeParams) => string;
+    };
+    styles: ({ colors, props, css }: ThemeParams) => Record<string, string>;
+};
+export default _default;

package/lib/components/tooltip/Tooltip.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/lib/components/tooltip/__tests__/Tooltip.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/composables/colors-utils.d.ts

@@ -0,0 +1,7 @@
+import type { Tone, ColorLibrary } from './colors';
+export declare const setOpacity: (color: string, opacity: number) => string;
+export declare const isValidColor: (color: string) => boolean;
+export declare const colorShade: (color: string, percentage: number) => string;
+export declare const shades: Tone[];
+export declare const indielayerColors: string[];
+export declare const tailwindColors: ColorLibrary;

package/lib/composables/colors.d.ts

@@ -0,0 +1,30 @@
+export declare type Tone = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+export interface ColorPalette {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+}
+export declare type ColorLibrary = Record<string, ColorPalette>;
+export interface ColorsProps {
+    color?: string;
+}
+export interface ColorComposition {
+    getPalette: (color: string) => ColorPalette;
+    getColorOpacity: (color: string, opacity: number) => string;
+}
+export declare const useColors: {
+    (): ColorComposition;
+    props(defaultColor?: string | undefined): {
+        readonly color: {
+            readonly type: StringConstructor;
+            readonly default: string | undefined;
+        };
+    };
+};

package/lib/composables/common.d.ts

@@ -0,0 +1,15 @@
+import type { PropType } from 'vue';
+export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined;
+export declare const useCommon: {
+    (): void;
+    props(): {
+        readonly size: {
+            readonly type: PropType<Size>;
+            readonly default: "md";
+            readonly validator: (value: string) => boolean;
+        };
+    };
+    validators(): {
+        size: string[];
+    };
+};

package/lib/composables/css.d.ts

@@ -0,0 +1,6 @@
+export interface CSSComposition {
+    get: (name: string, value: string, theme?: string, modifier?: string) => string;
+    variable: (name: string, theme?: string, modifier?: string) => string;
+    variables: (object: Record<string, string | object>, theme?: string, modifier?: string) => Record<string, string>;
+}
+export declare const useCSS: (namespace?: string | undefined) => CSSComposition;

package/lib/composables/index.d.ts

@@ -0,0 +1,7 @@
+export * from './keys';
+export * from './common';
+export * from './colors';
+export * from './css';
+export * from './inputtable';
+export * from './interactive';
+export * from './notifications';

package/lib/composables/inputtable.d.ts

@@ -0,0 +1,37 @@
+import type { Ref, PropType } from 'vue';
+export interface XFormInputMethods {
+    focus: () => void;
+    validate: (val: any) => boolean;
+    setError: (val: string) => void;
+}
+export declare const useInputtable: {
+    (props: any, { focus, emit, withListeners }: {
+        focus: () => void;
+        emit: any;
+        withListeners?: boolean | undefined;
+    }): {
+        isFirstValidation: Ref<boolean>;
+        errorInternal: any;
+        isInsideForm: any;
+        inputListeners: {};
+        reset: () => void;
+        validate: (val: any) => boolean;
+        setError: (val: string) => void;
+    };
+    emits(withListeners?: boolean): string[];
+    props(): {
+        readonly modelValue: PropType<string | number | boolean | object | any[] | undefined>;
+        readonly name: StringConstructor;
+        readonly readonly: BooleanConstructor;
+        readonly required: BooleanConstructor;
+        readonly validateOnInput: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly error: StringConstructor;
+        readonly rules: {
+            readonly type: ArrayConstructor;
+            readonly default: () => never[];
+        };
+    };
+};

package/lib/composables/interactive.d.ts

@@ -0,0 +1,15 @@
+import type { Ref } from 'vue';
+export interface InteractiveProps {
+    disabled?: boolean;
+    loading?: boolean;
+}
+export declare const useInteractive: {
+    (el: Ref<HTMLElement | null>): {
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+    };
+    props(): {
+        readonly disabled: BooleanConstructor;
+        readonly loading: BooleanConstructor;
+    };
+};

package/lib/composables/keys.d.ts

@@ -0,0 +1,8 @@
+import type { InjectionKey } from 'vue';
+export declare const injectTabKey: InjectionKey<any>;
+export declare const injectFormKey: InjectionKey<any>;
+export declare const injectThemeKey: InjectionKey<any>;
+export declare const injectIconsKey: InjectionKey<any>;
+export declare const injectColorsKey: InjectionKey<any>;
+export declare const injectButtonGroupKey: InjectionKey<any>;
+export declare const injectNotificationKey: InjectionKey<any>;

package/lib/composables/notifications.d.ts

@@ -0,0 +1 @@
+export declare const useNotifications: (key?: string | symbol | undefined) => any;

package/lib/composables/theme.d.ts

@@ -0,0 +1,20 @@
+import { type StyleValue } from 'vue';
+import { type ColorComposition } from './colors';
+import { type CSSComposition } from './css';
+import type { Slots } from 'vue';
+export declare type ThemeParams = {
+    props: any;
+    slots: Slots;
+    colors: ColorComposition;
+    css: CSSComposition;
+    rtl?: boolean;
+    data?: any;
+};
+export declare const useTheme: (namespace: string, defaultTheme: any, props: any, data?: any) => {
+    classPrefix: import("vue").ComputedRef<any>;
+    className: import("vue").ComputedRef<string>;
+    colors: ColorComposition;
+    classes: import("vue").ComputedRef<any>;
+    styles: import("vue").ComputedRef<StyleValue>;
+    css: CSSComposition;
+};

package/lib/create.d.ts

@@ -0,0 +1,13 @@
+import type { App } from 'vue';
+import type { ColorLibrary } from './composables/colors';
+export declare type IndielayerUIOptions = {
+    prefix?: string;
+    components?: any;
+    colors?: ColorLibrary;
+    icons?: any;
+    theme?: any;
+};
+declare const create: (createOptions?: IndielayerUIOptions) => {
+    install: (app: App, installOptions?: IndielayerUIOptions) => void;
+};
+export default create;