@indielayer/ui 1.0.0-alpha.8 → 1.0.1

package/README.md

@@ -1,10 +1,11 @@
 ![IndielayerUI-Logo-Dark](.github/logo_dark.svg#gh-dark-mode-only)
 ![IndielayerUI-Logo-Light](.github/logo.svg#gh-light-mode-only)
 
+
 <p>
-  <a href="https://github.com/indielayer/ui/actions/workflows/update_docs.yml"><img src="https://github.com/indielayer/ui/actions/workflows/update_docs.yml/badge.svg?branch=main&event=push" alt="Update docs"></a>
-  <a href="https://www.npmjs.com/package/@indielayer/ui/v/alpha"><img src="https://badgen.net/npm/dm/@indielayer/ui" alt="Downloads"></a>
-  <a href="https://www.npmjs.com/package/@indielayer/ui/v/alpha"><img src="https://badgen.net/npm/v/@indielayer/ui/alpha" alt="Version"></a>
+  <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://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>
 </p>
 
@@ -38,3 +39,5 @@ The documentation is located inside [/packages/docs](./packages/docs)
 ## License
 
 [MIT](./LICENSE)
+
+Copyright (c) 2022, Indielayer

package/lib/common/icons.d.ts

@@ -0,0 +1,15 @@
+export declare const infoIcon = "<path d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />";
+export declare const successIcon = "<path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" />";
+export declare const errorIcon = "<path d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />";
+export declare const warningIcon = "<path d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />";
+export declare const closeIcon = "<path d=\"M6 18L18 6M6 6l12 12\" />";
+export declare const avatarIcon = "<path d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\" />";
+export declare const arrowRightIcon = "<path d=\"M13 7l5 5m0 0l-5 5m5-5H6\" />";
+export declare const eyeIcon = "<path d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" /><path d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\" />";
+export declare const eyeVisibleIcon = "<path d=\"M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21\" />";
+export declare const dotsIcon = "<path d=\"M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z\" />";
+export declare const prevIcon = "<path d=\"M15 19l-7-7 7-7\" />";
+export declare const nextIcon = "<path d=\"M9 5l7 7-7 7\" />";
+export declare const checkIcon = "<path d=\"M5 13l4 4L19 7\" />";
+export declare const chevronDownIcon = "<path d=\"M8 9l4-4 4 4m0 6l-4 4-4-4\" />";
+export declare const externalIcon = "<line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\" /><polyline points=\"7 7 17 7 17 17\" />";

package/lib/common/utils.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Deeply unref a value, recursing into objects and arrays.
+ *
+ * @param {Mixed} val - The value to deeply unref.
+ *
+ * @return {Mixed}
+ */
+export declare const deepUnref: (val: any) => any;
+/**
+ * Unref a value, recursing into it if it's an object.
+ *
+ * @param {Mixed} val - The value to unref.
+ *
+ * @return {Mixed}
+ */
+export declare const smartUnref: (val: any) => any;
+/**
+ * Unref an array, recursively.
+ *
+ * @param {Array} arr - The array to unref.
+ *
+ * @return {Array}
+ */
+export declare const unrefArray: any;
+/**
+ * Unref an object, recursively.
+ *
+ * @param {Object} obj - The object to unref.
+ *
+ * @return {Object}
+ */
+export declare const unrefObject: (obj: any) => any;

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

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

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

@@ -1,9 +1,5 @@
 import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
     type: PropType<"success" | "warning" | "error" | "info" | undefined>;
     glow: BooleanConstructor;
     light: BooleanConstructor;
@@ -13,13 +9,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly default: string | undefined;
     };
-}, {
-    styles: import("vue").ComputedRef<(string | object)[]>;
-}, 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;
-    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove"[], "remove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: PropType<"success" | "warning" | "error" | "info" | undefined>;
     glow: BooleanConstructor;
     light: BooleanConstructor;
@@ -32,7 +22,6 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onRemove?: ((...args: any[]) => any) | undefined;
 }, {
-    tag: string;
     glow: boolean;
     light: boolean;
     outlined: boolean;

package/lib/components/alert/__tests__/Alert.spec.d.ts

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

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

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

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

@@ -14,15 +14,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;
     };
-}, {
-    avatarIcon: string;
-    source: import("vue").Ref<string | undefined>;
-    initials: import("vue").ComputedRef<string>;
-    sizeClasses: import("vue").ComputedRef<"h-6 w-6 text-xs" | "h-9 w-9 text-sm" | "h-12 w-12 text-lg" | "h-[3.75rem] w-[3.75rem] text-xl" | "h-10 w-10">;
-    styles: import("vue").ComputedRef<Record<string, string>>;
-}, 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<{
     tag: {
         type: StringConstructor;
         default: string;
@@ -38,12 +33,14 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 }>>, {
-    tag: string;
+    size: import("../../composables/common").Size;
     outlined: boolean;
     color: string;
+    tag: string;
     rounded: boolean;
 }>;
 export default _default;

package/lib/components/avatar/__tests__/Avatar.spec.d.ts

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

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

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

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

@@ -27,13 +27,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         readonly type: PropType<import("../../composables/common").Size>;
+        readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
-}, {
-    styles: import("vue").ComputedRef<string>;
-    offsetStyle: import("vue").ComputedRef<any>;
-    positionClasses: import("vue").ComputedRef<string[]>;
-}, 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<{
     tag: {
         type: StringConstructor;
         default: string;
@@ -61,12 +58,14 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         readonly type: PropType<import("../../composables/common").Size>;
+        readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 }>>, {
-    tag: string;
+    size: import("../../composables/common").Size;
     outlined: boolean;
     color: string;
+    tag: string;
     position: "top" | "bottom";
     align: "left" | "right";
     animated: boolean;

package/lib/components/badge/__tests__/Badge.spec.d.ts

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

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

@@ -0,0 +1,8 @@
+declare const _default: {
+    classes: {
+        wrapper: string;
+        item: string;
+        lastItem: string;
+    };
+};
+export default _default;

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

@@ -10,20 +10,31 @@ export declare type BreadcrumbItem = {
 };
 declare const _default: import("vue").DefineComponent<{
     items: PropType<BreadcrumbItem[]>;
-    icon: StringConstructor;
-    color: StringConstructor;
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
     shadow: BooleanConstructor;
     underline: BooleanConstructor;
-}, {
-    arrowIcon: string;
-    lastItem: import("vue").ComputedRef<BreadcrumbItem | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     items: PropType<BreadcrumbItem[]>;
-    icon: StringConstructor;
-    color: StringConstructor;
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
     shadow: BooleanConstructor;
     underline: BooleanConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
 }>>, {
+    icon: string;
+    color: string;
     shadow: boolean;
     underline: boolean;
 }>;

package/lib/components/breadcrumbs/__tests__/Breadcrumbs.spec.d.ts

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

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

@@ -0,0 +1,10 @@
+import type { ThemeParams } from '../../composables/theme';
+declare const _default: {
+    classes: {
+        wrapper({ props, slots, data }: ThemeParams): string[];
+        iconLeft: ({ slots }: ThemeParams) => "mr-2" | "m-0.5";
+        iconRight: ({ slots }: ThemeParams) => "m-0.5" | "ml-2";
+    };
+    styles({ props, colors, css, data }: ThemeParams): (string | object)[];
+};
+export default _default;

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

@@ -1,4 +1,3 @@
-export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined;
 declare const _default: import("vue").DefineComponent<{
     tag: {
         type: StringConstructor;
@@ -9,6 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     icon: StringConstructor;
+    iconLeft: StringConstructor;
     iconRight: StringConstructor;
     to: StringConstructor;
     outlined: BooleanConstructor;
@@ -26,21 +26,12 @@ 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>;
-    sizeClasses: import("vue").ComputedRef<string>;
-    styles: import("vue").ComputedRef<(string | object)[]>;
-    htmlTag: import("vue").ComputedRef<string>;
-    isButtonGroup: any;
-    computedSize: import("vue").ComputedRef<any>;
-    computedFlat: import("vue").ComputedRef<any>;
-    computedGhost: import("vue").ComputedRef<any>;
-    computedLight: import("vue").ComputedRef<any>;
-    computedOutlined: import("vue").ComputedRef<any>;
-    computedDisabled: import("vue").ComputedRef<any>;
-    focus: () => void;
+    focus: () => void | undefined;
+    blur: () => void | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tag: {
         type: StringConstructor;
@@ -51,6 +42,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     icon: StringConstructor;
+    iconLeft: StringConstructor;
     iconRight: StringConstructor;
     to: StringConstructor;
     outlined: BooleanConstructor;
@@ -68,19 +60,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;
     };
 }>>, {
-    tag: string;
+    flat: boolean;
+    size: import("../../composables/common").Size;
+    type: string;
     glow: boolean;
     light: boolean;
     outlined: boolean;
-    type: string;
     color: string;
+    tag: string;
     rounded: boolean;
     ghost: boolean;
     block: boolean;
-    flat: boolean;
     disabled: boolean;
     loading: boolean;
 }>;

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

@@ -0,0 +1,6 @@
+declare const _default: {
+    classes: {
+        wrapper: string;
+    };
+};
+export default _default;

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

@@ -15,9 +15,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;
     };
-}, 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<{
     tag: {
         type: StringConstructor;
         default: string;
@@ -34,13 +35,15 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 }>>, {
-    tag: string;
+    size: import("../../composables/common").Size;
     light: boolean;
     outlined: boolean;
     color: string;
+    tag: string;
     rounded: boolean;
     ghost: boolean;
     disabled: boolean;

package/lib/components/button/__tests__/ Button.spec.d.ts

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

package/lib/components/button/__tests__/ ButtonGroup.spec.d.ts

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

package/lib/components/card/Card.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/card/Card.vue.d.ts

@@ -4,14 +4,14 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     flat: 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<{
     tag: {
         type: StringConstructor;
         default: string;
     };
     flat: BooleanConstructor;
 }>>, {
-    tag: string;
     flat: boolean;
+    tag: string;
 }>;
 export default _default;

package/lib/components/card/__tests__/Card.spec.d.ts

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

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

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

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

@@ -1,8 +1,8 @@
-import { type StyleValue } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     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,27 +23,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").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> | StyleValue>;
+    focus: () => void | undefined;
+    blur: () => void | undefined;
     toggle: () => 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<{
     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;
@@ -64,14 +58,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/checkbox/__tests__/Checkbox.spec.d.ts

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

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

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

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

@@ -5,24 +5,16 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
     expanded: BooleanConstructor;
-    showIcon: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    showIcon: BooleanConstructor;
     icon: StringConstructor;
-    color: StringConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
 }, {
-    collapsed: import("vue").Ref<boolean>;
-    onBeforeEnter: (el: HTMLElement) => void;
-    onEnter: (el: HTMLElement, done: () => void) => void;
-    onAfterEnter: (el: HTMLElement) => void;
-    onBeforeLeave: (el: HTMLElement) => void;
-    onLeave: (el: HTMLElement, done: () => void) => void;
-    onAfterLeave: (el: HTMLElement) => void;
-    onExpand: (anim?: boolean) => void;
     toggle: () => void;
-    close: (anim?: boolean) => void;
     open: (anim?: boolean) => void;
+    close: (anim?: boolean) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "expand"[], "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tag: {
         type: StringConstructor;
@@ -30,15 +22,16 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
     expanded: BooleanConstructor;
-    showIcon: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    showIcon: BooleanConstructor;
     icon: StringConstructor;
-    color: StringConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
 }>> & {
     onExpand?: ((...args: any[]) => any) | undefined;
 }, {
+    color: string;
     tag: string;
     disabled: boolean;
     expanded: boolean;

package/lib/components/collapse/__tests__/Collapse.spec.d.ts

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

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

@@ -0,0 +1,6 @@
+declare const _default: {
+    classes: {
+        wrapper: string;
+    };
+};
+export default _default;

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

@@ -3,7 +3,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, 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<{
     tag: {
         type: StringConstructor;
         default: string;

package/lib/components/container/__tests__/Container.spec.d.ts

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

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

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

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

@@ -1,7 +1,7 @@
 declare const _default: import("vue").DefineComponent<{
     label: StringConstructor;
     vertical: 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<{
     label: StringConstructor;
     vertical: BooleanConstructor;
 }>>, {

package/lib/components/divider/__tests__/Divider.spec.d.ts

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

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

@@ -0,0 +1,7 @@
+declare const _default: {
+    classes: {
+        wrapper: string;
+        backdrop: string;
+    };
+};
+export default _default;