@bricks-toolkit/toolkit 0.1.13 → 0.1.15

package/dist/{chunk-TBMIMUU4.mjs → chunk-C2MMUQPD.mjs}

@@ -1,5 +1,5 @@
 import { cn } from './chunk-OCPFOFJ4.mjs';
-import { forwardRef, useId, useState, useRef, useEffect } from 'react';
+import { forwardRef, useId, useState, useRef, useMemo, useEffect } from 'react';
 import { ChevronDownIcon, XMarkIcon } from '@heroicons/react/20/solid';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -212,7 +212,7 @@ var Phone = forwardRef(function Phone2({
   const [isOpen, setIsOpen] = useState(false);
   const [searchTerm, setSearchTerm] = useState("");
   const dropdownRef = useRef(null);
-  const initialDialCode = (() => {
+  const initialDialCode = useMemo(() => {
     if (defaultCountry) {
       const country = COUNTRIES.find(
         (c) => c.id.toLowerCase() === defaultCountry.toLowerCase()
@@ -220,10 +220,18 @@ var Phone = forwardRef(function Phone2({
       if (country) return country.dialCode;
     }
     return defaultCountryCode;
-  })();
+  }, [defaultCountry, defaultCountryCode]);
   const [internalPhone, setInternalPhone] = useState(
     defaultValue ?? { countryCode: initialDialCode, phoneNumber: "" }
   );
+  useEffect(() => {
+    if (!defaultValue && !value && internalPhone.phoneNumber === "") {
+      setInternalPhone((prev) => ({
+        ...prev,
+        countryCode: initialDialCode
+      }));
+    }
+  }, [initialDialCode, defaultValue, value]);
   const isControlled = value !== void 0;
   const currentPhone = isControlled ? value : internalPhone;
   const activeCountry = COUNTRIES.find((c) => c.dialCode === currentPhone.countryCode) ?? COUNTRIES[0];

package/dist/{chunk-B2FU2E2X.cjs → chunk-MP3GFB25.cjs}

@@ -214,7 +214,7 @@ var Phone = react.forwardRef(function Phone2({
   const [isOpen, setIsOpen] = react.useState(false);
   const [searchTerm, setSearchTerm] = react.useState("");
   const dropdownRef = react.useRef(null);
-  const initialDialCode = (() => {
+  const initialDialCode = react.useMemo(() => {
     if (defaultCountry) {
       const country = COUNTRIES.find(
         (c) => c.id.toLowerCase() === defaultCountry.toLowerCase()
@@ -222,10 +222,18 @@ var Phone = react.forwardRef(function Phone2({
       if (country) return country.dialCode;
     }
     return defaultCountryCode;
-  })();
+  }, [defaultCountry, defaultCountryCode]);
   const [internalPhone, setInternalPhone] = react.useState(
     defaultValue ?? { countryCode: initialDialCode, phoneNumber: "" }
   );
+  react.useEffect(() => {
+    if (!defaultValue && !value && internalPhone.phoneNumber === "") {
+      setInternalPhone((prev) => ({
+        ...prev,
+        countryCode: initialDialCode
+      }));
+    }
+  }, [initialDialCode, defaultValue, value]);
   const isControlled = value !== void 0;
   const currentPhone = isControlled ? value : internalPhone;
   const activeCountry = COUNTRIES.find((c) => c.dialCode === currentPhone.countryCode) ?? COUNTRIES[0];

package/dist/index.cjs

@@ -16,7 +16,7 @@ var chunkS7VEND5Z_cjs = require('./chunk-S7VEND5Z.cjs');
 var chunk56ILK7Y4_cjs = require('./chunk-56ILK7Y4.cjs');
 var chunkNRZIXK35_cjs = require('./chunk-NRZIXK35.cjs');
 var chunk5RKET2JO_cjs = require('./chunk-5RKET2JO.cjs');
-var chunkB2FU2E2X_cjs = require('./chunk-B2FU2E2X.cjs');
+var chunkMP3GFB25_cjs = require('./chunk-MP3GFB25.cjs');
 var chunkVRZFAKSV_cjs = require('./chunk-VRZFAKSV.cjs');
 var chunk7R5JRJ2W_cjs = require('./chunk-7R5JRJ2W.cjs');
 var chunkOEU5VG3D_cjs = require('./chunk-OEU5VG3D.cjs');
@@ -697,7 +697,7 @@ Object.defineProperty(exports, "PasswordInput", {
 });
 Object.defineProperty(exports, "Phone", {
   enumerable: true,
-  get: function () { return chunkB2FU2E2X_cjs.Phone; }
+  get: function () { return chunkMP3GFB25_cjs.Phone; }
 });
 Object.defineProperty(exports, "RadioButton", {
   enumerable: true,

package/dist/index.mjs

@@ -14,7 +14,7 @@ export { Skeleton, SkeletonAvatar, SkeletonCard, SkeletonTable, SkeletonText } f
 export { MultiSelect } from './chunk-JKPNJ4PZ.mjs';
 export { OtpInput } from './chunk-RYWDZHKG.mjs';
 export { PasswordInput } from './chunk-446OJWC6.mjs';
-export { Phone } from './chunk-TBMIMUU4.mjs';
+export { Phone } from './chunk-C2MMUQPD.mjs';
 export { RadioButton } from './chunk-DN2GFJF4.mjs';
 export { Select } from './chunk-TIVSMCXZ.mjs';
 export { Pagination, Table } from './chunk-7364SUK6.mjs';

package/dist/phone/index.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkB2FU2E2X_cjs = require('../chunk-B2FU2E2X.cjs');
+var chunkMP3GFB25_cjs = require('../chunk-MP3GFB25.cjs');
 require('../chunk-L5VQZZVR.cjs');
 
 
 
 Object.defineProperty(exports, "Phone", {
   enumerable: true,
-  get: function () { return chunkB2FU2E2X_cjs.Phone; }
+  get: function () { return chunkMP3GFB25_cjs.Phone; }
 });

package/dist/phone/index.mjs

@@ -1,2 +1,2 @@
-export { Phone } from '../chunk-TBMIMUU4.mjs';
+export { Phone } from '../chunk-C2MMUQPD.mjs';
 import '../chunk-OCPFOFJ4.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bricks-toolkit/toolkit",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "description": "Micro-modularized, fully independent, type-safe UI component library",
   "license": "MIT",
   "author": "ITProfound",