@wisemen/vue-core-components 1.0.0 → 1.1.0

package/dist/{CalendarIcon-DJ8yrU5H.js → CalendarIcon-ov4oOm7t.js}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/autocomplete/Autocomplete.d.ts

@@ -19,9 +19,7 @@ declare const _default: <TValue extends AcceptableValue>(__VLS_props: NonNullabl
         }): any;
     };
     emit: ((evt: "search", searchTerm: string) => void) & ((evt: "update:modelValue", value: TValue) => void);
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

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

@@ -1,6 +1,6 @@
 import { GetComponentPropCustomValues } from '../../customClassVariants';
-import { CustomizableElement, PrimitiveElement } from '../../utils/props.util';
-export interface AvatarProps extends PrimitiveElement, CustomizableElement<'avatar'> {
+import { CustomizableElement, TestId } from '../../utils/props.util';
+export interface AvatarProps extends TestId, CustomizableElement<'avatar'> {
     /**
      * The name of the user or entity represented by the avatar.
      * This is used for accessibility and as a fallback if no image is provided.

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

@@ -9,7 +9,6 @@ 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<{}>, {
-    id: string | null;
     testId: string | null;
     src: string | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

@@ -22,7 +22,6 @@ declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}
     iconLeft: import('../../../..').Icon | null;
     iconRight: import('../../../..').Icon | null;
     isLoading: boolean;
-    id: string | null;
     testId: string | null;
     isDisabled: boolean;
     classConfig: import('../../../../customClassVariants').ClassConfig<"button"> | null;

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

@@ -4,22 +4,27 @@ export declare const createIconButtonStyle: import('tailwind-variants').TVReturn
         '2xl': {
             icon: string;
             loader: string;
+            root: string;
         };
         lg: {
             icon: string;
             loader: string;
+            root: string;
         };
         md: {
             icon: string;
             loader: string;
+            root: string;
         };
         sm: {
             icon: string;
             loader: string;
+            root: string;
         };
         xl: {
             icon: string;
             loader: string;
+            root: string;
         };
     };
 }, {

package/dist/components/button/icon-button/parts/IconButtonRoot.d.ts

@@ -20,7 +20,6 @@ declare const __VLS_component: import('vue').DefineComponent<IconButtonProps, {}
     variant: "destructive-primary" | "destructive-secondary" | "destructive-tertiary" | "primary" | "secondary" | "tertiary";
     size: "2xl" | "lg" | "md" | "sm" | "xl";
     isLoading: boolean;
-    id: string | null;
     testId: string | null;
     isDisabled: boolean;
     classConfig: import('../../../../customClassVariants').ClassConfig<"iconButton"> | null;

package/dist/components/button/router-link-button/parts/RouterLinkButtonRoot.d.ts

@@ -13,7 +13,6 @@ declare const __VLS_component: import('vue').DefineComponent<RouterLinkButtonPro
     size: "2xl" | "lg" | "md" | "sm" | "xl";
     iconLeft: import('../../../..').Icon | null;
     iconRight: import('../../../..').Icon | null;
-    id: string | null;
     testId: string | null;
     classConfig: import('../../../../customClassVariants').ClassConfig<"button"> | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/button/router-link-button/routerLinkButton.props.d.ts

@@ -1,4 +1,5 @@
 import { TextButtonProps } from '../shared/textButton.props';
+import { Routes } from '../../../types/routes.type';
 export interface RouterLinkButtonProps extends Omit<TextButtonProps, 'isDisabled' | 'isLoading' | 'type'> {
     /**
      * The route to navigate to when the button is clicked.

package/dist/components/button/shared/sharedButton.props.d.ts

@@ -1,5 +1,5 @@
-import { InteractableElement, PrimitiveElement } from '../../../utils/props.util';
-export interface SharedButtonProps extends PrimitiveElement, InteractableElement {
+import { InteractableElement, TestId } from '../../../utils/props.util';
+export interface SharedButtonProps extends TestId, InteractableElement {
     /**
      * Indicates whether the button is in a loading state. When true, interactions are disabled.
      * @default false

package/dist/components/checkbox/Checkbox.d.ts

@@ -9,6 +9,7 @@ declare function __VLS_template(): {
         label?(_: {}): any;
         error?(_: {}): any;
         hint?(_: {}): any;
+        default?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLDivElement;

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

@@ -1,8 +1,8 @@
 import { AcceptableValue } from 'reka-ui';
 import { GetComponentPropCustomValues } from '../../customClassVariants';
-import { CustomizableElement, FormElement, InteractableElement, PrimitiveElement } from '../../utils/props.util';
+import { CustomizableElement, FormElement, InteractableElement, TestId } from '../../utils/props.util';
 export type CheckboxValue = AcceptableValue;
-export interface CheckboxProps extends PrimitiveElement, InteractableElement, FormElement, CustomizableElement<'checkbox'> {
+export interface CheckboxProps extends TestId, InteractableElement, FormElement, CustomizableElement<'checkbox'> {
     /**
      * Whether the checkbox is indeterminate.
      * @default false

package/dist/components/checkbox/checkbox.style.d.ts

@@ -2,16 +2,19 @@ import { VariantProps } from 'tailwind-variants';
 export declare const createCheckboxStyle: import('tailwind-variants').TVReturnType<{
     variant: {};
 }, {
+    control: string;
     indicator: string;
     root: string;
 }, undefined, {
     variant: {};
 }, {
+    control: string;
     indicator: string;
     root: string;
 }, import('tailwind-variants').TVReturnType<{
     variant: {};
 }, {
+    control: string;
     indicator: string;
     root: string;
 }, undefined, unknown, unknown, undefined>>;

package/dist/components/checkbox/index.d.ts

@@ -1,3 +1,5 @@
 export type { CheckboxProps as VcCheckboxProps } from './checkbox.props';
 export { default as VcCheckbox } from './Checkbox';
+export { default as VcCheckboxControl } from './parts/CheckboxControl';
 export { default as VcCheckboxIndicator } from './parts/CheckboxIndicator';
+export { default as VcCheckboxRoot } from './parts/CheckboxRoot';

package/dist/components/checkbox/parts/CheckboxControl.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/components/checkbox/parts/CheckboxRoot.d.ts

@@ -26,9 +26,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     label: string | null;
     hint: string | null;
     value: import('../checkbox.props').CheckboxValue;
-    id: string | null;
     testId: string | null;
     isDisabled: boolean;
+    id: string | null;
     isRequired: boolean;
     isTouched: boolean;
     errorMessage: string | null;

package/dist/components/checkbox-group/CheckboxGroup.d.ts

@@ -17,9 +17,7 @@ declare const _default: <TValue extends AcceptableValue>(__VLS_props: NonNullabl
         default?(_: {}): any;
     };
     emit: CheckboxGroupEmits & ((evt: "update:modelValue", value: TValue[]) => void);
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/dist/components/checkbox-group/checkboxGroup.props.d.ts

@@ -1,3 +1,3 @@
-import { FormElement, InteractableElement, PrimitiveElement } from '../../utils/props.util';
-export interface CheckboxGroupProps extends PrimitiveElement, InteractableElement, FormElement {
+import { FormElement, InteractableElement, TestId } from '../../utils/props.util';
+export interface CheckboxGroupProps extends TestId, InteractableElement, FormElement {
 }

package/dist/components/checkbox-group/parts/CheckboxGroupRoot.d.ts

@@ -14,9 +14,7 @@ declare const _default: <TValue extends AcceptableValue>(__VLS_props: NonNullabl
         default?(_: {}): any;
     };
     emit: CheckboxGroupEmits & ((evt: "update:modelValue", value: TValue[]) => void);
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/dist/components/date-field/dateField.props.d.ts

@@ -1,8 +1,8 @@
 import { GetComponentPropCustomValues } from '../../customClassVariants';
 import { Icon } from '../../icons/icons';
 import { SharedDateProps } from '../../types/shareDateProps.type';
-import { CustomizableElement, FormElement, InteractableElement, PrimitiveElement } from '../../utils/props.util';
-export interface DateFieldProps extends PrimitiveElement, InteractableElement, FormElement, SharedDateProps, CustomizableElement<'dateField', [
+import { CustomizableElement, FormElement, InteractableElement, TestId } from '../../utils/props.util';
+export interface DateFieldProps extends TestId, InteractableElement, FormElement, SharedDateProps, CustomizableElement<'dateField', [
     {
         name: 'datePicker';
         component: 'datePicker';

package/dist/components/date-field/parts/DateFieldRoot.d.ts

@@ -32,9 +32,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     label: string | null;
     hint: string | null;
     isLoading: boolean;
-    id: string | null;
     testId: string | null;
     isDisabled: boolean;
+    id: string | null;
     isRequired: boolean;
     isTouched: boolean;
     errorMessage: string | null;

package/dist/components/date-picker/shared/sharedDatePicker.props.d.ts

@@ -1,6 +1,6 @@
 import { SharedDateProps } from '../../../types/shareDateProps.type';
-import { InteractableElement, PrimitiveElement } from '../../../utils/props.util';
-export interface SharedDatePickerProps extends PrimitiveElement, InteractableElement, SharedDateProps {
+import { InteractableElement, TestId } from '../../../utils/props.util';
+export interface SharedDatePickerProps extends TestId, InteractableElement, SharedDateProps {
     /**
      * Whether the calendar should focus on the selected day, today’s date,
      * or the first day of the month when mounted.

package/dist/components/date-picker/single/parts/DatePickerRoot.d.ts

@@ -26,7 +26,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:placeholderValue"?: ((value: Date) => any) | undefined;
 }>, {
     variant: import('../../../../customClassVariants').GetComponentPropCustomValues<"datePicker", "variant"> | null;
-    id: string | null;
     testId: string | null;
     isDisabled: boolean;
     maxDate: Date | null;

package/dist/components/dialog/Dialog.d.ts

@@ -27,7 +27,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     onClose?: (() => any) | undefined;
     "onUpdate:isOpen"?: ((value: boolean) => any) | undefined;
 }>, {
-    id: string | null;
     testId: string | null;
     classConfig: (import('../../customClassVariants').ClassConfig<"dialog"> & {
         closeButton?: import('../../customClassVariants').ClassConfig<"iconButton"> | undefined;

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

@@ -1,6 +1,6 @@
 import { GetComponentPropCustomValues } from '../../customClassVariants';
-import { CustomizableElement, PrimitiveElement } from '../../utils/props.util';
-export interface DialogProps extends PrimitiveElement, CustomizableElement<'dialog', [
+import { CustomizableElement, TestId } from '../../utils/props.util';
+export interface DialogProps extends TestId, CustomizableElement<'dialog', [
     {
         name: 'closeButton';
         component: 'iconButton';

package/dist/components/dialog/parts/DialogRoot.d.ts

@@ -28,7 +28,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:isOpen"?: ((value: boolean) => any) | undefined;
 }>, {
     variant: import('../../../customClassVariants').GetComponentPropCustomValues<"dialog", "variant"> | null;
-    id: string | null;
     testId: string | null;
     classConfig: (import('../../../customClassVariants').ClassConfig<"dialog"> & {
         closeButton?: import('../../../customClassVariants').ClassConfig<"iconButton"> | undefined;

package/dist/components/dropdown-menu/dropdownMenu.props.d.ts

@@ -1,14 +1,14 @@
 import { GetComponentPropCustomValues } from '../../customClassVariants';
 import { Icon } from '../../icons/icons';
 import { PopperPropsWithArrowVisibleByDefault } from '../../types/popperProps.type';
-import { CustomizableElement, InteractableElement, PrimitiveElement } from '../../utils/props.util';
-export interface DropdownMenuProps extends PrimitiveElement, InteractableElement, PopperPropsWithArrowVisibleByDefault, CustomizableElement<'dropdownMenu'> {
+import { CustomizableElement, InteractableElement, TestId } from '../../utils/props.util';
+export interface DropdownMenuProps extends TestId, InteractableElement, PopperPropsWithArrowVisibleByDefault, CustomizableElement<'dropdownMenu'> {
     /**
      *
      */
     variant?: GetComponentPropCustomValues<'dropdownMenu', 'variant'> | null;
 }
-export interface DropdownMenuItemProps extends PrimitiveElement, InteractableElement {
+export interface DropdownMenuItemProps extends TestId, InteractableElement {
     /**
      * Whether the item is destructive or dangerous.
      * @default false

package/dist/components/dropdown-menu/parts/DropdownMenuItem.d.ts

@@ -15,7 +15,6 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownMenuItemPro
     onSelect?: (() => any) | undefined;
 }>, {
     icon: import('../../..').Icon | null;
-    id: string | null;
     testId: string | null;
     isDisabled: boolean;
     isDestructive: boolean;

package/dist/components/dropdown-menu/parts/DropdownMenuRoot.d.ts

@@ -19,7 +19,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     variant: import('../../../customClassVariants').GetComponentPropCustomValues<"dropdownMenu", "variant"> | null;
     isPopoverArrowHidden: boolean;
-    id: string | null;
     testId: string | null;
     isDisabled: boolean;
     popoverAlign: import('../../../types/popperProps.type').PopperAlign;

package/dist/components/dropdown-menu/parts/DropdownMenuSubMenu.d.ts

@@ -11,7 +11,6 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DropdownMenuItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DropdownMenuItemProps> & Readonly<{}>, {
     icon: import('../../..').Icon | null;
-    id: string | null;
     testId: string | null;
     isDisabled: boolean;
     isDestructive: boolean;

package/dist/components/form-field/parts/FormFieldRoot.d.ts

@@ -12,6 +12,7 @@ declare const __VLS_component: import('vue').DefineComponent<FormFieldProps, {},
     variant: import('../../../customClassVariants').GetComponentPropCustomValues<"formField", "variant"> | null;
     label: string | null;
     hint: string | null;
+    id: string | null;
     isRequired: boolean;
     isTouched: boolean;
     errorMessage: string | null;

package/dist/components/index.d.ts

@@ -21,6 +21,7 @@ export * from './popover';
 export * from './radio-group';
 export * from './radio-group-item';
 export * from './select';
+export * from './spinner';
 export * from './switch';
 export * from './tabs';
 export * from './text-field';

package/dist/components/keyboard-key/keyboardKey.style.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'tailwind-variants';
-export declare const createkeyboardKeyStyle: import('tailwind-variants').TVReturnType<{
+export declare const createKeyboardKeyStyle: import('tailwind-variants').TVReturnType<{
     variant: {};
 }, {
     key: string;
@@ -12,5 +12,5 @@ export declare const createkeyboardKeyStyle: import('tailwind-variants').TVRetur
 }, {
     key: string;
 }, undefined, unknown, unknown, undefined>>;
-export type keyboardKeyStyle = VariantProps<typeof createkeyboardKeyStyle>;
-export type CreatekeyboardKeyStyle = ReturnType<typeof createkeyboardKeyStyle>;
+export type keyboardKeyStyle = VariantProps<typeof createKeyboardKeyStyle>;
+export type CreatekeyboardKeyStyle = ReturnType<typeof createKeyboardKeyStyle>;

package/dist/components/keyboard-shortcut/KeyboardShortcut.d.ts

@@ -1,3 +1,7 @@
 import { KeyboardShortcutProps } from './keyboardShortcut.props';
-declare const _default: import('vue').DefineComponent<KeyboardShortcutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KeyboardShortcutProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineComponent<KeyboardShortcutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KeyboardShortcutProps> & Readonly<{}>, {
+    classConfig: (import('../../customClassVariants').ClassConfig<"keyboardShortcut"> & {
+        keyboardKey?: import('../../customClassVariants').ClassConfig<"keyboardKey"> | undefined;
+    }) | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/keyboard-shortcut/keyboardShortcut.props.d.ts

@@ -1,5 +1,11 @@
 import { KeyboardKey } from '../../types/keyboard.type';
-export interface KeyboardShortcutProps {
+import { CustomizableElement } from '../../utils/props.util';
+export interface KeyboardShortcutProps extends CustomizableElement<'keyboardShortcut', [
+    {
+        name: 'keyboardKey';
+        component: 'keyboardKey';
+    }
+]> {
     /**
      * A list of keyboard keys that represent the shortcut combination.
      */

package/dist/components/keyboard-shortcut/keyboardShortcut.style.d.ts

@@ -0,0 +1,19 @@
+import { VariantProps } from 'tailwind-variants';
+export declare const createkeyboardShortcutStyle: import('tailwind-variants').TVReturnType<{
+    variant: {};
+}, {
+    root: string;
+    thenLabel: string;
+}, undefined, {
+    variant: {};
+}, {
+    root: string;
+    thenLabel: string;
+}, import('tailwind-variants').TVReturnType<{
+    variant: {};
+}, {
+    root: string;
+    thenLabel: string;
+}, undefined, unknown, unknown, undefined>>;
+export type keyboardShortcutStyle = VariantProps<typeof createkeyboardShortcutStyle>;
+export type CreatekeyboardShortcutStyle = ReturnType<typeof createkeyboardShortcutStyle>;

package/dist/components/number-field/numberField.props.d.ts

@@ -1,7 +1,7 @@
 import { GetComponentPropCustomValues } from '../../customClassVariants';
 import { Icon } from '../../icons/icons';
-import { CustomizableElement, FormElement, InteractableElement, PrimitiveElement } from '../../utils/props.util';
-export interface NumberFieldProps extends PrimitiveElement, InteractableElement, FormElement, CustomizableElement<'numberField', [
+import { CustomizableElement, FormElement, InteractableElement, TestId } from '../../utils/props.util';
+export interface NumberFieldProps extends TestId, InteractableElement, FormElement, CustomizableElement<'numberField', [
     {
         name: 'increment';
         component: 'iconButton';

package/dist/components/number-field/parts/NumberFieldRoot.d.ts

@@ -29,9 +29,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     hint: string | null;
     isLoading: boolean;
     placeholder: string | null;
-    id: string | null;
     testId: string | null;
     isDisabled: boolean;
+    id: string | null;
     isRequired: boolean;
     isTouched: boolean;
     errorMessage: string | null;

package/dist/components/popover/parts/PopoverRoot.d.ts

@@ -27,7 +27,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     variant: import('../../../customClassVariants').GetComponentPropCustomValues<"popover", "variant"> | null;
     isPopoverArrowHidden: boolean;
-    id: string | null;
     testId: string | null;
     popoverAlign: import('../../../types/popperProps.type').PopperAlign;
     popoverAlignOffset: number;

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

@@ -1,7 +1,7 @@
 import { GetComponentPropCustomValues } from '../../customClassVariants';
 import { PopperPropsWithArrowVisibleByDefault } from '../../types/popperProps.type';
-import { CustomizableElement, PrimitiveElement } from '../../utils/props.util';
-export interface PopoverProps extends PopperPropsWithArrowVisibleByDefault, PrimitiveElement, CustomizableElement<'popover', [
+import { CustomizableElement, TestId } from '../../utils/props.util';
+export interface PopoverProps extends TestId, PopperPropsWithArrowVisibleByDefault, CustomizableElement<'popover', [
     {
         name: 'closeButton';
         component: 'iconButton';

package/dist/components/radio-group/RadioGroup.d.ts

@@ -17,9 +17,7 @@ declare const _default: <TValue extends AcceptableValue>(__VLS_props: NonNullabl
         default?(_: {}): any;
     };
     emit: RadioGroupEmits & ((evt: "update:modelValue", value: TValue) => void);
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/dist/components/radio-group/parts/RadioGroupRoot.d.ts

@@ -14,9 +14,7 @@ declare const _default: <TValue extends AcceptableValue>(__VLS_props: NonNullabl
         default?(_: {}): any;
     };
     emit: RadioGroupEmits & ((evt: "update:modelValue", value: TValue) => void);
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

package/dist/components/radio-group/radioGroup.props.d.ts

@@ -1,3 +1,3 @@
-import { FormElement, InteractableElement, PrimitiveElement } from '../../utils/props.util';
-export interface RadioGroupProps extends PrimitiveElement, InteractableElement, FormElement {
+import { FormElement, InteractableElement, TestId } from '../../utils/props.util';
+export interface RadioGroupProps extends TestId, InteractableElement, FormElement {
 }

package/dist/components/radio-group-item/RadioGroupItem.d.ts

@@ -5,6 +5,7 @@ declare function __VLS_template(): {
         label?(_: {}): any;
         error?(_: {}): any;
         hint?(_: {}): any;
+        default?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLDivElement;