@indielayer/ui 1.0.8 → 1.0.10

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022 - Indielayer
+Copyright (c) 2023 - Indielayer
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -3,7 +3,7 @@
 
 
 <p>
-  <a href="https://github.com/indielayer/ui/actions/workflows/build.yml"><img src="https://github.com/indielayer/ui/actions/workflows/build.yml/badge.svg?branch=main&event=push" alt="ci"></a>
+  <a href="https://github.com/indielayer/ui/actions/workflows/release_production.yml"><img src="https://github.com/indielayer/ui/actions/workflows/release_production.yml/badge.svg?branch=main&event=push" alt="ci"></a>
   <a href="https://www.npmjs.com/package/@indielayer/ui"><img src="https://badgen.net/npm/dm/@indielayer/ui" alt="Downloads"></a>
   <a href="https://www.npmjs.com/package/@indielayer/ui"><img src="https://badgen.net/npm/v/@indielayer/ui/latest" alt="Version"></a>
   <a href="https://www.npmjs.com/package/@indielayer/ui"><img src="https://badgen.net/npm/license/@indielayer/ui" alt="License"></a>
@@ -12,7 +12,7 @@
 Vue 3 & Nuxt 3 UI Components built with Tailwind 3. **Build and prototype fast web applications.** 🚀
 
 ## 📖 Documentation
-Read the <a href="https://indielayer.com/ui">Online Documentation</a>.
+Read the <a href="https://indielayer.com/ui/docs">Online Documentation</a>.
 
 ## Quickstart
 ```bash
@@ -40,4 +40,4 @@ The documentation is located inside [/packages/docs](./packages/docs)
 
 [MIT](./LICENSE)
 
-Copyright (c) 2022, Indielayer
+Copyright (c) 2023, Indielayer

package/{lib/nuxt.js → exports/nuxt.mjs}

@@ -6,7 +6,7 @@ export default defineNuxtModule({
     name: '@indielayer/ui',
     configKey: 'indielayer',
     compatibility: {
-      nuxt: '^3.0.0-rc.1',
+      nuxt: '^3.0.0',
     },
   },
   defaults: {

package/{src/exports → exports}/nuxt.plugin.js

@@ -2,7 +2,7 @@ import { defineNuxtPlugin } from '#app'
 import create from '../src/create'
 
 export default defineNuxtPlugin((nuxtApp) => {
-  const UI = create(nuxtApp.$config.indielayerOptions)
+  const UI = create(nuxtApp.$config.public?.indielayerOptions)
 
   nuxtApp.vueApp.use(UI)
 })

package/lib/components/alert/Alert.vue.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     type: PropType<"success" | "warning" | "error" | "info" | undefined>;
     glow: BooleanConstructor;
     light: BooleanConstructor;
@@ -22,10 +22,19 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onRemove?: ((...args: any[]) => any) | undefined;
 }, {
+    color: string;
     glow: boolean;
     light: boolean;
     outlined: boolean;
     removable: boolean;
-    color: string;
+}, {}>, {
+    icon?(_: {}): any;
+    default?(_: {}): any;
+    removeIcon?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/avatar/Avatar.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     tag: {
         type: StringConstructor;
         default: string;
@@ -38,9 +38,16 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     size: import("../../composables/common").Size;
-    outlined: boolean;
     color: string;
+    outlined: boolean;
     tag: string;
     rounded: boolean;
+}, {}>, {
+    avatarIcon?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/badge/Badge.vue.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     tag: {
         type: StringConstructor;
         default: string;
@@ -63,12 +63,20 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     size: import("../../composables/common").Size;
-    outlined: boolean;
     color: string;
+    outlined: boolean;
     tag: string;
     position: "top" | "bottom";
     align: "left" | "right";
     animated: boolean;
     show: boolean;
+}, {}>, {
+    default?(_: {}): any;
+    content?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/breadcrumbs/Breadcrumbs.vue.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-export declare type BreadcrumbItem = {
+export type BreadcrumbItem = {
     label: string;
     to?: string | object;
     href?: string;
@@ -37,5 +37,5 @@ declare const _default: import("vue").DefineComponent<{
     color: string;
     shadow: boolean;
     underline: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/components/button/Button.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     tag: {
         type: StringConstructor;
         default: string;
@@ -67,15 +67,22 @@ declare const _default: import("vue").DefineComponent<{
     flat: boolean;
     size: import("../../composables/common").Size;
     type: string;
+    color: string;
     glow: boolean;
     light: boolean;
     outlined: boolean;
-    color: string;
     tag: string;
     rounded: boolean;
     ghost: boolean;
     block: boolean;
     disabled: boolean;
     loading: boolean;
+}, {}>, {
+    default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/button/ButtonGroup.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     tag: {
         type: StringConstructor;
         default: string;
@@ -40,13 +40,20 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     size: import("../../composables/common").Size;
+    color: string;
     light: boolean;
     outlined: boolean;
-    color: string;
     tag: string;
     rounded: boolean;
     ghost: boolean;
     disabled: boolean;
     loading: boolean;
+}, {}>, {
+    default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/card/Card.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     tag: {
         type: StringConstructor;
         default: string;
@@ -13,5 +13,12 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     flat: boolean;
     tag: string;
+}, {}>, {
+    default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/checkbox/Checkbox.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: StringConstructor;
     helper: StringConstructor;
     glow: BooleanConstructor;
@@ -62,16 +62,24 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: (value: string) => boolean;
     };
 }>> & {
-    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    readonly: boolean;
     size: import("../../composables/common").Size;
     required: boolean;
-    glow: boolean;
     color: string;
+    glow: boolean;
     disabled: boolean;
     loading: boolean;
+    readonly: boolean;
     validateOnInput: boolean;
     rules: unknown[];
+}, {}>, {
+    icon?(_: {}): any;
+    default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/collapse/Collapse.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     tag: {
         type: StringConstructor;
         default: string;
@@ -36,5 +36,19 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     expanded: boolean;
     showIcon: boolean;
+}, {}>, {
+    default?(_: {
+        collapsed: boolean;
+    }): any;
+    summary?(_: {}): any;
+    content?(_: {
+        expand: ((...args: any[]) => any) & ((anim?: boolean) => void);
+        collapsed: boolean;
+    }): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/container/Container.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     tag: {
         type: StringConstructor;
         default: string;
@@ -10,5 +10,12 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     tag: string;
+}, {}>, {
+    default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/divider/Divider.vue.d.ts

@@ -6,5 +6,5 @@ declare const _default: import("vue").DefineComponent<{
     vertical: BooleanConstructor;
 }>>, {
     vertical: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/components/drawer/Drawer.vue.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: BooleanConstructor;
     position: {
         type: PropType<"top" | "bottom" | "left" | "right">;
@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     open: () => void;
-    close: (e?: PointerEvent | undefined) => void;
+    close: (e?: PointerEvent) => void;
 }, 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: BooleanConstructor;
     position: {
@@ -57,5 +57,14 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: boolean;
     teleportTo: string | HTMLElement;
     backdrop: boolean;
+}, {}>, {
+    header?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/form/Form.vue.d.ts

@@ -1,15 +1,15 @@
 import { type PropType } from 'vue';
-export declare type FormError = {
+export type FormError = {
     field: string;
     msg: string;
 };
-export declare type Form = {
+export type Form = {
     name: string;
     focus: () => void;
     validate: () => boolean;
     setError: (val: string) => void;
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     autoValidate: {
         type: BooleanConstructor;
         default: boolean;
@@ -44,5 +44,12 @@ declare const _default: import("vue").DefineComponent<{
     autoValidate: boolean;
     autoFocus: boolean;
     errors: [FormError[], FormError];
+}, {}>, {
+    default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/helpers/InputError.d.ts

@@ -1,8 +1,8 @@
 declare const _default: import("vue").DefineComponent<{
     error: StringConstructor;
     helper: StringConstructor;
-}, () => JSX.Element | "", unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => "" | import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     error: StringConstructor;
     helper: StringConstructor;
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/lib/components/icon/Icon.vue.d.ts

@@ -32,5 +32,5 @@ declare const _default: import("vue").DefineComponent<{
     size: import("../../composables/common").Size;
     filled: boolean;
     viewBox: string;
-}>;
+}, {}>;
 export default _default;

package/lib/components/image/Image.vue.d.ts

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

package/lib/components/input/Input.vue.d.ts

@@ -101,19 +101,19 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: (value: string) => boolean;
     };
 }>> & {
-    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    readonly: boolean;
     size: import("../../composables/common").Size;
-    required: boolean;
     type: string;
+    required: boolean;
     color: string;
     dir: string;
     block: boolean;
     disabled: boolean;
     loading: boolean;
+    readonly: boolean;
     validateOnInput: boolean;
     rules: unknown[];
     showPasswordToggle: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/components/link/Link.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     tag: {
         type: StringConstructor;
         default: string;
@@ -30,5 +30,12 @@ declare const _default: import("vue").DefineComponent<{
     shadow: boolean;
     external: boolean;
     underline: boolean;
+}, {}>, {
+    default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/menu/Menu.vue.d.ts

@@ -61,5 +61,5 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     expanded: boolean;
     collapsible: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/components/menu/MenuItem.vue.d.ts

@@ -1,9 +1,13 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     item: {
         type: ObjectConstructor;
         default: () => void;
     };
     active: BooleanConstructor;
+    attrs: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
     onClick: FunctionConstructor;
     inactive: BooleanConstructor;
     value: (NumberConstructor | StringConstructor)[];
@@ -40,6 +44,10 @@ declare const _default: import("vue").DefineComponent<{
         default: () => void;
     };
     active: BooleanConstructor;
+    attrs: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
     onClick: FunctionConstructor;
     inactive: BooleanConstructor;
     value: (NumberConstructor | StringConstructor)[];
@@ -77,6 +85,7 @@ declare const _default: import("vue").DefineComponent<{
     active: boolean;
     size: import("../../composables/common").Size;
     filled: boolean;
+    attrs: Record<string, any>;
     color: string;
     rounded: boolean;
     item: Record<string, any>;
@@ -85,5 +94,14 @@ declare const _default: import("vue").DefineComponent<{
     exact: boolean;
     inactive: boolean;
     selected: boolean;
+}, {}>, {
+    prefix?(_: {}): any;
+    default?(_: {}): any;
+    suffix?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/modal/Modal.vue.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: {
         type: PropType<"xs" | "sm" | "md" | "lg" | "xl" | "full">;
         default: string;
@@ -25,5 +25,15 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: boolean;
     backdrop: boolean;
     showClose: boolean;
+}, {}>, {
+    image?(_: {}): any;
+    header?(_: {}): any;
+    default?(_: {}): any;
+    actions?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/notifications/Notifications.vue.d.ts

@@ -1,12 +1,12 @@
 import { type PropType } from 'vue';
-export declare type NotificationAlign = 'left' | 'right';
-export declare type NotificationPosition = 'bottom' | 'top';
-export declare type NotificationAction = {
+export type NotificationAlign = 'left' | 'right';
+export type NotificationPosition = 'bottom' | 'top';
+export type NotificationAction = {
     onClick: () => void;
     label: string;
     color?: string;
 };
-export declare type NotificationEvent = {
+export type NotificationEvent = {
     id?: number;
     icon?: string;
     action?: NotificationAction;
@@ -19,7 +19,7 @@ export declare type NotificationEvent = {
     align?: NotificationAlign;
     position?: NotificationPosition;
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     align: {
         type: PropType<NotificationAlign>;
         default: string;
@@ -81,11 +81,18 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
 }>>, {
-    removable: boolean;
     color: string;
+    removable: boolean;
     position: NotificationPosition;
     align: NotificationAlign;
     timeout: number;
     injectKey: string | symbol;
+}, {}>, {
+    default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/pagination/Pagination.vue.d.ts

@@ -45,5 +45,5 @@ declare const _default: import("vue").DefineComponent<{
     links: boolean;
     totalPages: number;
     variant: "simple" | "dots" | "quick";
-}>;
+}, {}>;
 export default _default;

package/lib/components/pagination/PaginationItem.vue.d.ts

@@ -29,5 +29,5 @@ declare const _default: import("vue").DefineComponent<{
     value: number;
     selected: boolean;
     links: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/components/popover/Popover.vue.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     align: {
         type: PropType<"top" | "bottom" | "left" | "right" | "center">;
         default: string;
@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     close: () => void;
     toggle: () => void;
     isOpen: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "toggle" | "open")[], "toggle" | "open" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggle" | "open" | "close")[], "toggle" | "open" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     align: {
         type: PropType<"top" | "bottom" | "left" | "right" | "center">;
         default: string;
@@ -49,9 +49,9 @@ declare const _default: import("vue").DefineComponent<{
     hover: BooleanConstructor;
     block: BooleanConstructor;
 }>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
     onToggle?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
 }, {
     hover: boolean;
     position: "top" | "bottom" | "left" | "right";
@@ -60,5 +60,13 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     dismissOnClick: boolean;
     autoAlign: boolean;
+}, {}>, {
+    default?(_: {}): any;
+    content?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/popover/PopoverContainer.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     tag: {
         default: string;
         type: StringConstructor;
@@ -10,5 +10,12 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     tag: string;
+}, {}>, {
+    default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/progress/Progress.theme.d.ts

@@ -5,6 +5,8 @@ declare const _default: {
         list: string;
         item: string;
     };
-    styles: ({ props, colors, css }: ThemeParams) => Record<string, string>[];
+    styles: ({ props, colors, css }: ThemeParams) => (Record<string, string> | {
+        '--tw-gradient-stops': string;
+    })[];
 };
 export default _default;