@wisemen/vue-core-components 1.1.0 → 1.3.0

package/dist/AlertCircleIcon-B3d-CXUl.js

@@ -0,0 +1,24 @@
+import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
+import { _ as n } from "./index-DzOo1t21.js";
+const s = {}, l = {
+  width: "100%",
+  height: "100%",
+  viewBox: "0 0 22 22",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function c(i, e) {
+  return t(), o("svg", l, e[0] || (e[0] = [
+    r("path", {
+      d: "M11 7V11M11 15H11.01M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1)
+  ]));
+}
+const f = /* @__PURE__ */ n(s, [["render", c]]);
+export {
+  f as default
+};

package/dist/ArrowDownIcon-BEFV2gBy.js

@@ -0,0 +1,24 @@
+import { createElementBlock as e, openBlock as t, createElementVNode as r } from "vue";
+import { _ as n } from "./index-DzOo1t21.js";
+const s = {}, c = {
+  width: "100%",
+  height: "100%",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function i(l, o) {
+  return t(), e("svg", c, o[0] || (o[0] = [
+    r("path", {
+      d: "M12 5V19M12 19L19 12M12 19L5 12",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1)
+  ]));
+}
+const _ = /* @__PURE__ */ n(s, [["render", i]]);
+export {
+  _ as default
+};

package/dist/ArrowLeftIcon-BUfGaRGE.js

@@ -0,0 +1,24 @@
+import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
+import { _ as n } from "./index-DzOo1t21.js";
+const s = {}, c = {
+  width: "100%",
+  height: "100%",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function i(l, e) {
+  return t(), o("svg", c, e[0] || (e[0] = [
+    r("path", {
+      d: "M19 12H5M5 12L12 19M5 12L12 5",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1)
+  ]));
+}
+const _ = /* @__PURE__ */ n(s, [["render", i]]);
+export {
+  _ as default
+};

package/dist/ArrowRightIcon-DCZJpxrp.js

@@ -0,0 +1,24 @@
+import { createElementBlock as e, openBlock as t, createElementVNode as r } from "vue";
+import { _ as n } from "./index-DzOo1t21.js";
+const s = {}, i = {
+  width: "100%",
+  height: "100%",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function c(l, o) {
+  return t(), e("svg", i, o[0] || (o[0] = [
+    r("path", {
+      d: "M5 12H19M19 12L12 5M19 12L12 19",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1)
+  ]));
+}
+const f = /* @__PURE__ */ n(s, [["render", c]]);
+export {
+  f as default
+};

package/dist/ArrowUpIcon-BO_2dPlE.js

@@ -0,0 +1,24 @@
+import { createElementBlock as e, openBlock as t, createElementVNode as r } from "vue";
+import { _ as n } from "./index-DzOo1t21.js";
+const s = {}, c = {
+  width: "100%",
+  height: "100%",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function i(l, o) {
+  return t(), e("svg", c, o[0] || (o[0] = [
+    r("path", {
+      d: "M12 19V5M12 5L5 12M12 5L19 12",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1)
+  ]));
+}
+const _ = /* @__PURE__ */ n(s, [["render", i]]);
+export {
+  _ as default
+};

package/dist/{CalendarIcon-ov4oOm7t.js → CalendarIcon-D-ESDpv5.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CUZPwdwp.js";
+import { _ as n } from "./index-DzOo1t21.js";
 const s = {}, l = {
   width: "100%",
   height: "100%",

package/dist/CheckCircleIcon-CsEUfOQY.js

@@ -0,0 +1,24 @@
+import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
+import { _ as n } from "./index-DzOo1t21.js";
+const s = {}, c = {
+  width: "100%",
+  height: "100%",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function i(l, e) {
+  return t(), o("svg", c, e[0] || (e[0] = [
+    r("path", {
+      d: "M7.5 12L10.5 15L16.5 9M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1)
+  ]));
+}
+const f = /* @__PURE__ */ n(s, [["render", i]]);
+export {
+  f as default
+};

package/dist/{CheckIcon-DKCCStaL.js → CheckIcon-B9vyutJQ.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CUZPwdwp.js";
+import { _ as n } from "./index-DzOo1t21.js";
 const s = {}, c = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "100%",

package/dist/{ChevronLeftDoubleIcon-aG6nY5th.js → ChevronLeftDoubleIcon-BfI5koax.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CUZPwdwp.js";
+import { _ as n } from "./index-DzOo1t21.js";
 const s = {}, l = {
   width: "100%",
   height: "100%",

package/dist/{ChevronLeftIcon-DDaRHPWC.js → ChevronLeftIcon-CHlLCOSs.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CUZPwdwp.js";
+import { _ as n } from "./index-DzOo1t21.js";
 const s = {}, c = {
   width: "100%",
   height: "100%",

package/dist/{ChevronRightDoubleIcon-4x90Up7e.js → ChevronRightDoubleIcon-CeWN33JQ.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CUZPwdwp.js";
+import { _ as n } from "./index-DzOo1t21.js";
 const s = {}, i = {
   width: "100%",
   height: "100%",

package/dist/{ChevronRightIcon-CZU8oyxa.js → ChevronRightIcon-BwpcvIev.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CUZPwdwp.js";
+import { _ as n } from "./index-DzOo1t21.js";
 const s = {}, i = {
   width: "100%",
   height: "100%",

package/dist/{CloseIcon-D5_g4SV_.js → CloseIcon-DZsSXl1P.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CUZPwdwp.js";
+import { _ as n } from "./index-DzOo1t21.js";
 const s = {}, l = {
   width: "100%",
   height: "100%",

package/dist/{EyeIcon-CrVFkfjP.js → EyeIcon-cR6b22LR.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as r, createElementVNode as e } from "vue";
-import { _ as n } from "./index-CUZPwdwp.js";
+import { _ as n } from "./index-DzOo1t21.js";
 const s = {}, l = {
   width: "100%",
   height: "100%",

package/dist/{EyeOffIcon-Bvizr3GN.js → EyeOffIcon-DTYD7SQ_.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CUZPwdwp.js";
+import { _ as n } from "./index-DzOo1t21.js";
 const s = {}, C = {
   width: "100%",
   height: "100%",

package/dist/InfoCircleIcon-COWXV4q0.js

@@ -0,0 +1,26 @@
+import { createElementBlock as t, openBlock as r, createElementVNode as o } from "vue";
+import { _ as n } from "./index-DzOo1t21.js";
+const c = {}, i = {
+  width: "100%",
+  height: "100%",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function s(l, e) {
+  return r(), t("svg", i, e[0] || (e[0] = [
+    o("g", { "clip-path": "url(#clip0_5570_1431)" }, [
+      o("path", {
+        d: "M7.99967 10.6667V8.00004M7.99967 5.33337H8.00634M14.6663 8.00004C14.6663 11.6819 11.6816 14.6667 7.99967 14.6667C4.31778 14.6667 1.33301 11.6819 1.33301 8.00004C1.33301 4.31814 4.31778 1.33337 7.99967 1.33337C11.6816 1.33337 14.6663 4.31814 14.6663 8.00004Z",
+        stroke: "currentColor",
+        "stroke-width": "1.3",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      })
+    ], -1)
+  ]));
+}
+const d = /* @__PURE__ */ n(c, [["render", s]]);
+export {
+  d as default
+};

package/dist/{MinusIcon-Pe6gCl8K.js → MinusIcon-FShUNBG1.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as n } from "vue";
-import { _ as r } from "./index-CUZPwdwp.js";
+import { _ as r } from "./index-DzOo1t21.js";
 const s = {}, i = {
   width: "100%",
   height: "100%",

package/dist/{PlusIcon-B1aDBCI4.js → PlusIcon-DIGSFATw.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CUZPwdwp.js";
+import { _ as n } from "./index-DzOo1t21.js";
 const s = {}, l = {
   width: "100%",
   height: "100%",

package/dist/{SearchIcon-COf6exDf.js → SearchIcon-CpBI2Qr3.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CUZPwdwp.js";
+import { _ as n } from "./index-DzOo1t21.js";
 const s = {}, c = {
   width: "100%",
   height: "100%",

package/dist/{SelectIconRight-CxNBaYb7.js → SelectIconRight-BOybCSHX.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CUZPwdwp.js";
+import { _ as n } from "./index-DzOo1t21.js";
 const s = {}, c = {
   width: "100%",
   height: "100%",

package/dist/{StarsIcon-C-7HxOG7.js → StarsIcon-ks2XfKLG.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CUZPwdwp.js";
+import { _ as n } from "./index-DzOo1t21.js";
 const s = {}, c = {
   width: "100%",
   height: "100%",

package/dist/SwitchVerticalIcon-Djmf8zA3.js

@@ -0,0 +1,24 @@
+import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
+import { _ as n } from "./index-DzOo1t21.js";
+const s = {}, c = {
+  width: "100%",
+  height: "100%",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function i(l, e) {
+  return o(), t("svg", c, e[0] || (e[0] = [
+    r("path", {
+      d: "M17 4V20M17 20L13 16M17 20L21 16M7 20V4M7 4L3 8M7 4L11 8",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1)
+  ]));
+}
+const a = /* @__PURE__ */ n(s, [["render", i]]);
+export {
+  a as default
+};

package/dist/{TranslateIcon-B1EUrG0F.js → TranslateIcon-yQgLQSq0.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CUZPwdwp.js";
+import { _ as n } from "./index-DzOo1t21.js";
 const s = {}, l = {
   width: "100%",
   height: "100%",

package/dist/class-variant/classVariant.type.d.ts

@@ -0,0 +1,180 @@
+import { VariantProps } from 'tailwind-variants';
+import { createAvatarStyle } from '../components/avatar/avatar.style';
+import { createButtonStyle } from '../components/button/default-button/button.style';
+import { createIconButtonStyle } from '../components/button/icon-button/iconButton.style';
+import { createRouterLinkButtonStyle } from '../components/button/router-link-button/routerLinkButton.style';
+import { createCheckboxStyle } from '../components/checkbox/checkbox.style';
+import { createDateFieldStyle } from '../components/date-field/dateField.style';
+import { createDatePickerStyle } from '../components/date-picker/single/datePicker.style';
+import { createDialogStyle } from '../components/dialog/dialog.style';
+import { createDropdownMenuStyle } from '../components/dropdown-menu/dropdownMenu.style';
+import { createFormFieldStyle } from '../components/form-field/formField.style';
+import { createKeyboardKeyStyle } from '../components/keyboard-key/keyboardKey.style';
+import { createkeyboardShortcutStyle } from '../components/keyboard-shortcut/keyboardShortcut.style';
+import { createNumberFieldStyle } from '../components/number-field/numberField.style';
+import { createPopoverStyle } from '../components/popover/popover.style';
+import { createRadioGroupItemStyle } from '../components/radio-group-item/radioGroupItem.style';
+import { createSelectStyle } from '../components/select/style/select.style';
+import { createSwitchStyle } from '../components/switch/switch.style';
+import { createTableStyle } from '../components/table/table.style';
+import { createTabsStyle } from '../components/tabs/shared/tabs.style';
+import { createTextFieldStyle } from '../components/text-field/textField.style';
+import { createTextareaStyle } from '../components/textarea/textarea.style';
+import { createTimeFieldStyle } from '../components/time-field/timeField.style';
+import { createToastStyle } from '../components/toast/toast.style';
+import { createTooltipStyle } from '../components/tooltip/tooltip.style';
+export interface ComponentMap {
+    avatar: {
+        style: typeof createAvatarStyle;
+        children: {};
+    };
+    button: {
+        style: typeof createButtonStyle;
+        children: {};
+    };
+    checkbox: {
+        style: typeof createCheckboxStyle;
+        children: {};
+    };
+    dateField: {
+        style: typeof createDateFieldStyle;
+        children: {
+            datePicker: 'datePicker';
+        };
+    };
+    datePicker: {
+        style: typeof createDatePickerStyle;
+        children: {};
+    };
+    dialog: {
+        style: typeof createDialogStyle;
+        children: {
+            closeButton: 'iconButton';
+        };
+    };
+    dropdownMenu: {
+        style: typeof createDropdownMenuStyle;
+        children: {};
+    };
+    formField: {
+        style: typeof createFormFieldStyle;
+        children: {};
+    };
+    iconButton: {
+        style: typeof createIconButtonStyle;
+        children: {
+            avatar: 'avatar';
+        };
+    };
+    keyboardKey: {
+        style: typeof createKeyboardKeyStyle;
+        children: {};
+    };
+    keyboardShortcut: {
+        style: typeof createkeyboardShortcutStyle;
+        children: {
+            keyboardKey: 'keyboardKey';
+        };
+    };
+    numberField: {
+        style: typeof createNumberFieldStyle;
+        children: {
+            decrement: 'iconButton';
+            increment: 'iconButton';
+        };
+    };
+    popover: {
+        style: typeof createPopoverStyle;
+        children: {
+            closeButton: 'iconButton';
+        };
+    };
+    radioGroupItem: {
+        style: typeof createRadioGroupItemStyle;
+        children: {};
+    };
+    routerLinkButton: {
+        style: typeof createRouterLinkButtonStyle;
+        children: {};
+    };
+    select: {
+        style: typeof createSelectStyle;
+        children: {
+            dropdownSearchInput: 'textField';
+            popover: 'popover';
+        };
+    };
+    switch: {
+        style: typeof createSwitchStyle;
+        children: {};
+    };
+    table: {
+        style: typeof createTableStyle;
+        children: {
+            headerCellButton: 'button';
+        };
+    };
+    tabs: {
+        style: typeof createTabsStyle;
+        children: {};
+    };
+    textarea: {
+        style: typeof createTextareaStyle;
+        children: {};
+    };
+    textField: {
+        style: typeof createTextFieldStyle;
+        children: {};
+    };
+    timeField: {
+        style: typeof createTimeFieldStyle;
+        children: {};
+    };
+    toast: {
+        style: typeof createToastStyle;
+        children: {};
+    };
+    tooltip: {
+        style: typeof createTooltipStyle;
+        children: {};
+    };
+}
+/**
+ * This is a placeholder for the variants defined by the user.
+ */
+export interface ComponentVariants {
+}
+export type GetComponentSlots<TComponent extends keyof ComponentMap> = ReturnType<ComponentMap[TComponent]['style']>;
+export type GetComponentProps<TComponent extends keyof ComponentMap> = {
+    [K in keyof VariantProps<ComponentMap[TComponent]['style']>]: VariantProps<ComponentMap[TComponent]['style']>[K] extends undefined ? null : VariantProps<ComponentMap[TComponent]['style']>[K];
+};
+/**
+ * Return the predefined values and the custom values defined by the user
+ */
+export type GetComponentProp<TComponent extends keyof ComponentMap, TProp extends keyof GetComponentProps<TComponent>> = (ComponentVariants extends {
+    variants: Array<infer TVariant>;
+} ? TVariant extends CustomClassVariant<TComponent, TProp, infer TTargetPropValue> ? TTargetPropValue : never : never) | GetComponentProps<TComponent>[TProp];
+export type ResolvedClassConfig<TComponent extends keyof ComponentMap> = {
+    [KSlot in keyof GetComponentSlots<TComponent>]?: string;
+} & {
+    [KChild in keyof ComponentMap[TComponent]['children']]?: ResolvedClassConfig<ComponentMap[TComponent]['children'][KChild] extends keyof ComponentMap ? ComponentMap[TComponent]['children'][KChild] : never>;
+};
+export interface CustomizableElement<TComponent extends keyof ComponentMap> {
+    /**
+     * The class configuration for the component. This allows customizating the default styles
+     * by overriding them with custom values.
+     */
+    classConfig?: ResolvedClassConfig<TComponent> | null;
+}
+export interface CustomClassVariant<TComponent extends keyof ComponentMap, TTargetProp extends keyof GetComponentProps<TComponent>, TTargetPropNewValue extends string> {
+    config: ResolvedClassConfig<TComponent>;
+    target?: {
+        prop: TTargetProp;
+        value: GetComponentProps<TComponent>[TTargetProp] | TTargetPropNewValue;
+    };
+    theme?: string & {} | 'default';
+    component: TComponent;
+}
+export type CustomComponentVariant<TComponent extends keyof ComponentMap> = {
+    [KSlot in keyof GetComponentSlots<TComponent>]: string;
+};

package/dist/class-variant/customClassVariants.d.ts

@@ -0,0 +1,25 @@
+import { ComponentMap, CustomClassVariant, GetComponentProps, GetComponentSlots } from './classVariant.type';
+export declare const customClassVariants: CustomClassVariant<any, never, string>[];
+/**
+ * Define a new or override an existing class variant for a component.
+ * @param customClassVariant The class variant to define or override.
+ * @returns The defined class variant.
+ * @example
+ * ```ts
+ * defineComponentVariant({
+ *   config: {
+ *     root: 'px-2xl',
+ *   }
+ *   target: {
+ *     prop: 'size',
+ *     value: 'md',
+ *   },
+ *   component: 'button',
+ * })
+ * ```
+ */
+export declare function defineComponentVariant<TComponent extends keyof ComponentMap, TTargetProp extends keyof GetComponentProps<TComponent>, TTargetPropNewValue extends string>(customClassVariant: CustomClassVariant<TComponent, TTargetProp, TTargetPropNewValue>): CustomClassVariant<TComponent, TTargetProp, TTargetPropNewValue>;
+export declare function getCustomComponentVariant<TComponent extends keyof ComponentMap>(component: TComponent, theme: string, props: GetComponentProps<TComponent>): {
+    [KSlot in keyof GetComponentSlots<TComponent>]: string;
+};
+export declare function mergeClasses(...strings: (string | null | undefined)[]): string;

package/dist/components/avatar/avatar.context.d.ts

@@ -1,10 +1,10 @@
 import { ComputedRef } from 'vue';
+import { ResolvedClassConfig } from '../../class-variant/classVariant.type';
 import { AvatarProps } from './avatar.props';
 import { CreateAvatarStyle } from './avatar.style';
-import { ClassConfig } from '../../customClassVariants';
 import { PropsToComputed } from '../../utils/props.util';
 interface AvatarContext extends PropsToComputed<AvatarProps> {
-    customClassConfig: ComputedRef<ClassConfig<'avatar'>>;
+    customClassConfig: ComputedRef<ResolvedClassConfig<'avatar'>>;
     style: ComputedRef<CreateAvatarStyle>;
 }
 export declare const useProvideAvatarContext: (context: AvatarContext) => AvatarContext, useInjectAvatarContext: <TFallback extends AvatarContext | null = AvatarContext>(fallback?: TFallback | undefined) => TFallback extends null ? AvatarContext | null : AvatarContext;

package/dist/components/avatar/avatar.props.d.ts

@@ -1,5 +1,5 @@
-import { GetComponentPropCustomValues } from '../../customClassVariants';
-import { CustomizableElement, TestId } from '../../utils/props.util';
+import { CustomizableElement, GetComponentProp } from '../../class-variant/classVariant.type';
+import { TestId } from '../../utils/props.util';
 export interface AvatarProps extends TestId, CustomizableElement<'avatar'> {
     /**
      * The name of the user or entity represented by the avatar.
@@ -12,7 +12,7 @@ export interface AvatarProps extends TestId, CustomizableElement<'avatar'> {
      */
     src?: string | null;
     /**
-     *
+     * Defines the visual style of the avatar.
      */
-    variant?: GetComponentPropCustomValues<'avatar', 'variant'> | null;
+    variant?: GetComponentProp<'avatar', 'variant'> | null;
 }

package/dist/components/avatar/parts/AvatarRoot.d.ts

@@ -9,7 +9,13 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<AvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
+    variant: null;
     testId: string | null;
+    classConfig: {
+        fallback?: string | undefined;
+        image?: string | undefined;
+        root?: string | undefined;
+    } | null;
     src: string | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/button/default-button/button.context.d.ts

@@ -1,10 +1,10 @@
 import { ComputedRef } from 'vue';
+import { ResolvedClassConfig } from '../../../class-variant/classVariant.type';
 import { ButtonProps } from './button.props';
 import { CreateButtonStyle } from './button.style';
-import { ClassConfig } from '../../../customClassVariants';
 import { PropsToComputed } from '../../../utils/props.util';
 interface ButtonContext extends PropsToComputed<ButtonProps> {
-    customClassConfig: ComputedRef<ClassConfig<'button'>>;
+    customClassConfig: ComputedRef<ResolvedClassConfig<'button'>>;
     style: ComputedRef<CreateButtonStyle>;
 }
 export declare const useProvideButtonContext: (context: ButtonContext) => ButtonContext, useInjectButtonContext: <TFallback extends ButtonContext | null = ButtonContext>(fallback?: TFallback | undefined) => TFallback extends null ? ButtonContext | null : ButtonContext;

package/dist/components/button/default-button/button.props.d.ts

@@ -1,3 +1,14 @@
+import { GetComponentProp } from '../../../class-variant/classVariant.type';
 import { TextButtonProps } from '../shared/textButton.props';
 export interface ButtonProps extends TextButtonProps {
+    /**
+     * Defines the button’s size.
+     * @default 'md'
+     */
+    size?: GetComponentProp<'button', 'size'>;
+    /**
+     * Defines the visual style of the button.
+     * @default 'primary'
+     */
+    variant?: GetComponentProp<'button', 'variant'>;
 }

package/dist/components/button/default-button/parts/ButtonRoot.d.ts

@@ -24,7 +24,13 @@ declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}
     isLoading: boolean;
     testId: string | null;
     isDisabled: boolean;
-    classConfig: import('../../../../customClassVariants').ClassConfig<"button"> | null;
+    classConfig: {
+        root?: string | undefined;
+        content?: string | undefined;
+        iconLeft?: string | undefined;
+        iconRight?: string | undefined;
+        loader?: string | undefined;
+    } | null;
     type: "button" | "reset" | "submit";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/button/icon-button/iconButton.context.d.ts

@@ -1,10 +1,10 @@
 import { ComputedRef } from 'vue';
+import { ResolvedClassConfig } from '../../../class-variant/classVariant.type';
 import { IconButtonProps } from './iconButton.props';
 import { CreateIconButtonStyle } from './iconButton.style';
-import { ClassConfig } from '../../../customClassVariants';
 import { PropsToComputed } from '../../../utils/props.util';
 interface IconButtonContext extends PropsToComputed<IconButtonProps> {
-    customClassConfig: ComputedRef<ClassConfig<'iconButton'>>;
+    customClassConfig: ComputedRef<ResolvedClassConfig<'iconButton'>>;
     style: ComputedRef<CreateIconButtonStyle>;
 }
 export declare const useProvideIconButtonContext: (context: IconButtonContext) => IconButtonContext, useInjectIconButtonContext: <TFallback extends IconButtonContext | null = IconButtonContext>(fallback?: TFallback | undefined) => TFallback extends null ? IconButtonContext | null : IconButtonContext;