@indielayer/ui 0.2.2 → 1.0.0-alpha.0

package/lib/components/tabs/Tab.vue.d.ts

@@ -0,0 +1,47 @@
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    to: StringConstructor;
+    label: StringConstructor;
+    icon: StringConstructor;
+    disabled: BooleanConstructor;
+    size: {
+        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly validator: (value: string) => boolean;
+    };
+}, {
+    variant: any;
+    grow: any;
+    cLabel: import("vue").ComputedRef<string | number>;
+    tabs: any;
+    teleportTo: import("vue").Ref<null>;
+    onClickTab: () => void;
+    selected: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    to: StringConstructor;
+    label: StringConstructor;
+    icon: StringConstructor;
+    disabled: BooleanConstructor;
+    size: {
+        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly validator: (value: string) => boolean;
+    };
+}>>, {
+    tag: string;
+    disabled: boolean;
+}>;
+export default _default;

package/lib/components/tabs/Tabs.vue.d.ts

@@ -0,0 +1,41 @@
+import { type PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: (NumberConstructor | StringConstructor)[];
+    variant: {
+        type: PropType<"line" | "block">;
+        default: string;
+    };
+    ghost: BooleanConstructor;
+    grow: BooleanConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+}, {
+    scrollRef: import("vue").Ref<any>;
+    wrapperRef: import("vue").Ref<HTMLElement | undefined>;
+    trackerRef: import("vue").Ref<HTMLElement | undefined>;
+    tabsRef: import("vue").Ref<HTMLElement | undefined>;
+    tabsContentRef: import("vue").Ref<HTMLElement | undefined>;
+    style: import("vue").ComputedRef<Record<string, string>>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: (NumberConstructor | StringConstructor)[];
+    variant: {
+        type: PropType<"line" | "block">;
+        default: string;
+    };
+    ghost: BooleanConstructor;
+    grow: BooleanConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    color: string;
+    ghost: boolean;
+    variant: "line" | "block";
+    grow: boolean;
+}>;
+export default _default;

package/lib/components/tag/Tag.vue.d.ts

@@ -0,0 +1,45 @@
+declare const _default: import("vue").DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: BooleanConstructor;
+    removable: BooleanConstructor;
+    outlined: BooleanConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+    size: {
+        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly validator: (value: string) => boolean;
+    };
+}, {
+    styles: import("vue").ComputedRef<Record<string, string>>;
+    sizeClasses: import("vue").ComputedRef<"px-2 py-1 text-xs" | "px-4 py-3 text-lg" | "px-3 py-2" | "px-2 py-1 text-sm" | "px-6 py-6 text-xl">;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove"[], "remove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: BooleanConstructor;
+    removable: BooleanConstructor;
+    outlined: BooleanConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+    size: {
+        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly validator: (value: string) => boolean;
+    };
+}>> & {
+    onRemove?: ((...args: any[]) => any) | undefined;
+}, {
+    tag: string;
+    outlined: boolean;
+    removable: boolean;
+    color: string;
+    rounded: boolean;
+}>;
+export default _default;

package/lib/components/textarea/Textarea.vue.d.ts

@@ -0,0 +1,109 @@
+declare const _default: import("vue").DefineComponent<{
+    helper: StringConstructor;
+    label: StringConstructor;
+    dir: {
+        type: StringConstructor;
+        default: string;
+    };
+    max: NumberConstructor;
+    maxlength: NumberConstructor;
+    min: NumberConstructor;
+    minlength: NumberConstructor;
+    placeholder: StringConstructor;
+    adjustToText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    preventEnter: BooleanConstructor;
+    inputClass: StringConstructor;
+    modelValue: import("vue").PropType<[string, number, boolean, object, []]>;
+    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 validator: (value: string) => boolean;
+    };
+}, {
+    elRef: import("vue").Ref<HTMLTextAreaElement | undefined>;
+    onInput: () => void;
+    onEnter: (e: KeyboardEvent) => void;
+    isFirstValidation: import("vue").Ref<boolean>;
+    errorInternal: any;
+    isInsideForm: any;
+    inputListeners: {};
+    reset: () => void;
+    validate: (val: any) => boolean;
+    setError: (val: string) => void;
+    focus: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    helper: StringConstructor;
+    label: StringConstructor;
+    dir: {
+        type: StringConstructor;
+        default: string;
+    };
+    max: NumberConstructor;
+    maxlength: NumberConstructor;
+    min: NumberConstructor;
+    minlength: NumberConstructor;
+    placeholder: StringConstructor;
+    adjustToText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    preventEnter: BooleanConstructor;
+    inputClass: StringConstructor;
+    modelValue: import("vue").PropType<[string, number, boolean, object, []]>;
+    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 validator: (value: string) => boolean;
+    };
+}>> & {
+    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+}, {
+    readonly: boolean;
+    dir: string;
+    required: boolean;
+    color: string;
+    disabled: boolean;
+    loading: boolean;
+    validateOnInput: boolean;
+    rules: unknown[];
+    adjustToText: boolean;
+    preventEnter: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,79 @@
+declare const _default: import("vue").DefineComponent<{
+    id: StringConstructor;
+    label: StringConstructor;
+    glow: BooleanConstructor;
+    modelValue: import("vue").PropType<[string, number, boolean, object, []]>;
+    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 validator: (value: string) => boolean;
+    };
+}, {
+    elRef: import("vue").Ref<HTMLElement | undefined>;
+    checked: import("vue").WritableComputedRef<boolean>;
+    styles: import("vue").ComputedRef<Record<string, string>>;
+    isFirstValidation: import("vue").Ref<boolean>;
+    errorInternal: any;
+    isInsideForm: any;
+    inputListeners: {};
+    reset: () => void;
+    validate: (val: any) => boolean;
+    setError: (val: string) => void;
+    focus: () => 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;
+    glow: BooleanConstructor;
+    modelValue: import("vue").PropType<[string, number, boolean, object, []]>;
+    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 validator: (value: string) => boolean;
+    };
+}>> & {
+    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+}, {
+    readonly: boolean;
+    glow: boolean;
+    required: boolean;
+    color: string;
+    disabled: boolean;
+    loading: boolean;
+    validateOnInput: boolean;
+    rules: unknown[];
+}>;
+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/composables/colors-utils.d.ts

@@ -0,0 +1,8 @@
+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 function calculateColors(): ColorLibrary;
+export declare const tailwindColors: ColorLibrary;

package/lib/composables/colors.d.ts

@@ -0,0 +1,26 @@
+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 declare const useColors: {
+    (): {
+        getPalette: (color: string) => ColorPalette;
+        getColorOpacity: (color: string, opacity: number) => string;
+    };
+    props(defaultColor?: string | undefined): {
+        readonly color: {
+            readonly type: StringConstructor;
+            readonly default: string | undefined;
+        };
+    };
+};

package/lib/composables/common.d.ts

@@ -0,0 +1,14 @@
+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 validator: (value: string) => boolean;
+        };
+    };
+    validators(): {
+        size: string[];
+    };
+};

package/lib/composables/css.d.ts

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

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 './notification';

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, []]>;
+        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,10 @@
+import type { Ref } from 'vue';
+export declare const useInteractive: {
+    (el: Ref<HTMLElement | undefined>): {
+        focus: () => void;
+    };
+    props(): {
+        readonly disabled: BooleanConstructor;
+        readonly loading: BooleanConstructor;
+    };
+};

package/lib/composables/keys.d.ts

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

package/lib/composables/notification.d.ts

@@ -0,0 +1 @@
+export declare const useNotification: () => any;