@indielayer/ui 1.0.0-alpha.0 → 1.0.0-alpha.2

package/README.md

@@ -10,6 +10,11 @@
 
 - [📖 Documentation](https://indielayer.com/ui)
 
+### Quickstart
+```bash
+npm init @indielayer/ui
+```
+
 ## Getting Started
 
 > [tailwindcss](https://tailwindcss.com) version >= 3.0 must be already present in your application
@@ -19,6 +24,7 @@
 ```bash
 # using npm
 npm install @indielayer/ui --save-dev
+
 # using yarn
 yarn add @indielayer/ui --dev
 ```
@@ -30,22 +36,29 @@ yarn add @indielayer/ui --dev
 const indielayer = require('@indielayer/ui/tailwind.preset')
 
 module.exports = {
+  darkMode: 'class',
   // load indielayer ui presets
   presets: [indielayer()],
   // allow PurgeCSS to analyze components
   content: [
+    './index.html',
+    './src/**/*.{vue,js,ts,jsx,tsx}',
     'node_modules/@indielayer/ui/**/*',
-    './src/**/*.vue',
   ],
-};
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
 ```
 
 ### 3. Load the plugin
-#### Load the plugin in your vue 3 application
+#### Load the plugin in your Vue 3 application
 
 ```javascript
 import { createApp } from 'vue'
 import UI from '@indielayer/ui'
+import '@indielayer/ui/styles'
 
 const app = createApp(App)
 
@@ -53,27 +66,30 @@ app.use(UI, { prefix: 'X' })
 
 // or
 import {
-  Input,
-  Button,
+  XButton,
+  XInput,
   // ...
 } from '@indielayer/ui'
 
-app.component('XButton', Button)
-app.component('XInput', Input)
+app.component('XButton', XButton)
+app.component('XInput', XInput)
 ```
 
-#### Load the module in your nuxt 3 application
+#### Load the module in your Nuxt 3 application
 
 ```javascript
-import { defineNuxtConfig } from 'nuxt3'
+import { defineNuxtConfig } from 'nuxt'
 
 export default defineNuxtConfig({
   css: ["~/assets/css/tailwind.css"],
-  buildModules: ['@indielayer/ui/nuxt'],
+  modules: [
+    '@indielayer/ui/nuxt'
+  ],
   build: {
     postcss: {
       postcssOptions: {
         plugins: {
+          'tailwindcss/nesting': {},
           tailwindcss: {},
           autoprefixer: {},
         },

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

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>>, {

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

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: PropType<import("@/composables/common").Size>;
+        readonly type: PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -55,7 +55,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: PropType<import("@/composables/common").Size>;
+        readonly type: PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>>, {

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

@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -67,7 +67,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>>, {

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

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly 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<{
@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>>, {

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

@@ -1,3 +1,4 @@
+import { type StyleValue } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     label: StringConstructor;
     glow: BooleanConstructor;
@@ -21,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -29,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     checked: import("vue").Ref<boolean>;
     sizeClasses: import("vue").ComputedRef<"h-4 w-4" | "h-6 w-6" | "h-5 w-5">;
     iconSizeClasses: import("vue").ComputedRef<"h-3 w-3" | "h-4 w-4" | "h-2 w-2">;
-    cssVariables: import("vue").ComputedRef<Record<string, string> | (string | object)[]>;
+    cssVariables: import("vue").ComputedRef<Record<string, string> | StyleValue>;
     toggle: () => void;
     isFirstValidation: import("vue").Ref<boolean>;
     errorInternal: any;
@@ -62,11 +63,11 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {
-    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+    [x: `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
     readonly: boolean;
     glow: boolean;

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

@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
     detached: import("vue").Ref<boolean>;
     value: import("vue").Ref<boolean>;
     open: () => void;
-    close: (e?: PointerEvent | undefined) => void;
+    close: (e?: PointerEvent) => void;
     onBeforeEnter: (el: HTMLElement) => void;
     onEnter: (el: HTMLElement, done: () => void) => void;
     onBeforeLeave: (el: HTMLElement) => void;

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

@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>>, {

package/lib/components/index.d.ts

@@ -37,8 +37,8 @@ export { default as XTableCell } from './table/TableCell.vue';
 export { default as XTableHead } from './table/TableHead.vue';
 export { default as XTableHeader } from './table/TableHeader.vue';
 export { default as XTableRow } from './table/TableRow.vue';
-export { default as XTab } from './tabs/Tab.vue';
-export { default as XTabs } from './tabs/Tabs.vue';
+export { default as XTab } from './tab/Tab.vue';
+export { default as XTabGroup } from './tab/TabGroup.vue';
 export { default as XTag } from './tag/Tag.vue';
 export { default as XTextarea } from './textarea/Textarea.vue';
 export { default as XToggle } from './toggle/Toggle.vue';

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

@@ -37,13 +37,14 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
     currentType: import("vue").Ref<string>;
     labelClasses: import("vue").ComputedRef<"" | "text-xs" | "text-sm" | "text-lg" | "text-xl">;
     sizeClasses: import("vue").ComputedRef<"px-2 py-1 text-xs" | "px-2 py-2 text-sm" | "px-4 py-3 text-lg" | "px-5 py-4 text-xl" | "px-3 py-2">;
+    style: string;
     elRef: import("vue").Ref<HTMLInputElement | undefined>;
     onChange: (e: Event) => void;
     togglePasswordVisibility: () => void;
@@ -94,11 +95,11 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {
-    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+    [x: `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
     readonly: boolean;
     dir: string;

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

@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: PropType<import("@/composables/common").Size>;
+        readonly type: PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "expand"[], "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: PropType<import("@/composables/common").Size>;
+        readonly type: PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {

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

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
         color: string;
         onClick: (Function & ((...args: any[]) => any)) | undefined;
         icon: string | undefined;
-        size: import("@/composables/common").Size;
+        size: import("../../composables/common").Size;
         filled: boolean;
         rounded: boolean;
         item: Record<string, any>;
@@ -81,7 +81,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {

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

@@ -12,7 +12,7 @@ export declare type NotificationEvent = {
     action?: NotificationAction;
     iconColor?: string;
     title?: string;
-    style?: string | object;
+    style?: string;
     message?: string;
     timeout?: number;
     removable?: boolean;
@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
         } | undefined;
         iconColor?: string | undefined;
         title?: string | undefined;
-        style?: string | object | undefined;
+        style?: string | undefined;
         message?: string | undefined;
         timeout?: number | undefined;
         removable?: boolean | undefined;

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

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     size: {
-        readonly type: PropType<import("@/composables/common").Size>;
+        readonly type: PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -25,6 +25,7 @@ declare const _default: import("vue").DefineComponent<{
     nextIcon: string;
     quickInput: import("vue").Ref<string>;
     quickButtonSize: import("vue").ComputedRef<"xs" | "sm" | "md" | "lg">;
+    style: string;
     onQuickInput: () => void;
     prevPage: () => void;
     nextPage: () => void;
@@ -43,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     size: {
-        readonly type: PropType<import("@/composables/common").Size>;
+        readonly type: PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {

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

@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<{
     selected: BooleanConstructor;
     links: BooleanConstructor;
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
     selected: BooleanConstructor;
     links: BooleanConstructor;
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {

package/lib/components/radio/Radio.vue.d.ts

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -61,11 +61,11 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {
-    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+    [x: `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
     readonly: boolean;
     glow: boolean;

package/lib/components/select/Select.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     size: {
-        readonly type: PropType<import("@/composables/common").Size>;
+        readonly type: PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -47,6 +47,7 @@ declare const _default: import("vue").DefineComponent<{
     }[]>;
     labelClasses: import("vue").ComputedRef<"" | "text-xs" | "text-sm" | "text-lg" | "text-xl">;
     sizeClasses: import("vue").ComputedRef<"px-2 py-1 text-xs" | "px-2 py-2 text-sm" | "px-4 py-3 text-lg" | "px-5 py-4 text-xl" | "px-3 py-2">;
+    style: string;
     isEmpty: (value: string | number | []) => boolean;
     getLabel: (value: string | number | []) => string;
     handleRemove: (e: Event, value: string) => void;
@@ -81,11 +82,11 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     size: {
-        readonly type: PropType<import("@/composables/common").Size>;
+        readonly type: PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {
-    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+    [x: `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
     readonly: boolean;
     required: boolean;

package/lib/components/slider/Slider.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -77,11 +77,11 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {
-    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+    [x: `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
     readonly: boolean;
     required: boolean;

package/lib/components/spacer/Spacer.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+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/spinner/Spinner.vue.d.ts

@@ -1,7 +1,7 @@
 declare const _default: import("vue").DefineComponent<{
     icon: StringConstructor;
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     icon: StringConstructor;
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>>, {}>;

package/lib/components/{tabs → tab}/Tab.vue.d.ts

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     icon: StringConstructor;
     disabled: BooleanConstructor;
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
     icon: StringConstructor;
     disabled: BooleanConstructor;
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>>, {

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

@@ -1,2 +1,2 @@
-declare const _default: any;
+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/table/TableHead.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+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/tag/Tag.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {

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

@@ -31,16 +31,13 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
-    color: {
-        readonly type: StringConstructor;
-        readonly default: string | undefined;
-    };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
     elRef: import("vue").Ref<HTMLTextAreaElement | undefined>;
+    style: string;
     onInput: () => void;
     onEnter: (e: KeyboardEvent) => void;
     isFirstValidation: import("vue").Ref<boolean>;
@@ -84,21 +81,16 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
-    color: {
-        readonly type: StringConstructor;
-        readonly default: string | undefined;
-    };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {
-    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+    [x: `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
     readonly: boolean;
     dir: string;
     required: boolean;
-    color: string;
     disabled: boolean;
     loading: boolean;
     validateOnInput: boolean;

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

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -61,11 +61,11 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {
-    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+    [x: `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
     readonly: boolean;
     glow: boolean;

package/lib/composables/colors.d.ts

@@ -17,7 +17,7 @@ export declare const useColors: {
         getPalette: (color: string) => ColorPalette;
         getColorOpacity: (color: string, opacity: number) => string;
     };
-    props(defaultColor?: string | undefined): {
+    props(defaultColor?: string): {
         readonly color: {
             readonly type: StringConstructor;
             readonly default: string | undefined;

package/lib/composables/css.d.ts

@@ -1,5 +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>;
+export declare const useCSS: (namespace?: string) => {
+    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>;
 };

package/lib/composables/keys.d.ts

@@ -2,5 +2,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 injectColorsKey: InjectionKey<any>;
 export declare const injectButtonGroupKey: InjectionKey<any>;
 export declare const injectNotificationKey: InjectionKey<any>;