@indielayer/ui 1.0.0-alpha.9 → 1.0.2

package/lib/components/tab/TabGroup.vue.d.ts

@@ -18,16 +18,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         readonly type: PropType<import("../../composables/common").Size>;
+        readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
-}, {
-    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<{
+}, {}, 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">;
@@ -46,11 +40,13 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         readonly type: PropType<import("../../composables/common").Size>;
+        readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    size: import("../../composables/common").Size;
     color: string;
     align: "left" | "right" | "center";
     ghost: boolean;

package/lib/components/tab/__tests__/Tab.spec.d.ts

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

package/lib/components/tab/__tests__/TabGroup.spec.d.ts

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

package/lib/components/table/Table.theme.d.ts

@@ -0,0 +1,8 @@
+import type { ThemeParams } from '../../composables/theme';
+declare const _default: {
+    classes: {
+        wrapper: ({ props, data }: ThemeParams) => string[];
+        loadingWrapper: string;
+    };
+};
+export default _default;

package/lib/components/table/Table.vue.d.ts

@@ -1,12 +1,12 @@
-import { type PropType } from 'vue';
-import { type Sort, type Align } from './TableHeader.vue';
+import type { PropType } from 'vue';
+import { type Align } from './TableHeader.vue';
 export declare type Header = {
     sortable?: boolean;
     sort?: string[];
     align?: Align;
-    value: string;
-    text: string;
-    width: string | number;
+    value?: string;
+    text?: string;
+    width?: string | number;
 };
 declare const _default: import("vue").DefineComponent<{
     headers: {
@@ -34,11 +34,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    getSort: (headerValue: string, sort: string[]) => Sort;
-    getValue: (item: any, path: string | string[]) => any;
-    sortHeader: (header: Header) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:sort" | "click-row")[], "update:sort" | "click-row", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:sort" | "click-row")[], "update:sort" | "click-row", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     headers: {
         type: PropType<Header[]>;
         default: () => never[];

package/lib/components/table/TableBody.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, 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/table/TableCell.theme.d.ts

@@ -0,0 +1,7 @@
+import type { ThemeParams } from '../../composables/theme';
+declare const _default: {
+    classes: {
+        wrapper: ({ props }: ThemeParams) => string[];
+    };
+};
+export default _default;

package/lib/components/table/TableCell.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
-}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     textAlign: {
         type: StringConstructor;
         validator: (value: string) => boolean;

package/lib/components/table/TableHead.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, 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/table/TableHeader.vue.d.ts

@@ -1,4 +1,4 @@
-import { type PropType } from 'vue';
+import type { PropType } from 'vue';
 export declare type Sort = 1 | -1 | undefined;
 export declare type Align = 'left' | 'center' | 'right' | 'justify' | undefined;
 declare const _default: import("vue").DefineComponent<{
@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: (value: string) => boolean;
     };
     stickyHeader: BooleanConstructor;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     sort: {
         type: PropType<Sort>;
         validator: (value: number) => boolean;

package/lib/components/table/TableRow.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     pointer: BooleanConstructor;
     striped: BooleanConstructor;
     verticalAlign: {

package/lib/components/table/__tests__/Table.spec.d.ts

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

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

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

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

@@ -12,12 +12,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly default: "md";
         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<{
+}, {}, 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;
@@ -31,15 +29,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 }>> & {
     onRemove?: ((...args: any[]) => any) | undefined;
 }, {
-    tag: string;
+    size: import("../../composables/common").Size;
     outlined: boolean;
     removable: boolean;
     color: string;
+    tag: string;
     rounded: boolean;
 }>;
 export default _default;

package/lib/components/tag/__tests__/Tag.spec.d.ts

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

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

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

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

@@ -5,20 +5,19 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    rows: NumberConstructor;
-    max: NumberConstructor;
-    maxlength: NumberConstructor;
-    min: NumberConstructor;
-    minlength: NumberConstructor;
+    rows: (NumberConstructor | StringConstructor)[];
+    max: (NumberConstructor | StringConstructor)[];
+    maxlength: (NumberConstructor | StringConstructor)[];
+    min: (NumberConstructor | StringConstructor)[];
+    minlength: (NumberConstructor | StringConstructor)[];
     placeholder: StringConstructor;
     adjustToText: {
         type: BooleanConstructor;
         default: boolean;
     };
     preventEnter: BooleanConstructor;
-    inputClass: StringConstructor;
     block: BooleanConstructor;
-    modelValue: import("vue").PropType<[string, number, boolean, object, []]>;
+    modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
@@ -35,21 +34,15 @@ declare const _default: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     size: {
         readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 }, {
-    elRef: import("vue").Ref<HTMLTextAreaElement | undefined>;
-    style: string;
-    onInput: () => void;
-    onEnter: (e: KeyboardEvent) => void;
-    isFirstValidation: import("vue").Ref<boolean>;
-    errorInternal: any;
-    isInsideForm: any;
-    inputListeners: {};
+    focus: () => void | undefined;
+    blur: () => void | undefined;
     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;
@@ -57,20 +50,19 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    rows: NumberConstructor;
-    max: NumberConstructor;
-    maxlength: NumberConstructor;
-    min: NumberConstructor;
-    minlength: NumberConstructor;
+    rows: (NumberConstructor | StringConstructor)[];
+    max: (NumberConstructor | StringConstructor)[];
+    maxlength: (NumberConstructor | StringConstructor)[];
+    min: (NumberConstructor | StringConstructor)[];
+    minlength: (NumberConstructor | StringConstructor)[];
     placeholder: StringConstructor;
     adjustToText: {
         type: BooleanConstructor;
         default: boolean;
     };
     preventEnter: BooleanConstructor;
-    inputClass: StringConstructor;
     block: BooleanConstructor;
-    modelValue: import("vue").PropType<[string, number, boolean, object, []]>;
+    modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
@@ -87,14 +79,16 @@ declare const _default: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     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;
-    dir: string;
+    size: import("../../composables/common").Size;
     required: boolean;
+    dir: string;
     block: boolean;
     disabled: boolean;
     loading: boolean;

package/lib/components/textarea/__tests__/Textarea.spec.d.ts

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

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

@@ -1,8 +1,9 @@
 declare const _default: import("vue").DefineComponent<{
     id: StringConstructor;
     label: StringConstructor;
+    helper: StringConstructor;
     glow: BooleanConstructor;
-    modelValue: import("vue").PropType<[string, number, boolean, object, []]>;
+    modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
@@ -23,25 +24,21 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly default: "md";
         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: {};
+    focus: () => void | undefined;
+    blur: () => void | undefined;
     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;
+    helper: StringConstructor;
     glow: BooleanConstructor;
-    modelValue: import("vue").PropType<[string, number, boolean, object, []]>;
+    modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
     name: StringConstructor;
     readonly: BooleanConstructor;
     required: BooleanConstructor;
@@ -62,14 +59,16 @@ declare const _default: import("vue").DefineComponent<{
     };
     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;
-    glow: boolean;
+    size: import("../../composables/common").Size;
     required: boolean;
+    glow: boolean;
     color: string;
     disabled: boolean;
     loading: boolean;

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/__tests__/Tooltip.spec.d.ts

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

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

@@ -4,5 +4,4 @@ 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

@@ -12,11 +12,15 @@ export interface ColorPalette {
     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: {
-    (): {
-        getPalette: (color: string) => ColorPalette;
-        getColorOpacity: (color: string, opacity: number) => string;
-    };
+    (): ColorComposition;
     props(defaultColor?: string | undefined): {
         readonly color: {
             readonly type: StringConstructor;

package/lib/composables/common.d.ts

@@ -5,6 +5,7 @@ export declare const useCommon: {
     props(): {
         readonly size: {
             readonly type: PropType<Size>;
+            readonly default: "md";
             readonly validator: (value: string) => boolean;
         };
     };

package/lib/composables/css.d.ts

@@ -1,5 +1,6 @@
-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>;
-};
+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

@@ -4,4 +4,4 @@ export * from './colors';
 export * from './css';
 export * from './inputtable';
 export * from './interactive';
-export * from './notification';
+export * from './notifications';

package/lib/composables/inputtable.d.ts

@@ -20,7 +20,7 @@ export declare const useInputtable: {
     };
     emits(withListeners?: boolean): string[];
     props(): {
-        readonly modelValue: PropType<[string, number, boolean, object, []]>;
+        readonly modelValue: PropType<string | number | boolean | object | any[] | undefined>;
         readonly name: StringConstructor;
         readonly readonly: BooleanConstructor;
         readonly required: BooleanConstructor;

package/lib/composables/interactive.d.ts

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

package/lib/composables/keys.d.ts

@@ -1,6 +1,7 @@
 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>;

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

@@ -1,11 +1,12 @@
 import type { App } from 'vue';
 import type { ColorLibrary } from './composables/colors';
-export interface IndielayerUIOptions {
+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;
 };