@wisemen/vue-core-components 1.10.0 → 1.11.0

package/dist/{AlertCircleIcon-Xxg1e0Ye.js → AlertCircleIcon-BxKVnQnZ.js}

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

package/dist/{AlertTriangleIcon-YwA_e9oa.js → AlertTriangleIcon-BfuXnxtf.js}

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

package/dist/{ArrowDownIcon-Dsb-ghnL.js → ArrowDownIcon-C0ZFg-rd.js}

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

package/dist/{ArrowLeftIcon-BrdlXzP1.js → ArrowLeftIcon--haJNFN7.js}

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

package/dist/{ArrowRightIcon-D6QwU5EQ.js → ArrowRightIcon-C7yEAole.js}

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

package/dist/{ArrowUpIcon-BpaGmdVl.js → ArrowUpIcon-Co19hLtt.js}

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

package/dist/{CalendarIcon-Dhn1QN8y.js → CalendarIcon-CJVLdqrh.js}

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

package/dist/{CheckCircleIcon-594tnHDh.js → CheckCircleIcon-DfseMUfe.js}

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

package/dist/{CheckIcon-NQuYsnSg.js → CheckIcon-B4H-IBFH.js}

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

package/dist/{ChevronLeftDoubleIcon-NhYcG7fV.js → ChevronLeftDoubleIcon-CgKMYCl4.js}

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

package/dist/{ChevronLeftIcon-CGc3OGrr.js → ChevronLeftIcon-D3bFAJTL.js}

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

package/dist/{ChevronRightDoubleIcon-Baovq-XP.js → ChevronRightDoubleIcon-CGGUT-80.js}

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

package/dist/{ChevronRightIcon-DZWiRwHM.js → ChevronRightIcon-0SG6HFKs.js}

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

package/dist/{CloseIcon-DGggpxhF.js → CloseIcon-CPB64iop.js}

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

package/dist/{EyeIcon-CgRicyYM.js → EyeIcon-BIgxH5S-.js}

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

package/dist/{EyeOffIcon-BHrni4Gx.js → EyeOffIcon-B7aqMa3q.js}

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

package/dist/{InfoCircleIcon-CGSiZsBC.js → InfoCircleIcon-CM_Bjj3u.js}

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

package/dist/{MinusIcon-DKiNgt9K.js → MinusIcon-BfS_7GO0.js}

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

package/dist/{PlusIcon-A-X5RQKE.js → PlusIcon-CTVfkDVW.js}

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

package/dist/{SearchIcon-Dp6yJ58x.js → SearchIcon-B6IQjN6G.js}

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

package/dist/{SelectIconRight-Dugms8-J.js → SelectIconRight-CmD0uycb.js}

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

package/dist/{StarsIcon-BTZidAma.js → StarsIcon-CJB6n5-A.js}

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

package/dist/{SwitchVerticalIcon-CDoFeV45.js → SwitchVerticalIcon-CDRZaZDn.js}

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

package/dist/{TranslateIcon-BsRMm7JH.js → TranslateIcon-1PPFQeQJ.js}

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

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

@@ -15,6 +15,7 @@ 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 { createPhoneNumberFieldStyle } from '../components/phone-number-field/phoneNumberField.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';
@@ -100,6 +101,13 @@ export interface ComponentMap {
             increment: 'iconButton';
         };
     };
+    phoneNumberField: {
+        style: typeof createPhoneNumberFieldStyle;
+        children: {
+            input: 'textField';
+            select: 'select';
+        };
+    };
     popover: {
         style: typeof createPopoverStyle;
         children: {

package/dist/components/phone-number-field/PhoneNumberField.d.ts

@@ -1,4 +1,5 @@
 import { CountryCode } from 'libphonenumber-js';
+import { ResolvedClassConfig } from '../../class-variant/classVariant.type';
 import { PhoneNumberFieldProps } from './phoneNumberField.props';
 type __VLS_Props = PhoneNumberFieldProps;
 type __VLS_PublicProps = {
@@ -22,6 +23,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }>, {
+    variant: null;
+    classConfig: ResolvedClassConfig<"phoneNumberField"> | null;
     defaultCountryCode: CountryCode;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     phoneNumberFieldRef: import('vue').ShallowUnwrapRef<{}> | null;

package/dist/components/phone-number-field/phoneNumberField.props.d.ts

@@ -1,9 +1,14 @@
 import { CountryCode } from 'libphonenumber-js';
+import { CustomizableElement, GetComponentProp } from '../../class-variant/classVariant.type';
 import { TextFieldProps } from '../text-field/textField.props';
-export interface PhoneNumberFieldProps extends Omit<TextFieldProps, 'isSpellcheckEnabled' | 'type'> {
+export interface PhoneNumberFieldProps extends Omit<TextFieldProps, 'classConfig' | 'isSpellcheckEnabled' | 'type'>, CustomizableElement<'phoneNumberField'> {
     /**
      * The default country code to use.
      * @default 'BE'
      */
     defaultCountryCode?: CountryCode;
+    /**
+     * Defines the visual style of the input.
+     */
+    variant?: GetComponentProp<'phoneNumberField', 'variant'> | null;
 }

package/dist/components/phone-number-field/phoneNumberField.style.d.ts

@@ -0,0 +1,19 @@
+import { VariantProps } from 'tailwind-variants';
+export declare const createPhoneNumberFieldStyle: import('tailwind-variants').TVReturnType<{
+    variant: {};
+}, {
+    countryFlag: string;
+    dialCode: string;
+}, undefined, {
+    variant: {};
+}, {
+    countryFlag: string;
+    dialCode: string;
+}, import('tailwind-variants').TVReturnType<{
+    variant: {};
+}, {
+    countryFlag: string;
+    dialCode: string;
+}, undefined, unknown, unknown, undefined>>;
+export type PhoneNumberFieldStyle = VariantProps<typeof createPhoneNumberFieldStyle>;
+export type CreatePhoneNumberFieldStyle = ReturnType<typeof createPhoneNumberFieldStyle>;