@forgedevstack/bear 1.1.9 → 1.2.1

package/dist/components/PhoneInput/PhoneInput.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react"),J=require("react-dom"),l=require("../../utils/cn.cjs"),i=require("./PhoneInput.const.cjs"),b=require("./PhoneInput.utils.cjs"),K=({value:t,onChange:c,defaultCountry:j=i.DEFAULT_COUNTRY_CODE,placeholder:q,label:E,helperText:y,error:m,disabled:h=!1,required:M=!1,size:z="md",variant:H="default",onlyCountries:p,excludeCountries:u,preferredCountries:B=[],searchable:_=!0,showFlags:R=!0,showDialCode:W=!0,className:Z,testId:Q,translations:O,icon:X})=>{const[d,P]=o.useState(!1),[N,g]=o.useState(""),[I,T]=o.useState(""),[L,Y]=o.useState({top:0,left:0}),D=o.useRef(null),k=o.useRef(null),U=o.useRef(null),w=o.useRef(null),S=o.useMemo(()=>({...i.PHONE_INPUT_DEFAULT_TRANSLATIONS,...O}),[O]),f=o.useMemo(()=>{let e=[...i.COUNTRIES];if(p!=null&&p.length){const s=new Set(p.map(n=>n.toUpperCase()));e=e.filter(n=>s.has(n.code))}if(u!=null&&u.length){const s=new Set(u.map(n=>n.toUpperCase()));e=e.filter(n=>!s.has(n.code))}return b.sortCountriesWithPreferred(e,B)},[p,u,B]),a=o.useMemo(()=>{const e=(t==null?void 0:t.countryCode)||j;return b.getCountryByCode(f,e)||f[0]},[t==null?void 0:t.countryCode,j,f]),A=o.useMemo(()=>b.filterCountries(f,N),[f,N]);o.useEffect(()=>{if((t==null?void 0:t.number)!==void 0){const e=b.formatPhoneNumber(t.number,a==null?void 0:a.format);T(e)}},[t==null?void 0:t.number,a==null?void 0:a.format]),o.useEffect(()=>{if(d&&k.current){const e=k.current.getBoundingClientRect(),s=window.scrollY||document.documentElement.scrollTop,n=window.scrollX||document.documentElement.scrollLeft;Y({top:e.bottom+s+4,left:e.left+n})}},[d]),o.useEffect(()=>{d&&_&&w.current&&w.current.focus()},[d,_]),o.useEffect(()=>{const e=s=>{var x,V;const n=s.target;(x=D.current)!=null&&x.contains(n)||(V=n.closest)!=null&&V.call(n,"[data-bear-phone-dropdown]")||(P(!1),g(""))};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const F=o.useCallback(e=>{var n;const s=b.createPhoneValue(e,(t==null?void 0:t.number)||I);c==null||c(s),P(!1),g(""),(n=U.current)==null||n.focus()},[t==null?void 0:t.number,I,c]),G=o.useCallback(e=>{const s=b.parsePhoneDigits(e.target.value),n=b.formatPhoneNumber(s,a==null?void 0:a.format);if(T(n),a){const x=b.createPhoneValue(a,s);c==null||c(x)}},[a,c]);return r.jsxs("div",{ref:D,className:l.cn("Bear-PhoneInput bear-relative",Z),"data-testid":Q,children:[E&&r.jsxs("label",{className:"Bear-PhoneInput__label bear-block bear-text-sm bear-font-medium bear-text-zinc-700 dark:bear-text-zinc-300 bear-mb-1.5",children:[E,M&&r.jsx("span",{className:"bear-text-red-500 bear-ml-0.5",children:"*"})]}),r.jsxs("div",{className:l.cn("Bear-PhoneInput__wrapper bear-flex bear-items-center bear-rounded-lg bear-border bear-transition-colors",i.PHONE_INPUT_VARIANT_CLASSES[H],m?"bear-border-red-500":"focus-within:bear-border-pink-500",h&&"bear-opacity-50 bear-cursor-not-allowed"),children:[r.jsxs("button",{ref:k,type:"button",onClick:()=>!h&&P(!d),disabled:h,className:l.cn("Bear-PhoneInput__country-trigger bear-flex bear-items-center bear-gap-1 bear-border-r bear-border-zinc-300 dark:bear-border-zinc-600 bear-shrink-0 bear-text-gray-900 dark:bear-text-white",i.PHONE_INPUT_SIZE_CLASSES[z]),children:[R&&a&&r.jsx("span",{className:"Bear-PhoneInput__flag bear-text-lg",children:a.flag}),W&&a&&r.jsx("span",{className:"Bear-PhoneInput__dial-code bear-text-gray-600 dark:bear-text-zinc-400",children:a.dialCode}),X??r.jsx("svg",{className:l.cn("Bear-PhoneInput__chevron bear-w-4 bear-h-4 bear-text-gray-500 dark:bear-text-zinc-400 bear-transition-transform",d&&"bear-rotate-180"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),r.jsx("input",{ref:U,type:"tel",value:I,onChange:G,placeholder:q||S.placeholder,disabled:h,className:l.cn("Bear-PhoneInput__input bear-flex-1 bear-bg-transparent bear-border-0 bear-outline-none bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-400 dark:placeholder:bear-text-zinc-500",i.PHONE_INPUT_SIZE_CLASSES[z])})]}),m&&r.jsx("p",{className:"Bear-PhoneInput__error bear-mt-1 bear-text-xs bear-text-red-400",children:m}),y&&!m&&r.jsx("p",{className:"Bear-PhoneInput__helper bear-mt-1 bear-text-xs bear-text-zinc-500 dark:bear-text-zinc-400",children:y}),d&&typeof document<"u"&&J.createPortal(r.jsxs("div",{"data-bear-phone-dropdown":!0,className:"Bear-PhoneInput__dropdown bear-fixed bear-w-64 bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-overflow-hidden",style:{top:L.top,left:L.left,zIndex:i.PHONE_INPUT_DROPDOWN_Z_INDEX},children:[_&&r.jsx("div",{className:"Bear-PhoneInput__search bear-p-2 bear-border-b bear-border-zinc-200 dark:bear-border-zinc-700",children:r.jsx("input",{ref:w,type:"text",value:N,onChange:e=>g(e.target.value),placeholder:S.searchCountry,className:"bear-w-full bear-px-3 bear-py-2 bear-bg-gray-50 dark:bear-bg-zinc-700 bear-border bear-border-zinc-200 dark:bear-border-zinc-600 bear-rounded bear-text-sm bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-400 dark:placeholder:bear-text-zinc-500 bear-outline-none focus:bear-border-pink-500"})}),r.jsx("div",{className:"Bear-PhoneInput__country-list bear-max-h-60 bear-overflow-y-auto",children:A.length===0?r.jsx("div",{className:"bear-px-3 bear-py-4 bear-text-center bear-text-sm bear-text-gray-500 dark:bear-text-zinc-500",children:S.noResults}):A.map(e=>r.jsxs("button",{type:"button",onClick:()=>F(e),className:l.cn("Bear-PhoneInput__country-option bear-w-full bear-flex bear-items-center bear-gap-3 bear-px-3 bear-py-2 bear-text-left bear-text-sm bear-transition-colors",(a==null?void 0:a.code)===e.code?"bear-bg-pink-500/20 bear-text-pink-600 dark:bear-text-pink-400":"bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700"),children:[R&&r.jsx("span",{className:"Bear-PhoneInput__country-flag bear-text-lg",children:e.flag}),r.jsx("span",{className:"Bear-PhoneInput__country-name bear-flex-1",children:e.name}),r.jsx("span",{className:"Bear-PhoneInput__country-dial bear-text-gray-500 dark:bear-text-zinc-500",children:e.dialCode})]},e.code))})]}),document.body)]})};exports.PhoneInput=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react"),G=require("react-dom"),p=require("../../utils/cn.cjs"),l=require("./PhoneInput.const.cjs"),i=require("./PhoneInput.utils.cjs"),J=({value:a,onChange:c,defaultCountry:E=l.DEFAULT_COUNTRY_CODE,placeholder:V,label:j,helperText:z,error:m,disabled:x=!1,required:q=!1,size:y="md",variant:H="default",onlyCountries:u,excludeCountries:f,preferredCountries:B=[],searchable:_=!0,showFlags:R=!0,showDialCode:W=!0,className:Z,testId:Q,translations:O,icon:F})=>{const[d,P]=o.useState(!1),[N,w]=o.useState(""),[g,L]=o.useState(""),[T,X]=o.useState({top:0,left:0}),D=o.useRef(null),I=o.useRef(null),U=o.useRef(null),k=o.useRef(null),S=o.useMemo(()=>({...l.PHONE_INPUT_DEFAULT_TRANSLATIONS,...O}),[O]),h=o.useMemo(()=>{let e=[...l.COUNTRIES];if(u!=null&&u.length){const s=new Set(u.map(t=>t.toUpperCase()));e=e.filter(t=>s.has(t.code))}if(f!=null&&f.length){const s=new Set(f.map(t=>t.toUpperCase()));e=e.filter(t=>!s.has(t.code))}return i.sortCountriesWithPreferred(e,B)},[u,f,B]),n=o.useMemo(()=>{const e=(a==null?void 0:a.countryCode)||E;return i.getCountryByCode(h,e)||h[0]},[a==null?void 0:a.countryCode,E,h]),A=o.useMemo(()=>i.filterCountries(h,N),[h,N]);o.useEffect(()=>{if((a==null?void 0:a.number)!==void 0){const e=i.formatPhoneNumber(a.number,n==null?void 0:n.format);L(e)}},[a==null?void 0:a.number,n==null?void 0:n.format]),o.useEffect(()=>{if(!d||!I.current)return;const e=256,s=()=>{const t=I.current.getBoundingClientRect();let b=t.left;b=Math.max(8,Math.min(b,window.innerWidth-e-8)),X({top:t.bottom+4,left:b})};return s(),window.addEventListener("resize",s),window.addEventListener("scroll",s,!0),()=>{window.removeEventListener("resize",s),window.removeEventListener("scroll",s,!0)}},[d]),o.useEffect(()=>{d&&_&&k.current&&k.current.focus()},[d,_]),o.useEffect(()=>{const e=s=>{var b,M;const t=s.target;(b=D.current)!=null&&b.contains(t)||(M=t.closest)!=null&&M.call(t,"[data-bear-phone-dropdown]")||(P(!1),w(""))};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const Y=o.useCallback(e=>{var t;const s=i.createPhoneValue(e,(a==null?void 0:a.number)||g);c==null||c(s),P(!1),w(""),(t=U.current)==null||t.focus()},[a==null?void 0:a.number,g,c]),v=o.useCallback(e=>{const s=i.parsePhoneDigits(e.target.value),t=i.formatPhoneNumber(s,n==null?void 0:n.format);if(L(t),n){const b=i.createPhoneValue(n,s);c==null||c(b)}},[n,c]);return r.jsxs("div",{ref:D,className:p.cn("Bear-PhoneInput bear-relative",Z),"data-testid":Q,children:[j&&r.jsxs("label",{className:"Bear-PhoneInput__label bear-block bear-text-sm bear-font-medium bear-text-zinc-700 dark:bear-text-zinc-300 bear-mb-1.5",children:[j,q&&r.jsx("span",{className:"bear-text-red-500 bear-ml-0.5",children:"*"})]}),r.jsxs("div",{className:p.cn("Bear-PhoneInput__wrapper bear-flex bear-items-center bear-rounded-lg bear-border bear-transition-colors",l.PHONE_INPUT_VARIANT_CLASSES[H],m?"bear-border-red-500":"focus-within:bear-border-pink-500",x&&"bear-opacity-50 bear-cursor-not-allowed"),children:[r.jsxs("button",{ref:I,type:"button",onClick:()=>!x&&P(!d),disabled:x,className:p.cn("Bear-PhoneInput__country-trigger bear-flex bear-items-center bear-gap-1 bear-border-r bear-border-zinc-300 dark:bear-border-zinc-600 bear-shrink-0 bear-text-gray-900 dark:bear-text-white",l.PHONE_INPUT_SIZE_CLASSES[y]),children:[R&&n&&r.jsx("span",{className:"Bear-PhoneInput__flag bear-text-lg",children:n.flag}),W&&n&&r.jsx("span",{className:"Bear-PhoneInput__dial-code bear-text-gray-600 dark:bear-text-zinc-400",children:n.dialCode}),F??r.jsx("svg",{className:p.cn("Bear-PhoneInput__chevron bear-w-4 bear-h-4 bear-text-gray-500 dark:bear-text-zinc-400 bear-transition-transform",d&&"bear-rotate-180"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),r.jsx("input",{ref:U,type:"tel",value:g,onChange:v,placeholder:V||S.placeholder,disabled:x,className:p.cn("Bear-PhoneInput__input bear-flex-1 bear-bg-transparent bear-border-0 bear-outline-none bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-400 dark:placeholder:bear-text-zinc-500",l.PHONE_INPUT_SIZE_CLASSES[y])})]}),m&&r.jsx("p",{className:"Bear-PhoneInput__error bear-mt-1 bear-text-xs bear-text-red-400",children:m}),z&&!m&&r.jsx("p",{className:"Bear-PhoneInput__helper bear-mt-1 bear-text-xs bear-text-zinc-500 dark:bear-text-zinc-400",children:z}),d&&typeof document<"u"&&G.createPortal(r.jsxs("div",{"data-bear-phone-dropdown":!0,className:"Bear-PhoneInput__dropdown bear-fixed bear-w-64 bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-overflow-hidden",style:{top:T.top,left:T.left,zIndex:l.PHONE_INPUT_DROPDOWN_Z_INDEX},children:[_&&r.jsx("div",{className:"Bear-PhoneInput__search bear-p-2 bear-border-b bear-border-zinc-200 dark:bear-border-zinc-700",children:r.jsx("input",{ref:k,type:"text",value:N,onChange:e=>w(e.target.value),placeholder:S.searchCountry,className:"bear-w-full bear-px-3 bear-py-2 bear-bg-gray-50 dark:bear-bg-zinc-700 bear-border bear-border-zinc-200 dark:bear-border-zinc-600 bear-rounded bear-text-sm bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-400 dark:placeholder:bear-text-zinc-500 bear-outline-none focus:bear-border-pink-500"})}),r.jsx("div",{className:"Bear-PhoneInput__country-list bear-max-h-60 bear-overflow-y-auto",children:A.length===0?r.jsx("div",{className:"bear-px-3 bear-py-4 bear-text-center bear-text-sm bear-text-gray-500 dark:bear-text-zinc-500",children:S.noResults}):A.map(e=>r.jsxs("button",{type:"button",onClick:()=>Y(e),className:p.cn("Bear-PhoneInput__country-option bear-w-full bear-flex bear-items-center bear-gap-3 bear-px-3 bear-py-2 bear-text-left bear-text-sm bear-transition-colors",(n==null?void 0:n.code)===e.code?"bear-bg-pink-500/20 bear-text-pink-600 dark:bear-text-pink-400":"bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700"),children:[R&&r.jsx("span",{className:"Bear-PhoneInput__country-flag bear-text-lg",children:e.flag}),r.jsx("span",{className:"Bear-PhoneInput__country-name bear-flex-1",children:e.name}),r.jsx("span",{className:"Bear-PhoneInput__country-dial bear-text-gray-500 dark:bear-text-zinc-500",children:e.dialCode})]},e.code))})]}),document.body)]})};exports.PhoneInput=J;

package/dist/components/PhoneInput/PhoneInput.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a={placeholder:"Phone number",searchCountry:"Search country...",noResults:"No countries found"},e={sm:"bear-py-1.5 bear-px-3 bear-text-sm",md:"bear-py-2 bear-px-4 bear-text-sm",lg:"bear-py-2.5 bear-px-5 bear-text-base"},o={default:"bear-bg-white dark:bear-bg-zinc-800 bear-border-zinc-300 dark:bear-border-zinc-600",filled:"bear-bg-zinc-100 dark:bear-bg-zinc-700 bear-border-transparent",outline:"bear-bg-transparent bear-border-zinc-300 dark:bear-border-zinc-500"},d=9999,l=[{code:"US",name:"United States",dialCode:"+1",flag:"🇺🇸",format:"(###) ###-####"},{code:"GB",name:"United Kingdom",dialCode:"+44",flag:"🇬🇧",format:"#### ### ####"},{code:"CA",name:"Canada",dialCode:"+1",flag:"🇨🇦",format:"(###) ###-####"},{code:"AU",name:"Australia",dialCode:"+61",flag:"🇦🇺",format:"#### ### ###"},{code:"DE",name:"Germany",dialCode:"+49",flag:"🇩🇪",format:"#### #######"},{code:"FR",name:"France",dialCode:"+33",flag:"🇫🇷",format:"## ## ## ## ##"},{code:"IT",name:"Italy",dialCode:"+39",flag:"🇮🇹",format:"### ### ####"},{code:"ES",name:"Spain",dialCode:"+34",flag:"🇪🇸",format:"### ## ## ##"},{code:"NL",name:"Netherlands",dialCode:"+31",flag:"🇳🇱",format:"## ### ####"},{code:"BE",name:"Belgium",dialCode:"+32",flag:"🇧🇪",format:"### ## ## ##"},{code:"CH",name:"Switzerland",dialCode:"+41",flag:"🇨🇭",format:"## ### ## ##"},{code:"AT",name:"Austria",dialCode:"+43",flag:"🇦🇹",format:"### #######"},{code:"SE",name:"Sweden",dialCode:"+46",flag:"🇸🇪",format:"##-### ## ##"},{code:"NO",name:"Norway",dialCode:"+47",flag:"🇳🇴",format:"### ## ###"},{code:"DK",name:"Denmark",dialCode:"+45",flag:"🇩🇰",format:"## ## ## ##"},{code:"FI",name:"Finland",dialCode:"+358",flag:"🇫🇮",format:"## ### ####"},{code:"PL",name:"Poland",dialCode:"+48",flag:"🇵🇱",format:"### ### ###"},{code:"PT",name:"Portugal",dialCode:"+351",flag:"🇵🇹",format:"### ### ###"},{code:"IE",name:"Ireland",dialCode:"+353",flag:"🇮🇪",format:"## ### ####"},{code:"GR",name:"Greece",dialCode:"+30",flag:"🇬🇷",format:"### ### ####"},{code:"CZ",name:"Czech Republic",dialCode:"+420",flag:"🇨🇿",format:"### ### ###"},{code:"HU",name:"Hungary",dialCode:"+36",flag:"🇭🇺",format:"## ### ####"},{code:"RO",name:"Romania",dialCode:"+40",flag:"🇷🇴",format:"### ### ###"},{code:"BG",name:"Bulgaria",dialCode:"+359",flag:"🇧🇬",format:"### ### ###"},{code:"HR",name:"Croatia",dialCode:"+385",flag:"🇭🇷",format:"## ### ####"},{code:"SK",name:"Slovakia",dialCode:"+421",flag:"🇸🇰",format:"### ### ###"},{code:"SI",name:"Slovenia",dialCode:"+386",flag:"🇸🇮",format:"## ### ###"},{code:"LT",name:"Lithuania",dialCode:"+370",flag:"🇱🇹",format:"### #####"},{code:"LV",name:"Latvia",dialCode:"+371",flag:"🇱🇻",format:"## ### ###"},{code:"EE",name:"Estonia",dialCode:"+372",flag:"🇪🇪",format:"### ####"},{code:"JP",name:"Japan",dialCode:"+81",flag:"🇯🇵",format:"##-####-####"},{code:"KR",name:"South Korea",dialCode:"+82",flag:"🇰🇷",format:"##-####-####"},{code:"CN",name:"China",dialCode:"+86",flag:"🇨🇳",format:"### #### ####"},{code:"IN",name:"India",dialCode:"+91",flag:"🇮🇳",format:"##### #####"},{code:"SG",name:"Singapore",dialCode:"+65",flag:"🇸🇬",format:"#### ####"},{code:"HK",name:"Hong Kong",dialCode:"+852",flag:"🇭🇰",format:"#### ####"},{code:"TW",name:"Taiwan",dialCode:"+886",flag:"🇹🇼",format:"### ### ###"},{code:"TH",name:"Thailand",dialCode:"+66",flag:"🇹🇭",format:"## ### ####"},{code:"MY",name:"Malaysia",dialCode:"+60",flag:"🇲🇾",format:"##-### ####"},{code:"ID",name:"Indonesia",dialCode:"+62",flag:"🇮🇩",format:"### ### ####"},{code:"PH",name:"Philippines",dialCode:"+63",flag:"🇵🇭",format:"### ### ####"},{code:"VN",name:"Vietnam",dialCode:"+84",flag:"🇻🇳",format:"### ### ####"},{code:"RU",name:"Russia",dialCode:"+7",flag:"🇷🇺",format:"### ###-##-##"},{code:"UA",name:"Ukraine",dialCode:"+380",flag:"🇺🇦",format:"## ### ## ##"},{code:"TR",name:"Turkey",dialCode:"+90",flag:"🇹🇷",format:"### ### ## ##"},{code:"IL",name:"Israel",dialCode:"+972",flag:"🇮🇱",format:"##-###-####"},{code:"AE",name:"United Arab Emirates",dialCode:"+971",flag:"🇦🇪",format:"## ### ####"},{code:"SA",name:"Saudi Arabia",dialCode:"+966",flag:"🇸🇦",format:"## ### ####"},{code:"EG",name:"Egypt",dialCode:"+20",flag:"🇪🇬",format:"### ### ####"},{code:"ZA",name:"South Africa",dialCode:"+27",flag:"🇿🇦",format:"## ### ####"},{code:"NG",name:"Nigeria",dialCode:"+234",flag:"🇳🇬",format:"### ### ####"},{code:"KE",name:"Kenya",dialCode:"+254",flag:"🇰🇪",format:"### ### ###"},{code:"BR",name:"Brazil",dialCode:"+55",flag:"🇧🇷",format:"(##) #####-####"},{code:"MX",name:"Mexico",dialCode:"+52",flag:"🇲🇽",format:"## #### ####"},{code:"AR",name:"Argentina",dialCode:"+54",flag:"🇦🇷",format:"## ####-####"},{code:"CO",name:"Colombia",dialCode:"+57",flag:"🇨🇴",format:"### ### ####"},{code:"CL",name:"Chile",dialCode:"+56",flag:"🇨🇱",format:"# #### ####"},{code:"PE",name:"Peru",dialCode:"+51",flag:"🇵🇪",format:"### ### ###"},{code:"VE",name:"Venezuela",dialCode:"+58",flag:"🇻🇪",format:"### ### ####"},{code:"NZ",name:"New Zealand",dialCode:"+64",flag:"🇳🇿",format:"## ### ####"}],r="US";exports.COUNTRIES=l;exports.DEFAULT_COUNTRY_CODE=r;exports.PHONE_INPUT_DEFAULT_TRANSLATIONS=a;exports.PHONE_INPUT_DROPDOWN_Z_INDEX=d;exports.PHONE_INPUT_SIZE_CLASSES=e;exports.PHONE_INPUT_VARIANT_CLASSES=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a={placeholder:"Phone number",searchCountry:"Search country...",noResults:"No countries found"},e={sm:"bear-py-1.5 bear-px-3 bear-text-sm",md:"bear-py-2 bear-px-4 bear-text-sm",lg:"bear-py-2.5 bear-px-5 bear-text-base"},o={default:"bear-bg-white dark:bear-bg-zinc-800 bear-border-zinc-300 dark:bear-border-zinc-600",filled:"bear-bg-zinc-100 dark:bear-bg-zinc-700 bear-border-transparent",outline:"bear-bg-transparent bear-border-zinc-300 dark:bear-border-zinc-500"},d=1e4,l=[{code:"US",name:"United States",dialCode:"+1",flag:"🇺🇸",format:"(###) ###-####"},{code:"GB",name:"United Kingdom",dialCode:"+44",flag:"🇬🇧",format:"#### ### ####"},{code:"CA",name:"Canada",dialCode:"+1",flag:"🇨🇦",format:"(###) ###-####"},{code:"AU",name:"Australia",dialCode:"+61",flag:"🇦🇺",format:"#### ### ###"},{code:"DE",name:"Germany",dialCode:"+49",flag:"🇩🇪",format:"#### #######"},{code:"FR",name:"France",dialCode:"+33",flag:"🇫🇷",format:"## ## ## ## ##"},{code:"IT",name:"Italy",dialCode:"+39",flag:"🇮🇹",format:"### ### ####"},{code:"ES",name:"Spain",dialCode:"+34",flag:"🇪🇸",format:"### ## ## ##"},{code:"NL",name:"Netherlands",dialCode:"+31",flag:"🇳🇱",format:"## ### ####"},{code:"BE",name:"Belgium",dialCode:"+32",flag:"🇧🇪",format:"### ## ## ##"},{code:"CH",name:"Switzerland",dialCode:"+41",flag:"🇨🇭",format:"## ### ## ##"},{code:"AT",name:"Austria",dialCode:"+43",flag:"🇦🇹",format:"### #######"},{code:"SE",name:"Sweden",dialCode:"+46",flag:"🇸🇪",format:"##-### ## ##"},{code:"NO",name:"Norway",dialCode:"+47",flag:"🇳🇴",format:"### ## ###"},{code:"DK",name:"Denmark",dialCode:"+45",flag:"🇩🇰",format:"## ## ## ##"},{code:"FI",name:"Finland",dialCode:"+358",flag:"🇫🇮",format:"## ### ####"},{code:"PL",name:"Poland",dialCode:"+48",flag:"🇵🇱",format:"### ### ###"},{code:"PT",name:"Portugal",dialCode:"+351",flag:"🇵🇹",format:"### ### ###"},{code:"IE",name:"Ireland",dialCode:"+353",flag:"🇮🇪",format:"## ### ####"},{code:"GR",name:"Greece",dialCode:"+30",flag:"🇬🇷",format:"### ### ####"},{code:"CZ",name:"Czech Republic",dialCode:"+420",flag:"🇨🇿",format:"### ### ###"},{code:"HU",name:"Hungary",dialCode:"+36",flag:"🇭🇺",format:"## ### ####"},{code:"RO",name:"Romania",dialCode:"+40",flag:"🇷🇴",format:"### ### ###"},{code:"BG",name:"Bulgaria",dialCode:"+359",flag:"🇧🇬",format:"### ### ###"},{code:"HR",name:"Croatia",dialCode:"+385",flag:"🇭🇷",format:"## ### ####"},{code:"SK",name:"Slovakia",dialCode:"+421",flag:"🇸🇰",format:"### ### ###"},{code:"SI",name:"Slovenia",dialCode:"+386",flag:"🇸🇮",format:"## ### ###"},{code:"LT",name:"Lithuania",dialCode:"+370",flag:"🇱🇹",format:"### #####"},{code:"LV",name:"Latvia",dialCode:"+371",flag:"🇱🇻",format:"## ### ###"},{code:"EE",name:"Estonia",dialCode:"+372",flag:"🇪🇪",format:"### ####"},{code:"JP",name:"Japan",dialCode:"+81",flag:"🇯🇵",format:"##-####-####"},{code:"KR",name:"South Korea",dialCode:"+82",flag:"🇰🇷",format:"##-####-####"},{code:"CN",name:"China",dialCode:"+86",flag:"🇨🇳",format:"### #### ####"},{code:"IN",name:"India",dialCode:"+91",flag:"🇮🇳",format:"##### #####"},{code:"SG",name:"Singapore",dialCode:"+65",flag:"🇸🇬",format:"#### ####"},{code:"HK",name:"Hong Kong",dialCode:"+852",flag:"🇭🇰",format:"#### ####"},{code:"TW",name:"Taiwan",dialCode:"+886",flag:"🇹🇼",format:"### ### ###"},{code:"TH",name:"Thailand",dialCode:"+66",flag:"🇹🇭",format:"## ### ####"},{code:"MY",name:"Malaysia",dialCode:"+60",flag:"🇲🇾",format:"##-### ####"},{code:"ID",name:"Indonesia",dialCode:"+62",flag:"🇮🇩",format:"### ### ####"},{code:"PH",name:"Philippines",dialCode:"+63",flag:"🇵🇭",format:"### ### ####"},{code:"VN",name:"Vietnam",dialCode:"+84",flag:"🇻🇳",format:"### ### ####"},{code:"RU",name:"Russia",dialCode:"+7",flag:"🇷🇺",format:"### ###-##-##"},{code:"UA",name:"Ukraine",dialCode:"+380",flag:"🇺🇦",format:"## ### ## ##"},{code:"TR",name:"Turkey",dialCode:"+90",flag:"🇹🇷",format:"### ### ## ##"},{code:"IL",name:"Israel",dialCode:"+972",flag:"🇮🇱",format:"##-###-####"},{code:"AE",name:"United Arab Emirates",dialCode:"+971",flag:"🇦🇪",format:"## ### ####"},{code:"SA",name:"Saudi Arabia",dialCode:"+966",flag:"🇸🇦",format:"## ### ####"},{code:"EG",name:"Egypt",dialCode:"+20",flag:"🇪🇬",format:"### ### ####"},{code:"ZA",name:"South Africa",dialCode:"+27",flag:"🇿🇦",format:"## ### ####"},{code:"NG",name:"Nigeria",dialCode:"+234",flag:"🇳🇬",format:"### ### ####"},{code:"KE",name:"Kenya",dialCode:"+254",flag:"🇰🇪",format:"### ### ###"},{code:"BR",name:"Brazil",dialCode:"+55",flag:"🇧🇷",format:"(##) #####-####"},{code:"MX",name:"Mexico",dialCode:"+52",flag:"🇲🇽",format:"## #### ####"},{code:"AR",name:"Argentina",dialCode:"+54",flag:"🇦🇷",format:"## ####-####"},{code:"CO",name:"Colombia",dialCode:"+57",flag:"🇨🇴",format:"### ### ####"},{code:"CL",name:"Chile",dialCode:"+56",flag:"🇨🇱",format:"# #### ####"},{code:"PE",name:"Peru",dialCode:"+51",flag:"🇵🇪",format:"### ### ###"},{code:"VE",name:"Venezuela",dialCode:"+58",flag:"🇻🇪",format:"### ### ####"},{code:"NZ",name:"New Zealand",dialCode:"+64",flag:"🇳🇿",format:"## ### ####"}],r="US";exports.COUNTRIES=l;exports.DEFAULT_COUNTRY_CODE=r;exports.PHONE_INPUT_DEFAULT_TRANSLATIONS=a;exports.PHONE_INPUT_DROPDOWN_Z_INDEX=d;exports.PHONE_INPUT_SIZE_CLASSES=e;exports.PHONE_INPUT_VARIANT_CLASSES=o;

package/dist/components/PhoneInput/PhoneInput.const.d.ts

@@ -22,7 +22,7 @@ export declare const PHONE_INPUT_VARIANT_CLASSES: {
 /**
  * Dropdown z-index
  */
-export declare const PHONE_INPUT_DROPDOWN_Z_INDEX = 9999;
+export declare const PHONE_INPUT_DROPDOWN_Z_INDEX = 10000;
 /**
  * Common countries data
  */

package/dist/components/PhoneInput/PhoneInput.const.js

@@ -10,7 +10,7 @@ const a = {
   default: "bear-bg-white dark:bear-bg-zinc-800 bear-border-zinc-300 dark:bear-border-zinc-600",
   filled: "bear-bg-zinc-100 dark:bear-bg-zinc-700 bear-border-transparent",
   outline: "bear-bg-transparent bear-border-zinc-300 dark:bear-border-zinc-500"
-}, d = 9999, l = [
+}, d = 1e4, l = [
   { code: "US", name: "United States", dialCode: "+1", flag: "🇺🇸", format: "(###) ###-####" },
   { code: "GB", name: "United Kingdom", dialCode: "+44", flag: "🇬🇧", format: "#### ### ####" },
   { code: "CA", name: "Canada", dialCode: "+1", flag: "🇨🇦", format: "(###) ###-####" },

package/dist/components/PhoneInput/PhoneInput.js

@@ -1,84 +1,89 @@
-import { jsxs as d, jsx as n } from "react/jsx-runtime";
-import { useState as u, useRef as x, useMemo as _, useEffect as N, useCallback as M } from "react";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { useState as u, useRef as x, useMemo as _, useEffect as w, useCallback as j } from "react";
 import { createPortal as re } from "react-dom";
 import { cn as s } from "../../utils/cn.js";
 import { PHONE_INPUT_DEFAULT_TRANSLATIONS as te, COUNTRIES as ae, DEFAULT_COUNTRY_CODE as ne, PHONE_INPUT_SIZE_CLASSES as Q, PHONE_INPUT_VARIANT_CLASSES as oe, PHONE_INPUT_DROPDOWN_Z_INDEX as be } from "./PhoneInput.const.js";
-import { sortCountriesWithPreferred as ce, getCountryByCode as de, filterCountries as se, formatPhoneNumber as X, createPhoneValue as Y, parsePhoneDigits as ie } from "./PhoneInput.utils.js";
+import { sortCountriesWithPreferred as ce, getCountryByCode as ie, filterCountries as de, formatPhoneNumber as Z, createPhoneValue as F, parsePhoneDigits as se } from "./PhoneInput.utils.js";
 const xe = ({
-  value: r,
+  value: t,
   onChange: b,
   defaultCountry: E = ne,
-  placeholder: Z,
+  placeholder: X,
   label: S,
-  helperText: O,
-  error: m,
-  disabled: f = !1,
-  required: F = !1,
-  size: R = "md",
+  helperText: L,
+  error: f,
+  disabled: h = !1,
+  required: Y = !1,
+  size: O = "md",
   variant: q = "default",
-  onlyCountries: i,
+  onlyCountries: p,
   excludeCountries: l,
-  preferredCountries: T = [],
-  searchable: g = !0,
-  showFlags: L = !0,
+  preferredCountries: R = [],
+  searchable: N = !0,
+  showFlags: D = !0,
   showDialCode: G = !0,
   className: J,
   testId: K,
-  translations: D,
+  translations: T,
   icon: $
 }) => {
-  const [c, k] = u(!1), [P, w] = u(""), [I, U] = u(""), [A, C] = u({ top: 0, left: 0 }), V = x(null), z = x(null), H = x(null), y = x(null), B = _(() => ({
+  const [i, g] = u(!1), [k, P] = u(""), [I, U] = u(""), [A, v] = u({ top: 0, left: 0 }), V = x(null), z = x(null), W = x(null), y = x(null), B = _(() => ({
     ...te,
-    ...D
-  }), [D]), p = _(() => {
+    ...T
+  }), [T]), m = _(() => {
     let e = [...ae];
-    if (i != null && i.length) {
-      const o = new Set(i.map((a) => a.toUpperCase()));
-      e = e.filter((a) => o.has(a.code));
+    if (p != null && p.length) {
+      const n = new Set(p.map((r) => r.toUpperCase()));
+      e = e.filter((r) => n.has(r.code));
     }
     if (l != null && l.length) {
-      const o = new Set(l.map((a) => a.toUpperCase()));
-      e = e.filter((a) => !o.has(a.code));
+      const n = new Set(l.map((r) => r.toUpperCase()));
+      e = e.filter((r) => !n.has(r.code));
     }
-    return ce(e, T);
-  }, [i, l, T]), t = _(() => {
-    const e = (r == null ? void 0 : r.countryCode) || E;
-    return de(p, e) || p[0];
-  }, [r == null ? void 0 : r.countryCode, E, p]), j = _(() => se(p, P), [p, P]);
-  N(() => {
-    if ((r == null ? void 0 : r.number) !== void 0) {
-      const e = X(r.number, t == null ? void 0 : t.format);
+    return ce(e, R);
+  }, [p, l, R]), a = _(() => {
+    const e = (t == null ? void 0 : t.countryCode) || E;
+    return ie(m, e) || m[0];
+  }, [t == null ? void 0 : t.countryCode, E, m]), H = _(() => de(m, k), [m, k]);
+  w(() => {
+    if ((t == null ? void 0 : t.number) !== void 0) {
+      const e = Z(t.number, a == null ? void 0 : a.format);
       U(e);
     }
-  }, [r == null ? void 0 : r.number, t == null ? void 0 : t.format]), N(() => {
-    if (c && z.current) {
-      const e = z.current.getBoundingClientRect(), o = window.scrollY || document.documentElement.scrollTop, a = window.scrollX || document.documentElement.scrollLeft;
-      C({
-        top: e.bottom + o + 4,
-        left: e.left + a
+  }, [t == null ? void 0 : t.number, a == null ? void 0 : a.format]), w(() => {
+    if (!i || !z.current) return;
+    const e = 256, n = () => {
+      const r = z.current.getBoundingClientRect();
+      let c = r.left;
+      c = Math.max(8, Math.min(c, window.innerWidth - e - 8)), v({
+        top: r.bottom + 4,
+        left: c
       });
-    }
-  }, [c]), N(() => {
-    c && g && y.current && y.current.focus();
-  }, [c, g]), N(() => {
-    const e = (o) => {
-      var h, W;
-      const a = o.target;
-      (h = V.current) != null && h.contains(a) || (W = a.closest) != null && W.call(a, "[data-bear-phone-dropdown]") || (k(!1), w(""));
+    };
+    return n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
+      window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
+    };
+  }, [i]), w(() => {
+    i && N && y.current && y.current.focus();
+  }, [i, N]), w(() => {
+    const e = (n) => {
+      var c, M;
+      const r = n.target;
+      (c = V.current) != null && c.contains(r) || (M = r.closest) != null && M.call(r, "[data-bear-phone-dropdown]") || (g(!1), P(""));
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
   }, []);
-  const v = M((e) => {
-    var a;
-    const o = Y(e, (r == null ? void 0 : r.number) || I);
-    b == null || b(o), k(!1), w(""), (a = H.current) == null || a.focus();
-  }, [r == null ? void 0 : r.number, I, b]), ee = M((e) => {
-    const o = ie(e.target.value), a = X(o, t == null ? void 0 : t.format);
-    if (U(a), t) {
-      const h = Y(t, o);
-      b == null || b(h);
+  const C = j((e) => {
+    var r;
+    const n = F(e, (t == null ? void 0 : t.number) || I);
+    b == null || b(n), g(!1), P(""), (r = W.current) == null || r.focus();
+  }, [t == null ? void 0 : t.number, I, b]), ee = j((e) => {
+    const n = se(e.target.value), r = Z(n, a == null ? void 0 : a.format);
+    if (U(r), a) {
+      const c = F(a, n);
+      b == null || b(c);
     }
-  }, [t, b]);
+  }, [a, b]);
   return /* @__PURE__ */ d(
     "div",
     {
@@ -88,63 +93,63 @@ const xe = ({
       children: [
         S && /* @__PURE__ */ d("label", { className: "Bear-PhoneInput__label bear-block bear-text-sm bear-font-medium bear-text-zinc-700 dark:bear-text-zinc-300 bear-mb-1.5", children: [
           S,
-          F && /* @__PURE__ */ n("span", { className: "bear-text-red-500 bear-ml-0.5", children: "*" })
+          Y && /* @__PURE__ */ o("span", { className: "bear-text-red-500 bear-ml-0.5", children: "*" })
         ] }),
         /* @__PURE__ */ d("div", { className: s(
           "Bear-PhoneInput__wrapper bear-flex bear-items-center bear-rounded-lg bear-border bear-transition-colors",
           oe[q],
-          m ? "bear-border-red-500" : "focus-within:bear-border-pink-500",
-          f && "bear-opacity-50 bear-cursor-not-allowed"
+          f ? "bear-border-red-500" : "focus-within:bear-border-pink-500",
+          h && "bear-opacity-50 bear-cursor-not-allowed"
         ), children: [
           /* @__PURE__ */ d(
             "button",
             {
               ref: z,
               type: "button",
-              onClick: () => !f && k(!c),
-              disabled: f,
+              onClick: () => !h && g(!i),
+              disabled: h,
               className: s(
                 "Bear-PhoneInput__country-trigger bear-flex bear-items-center bear-gap-1 bear-border-r bear-border-zinc-300 dark:bear-border-zinc-600 bear-shrink-0 bear-text-gray-900 dark:bear-text-white",
-                Q[R]
+                Q[O]
               ),
               children: [
-                L && t && /* @__PURE__ */ n("span", { className: "Bear-PhoneInput__flag bear-text-lg", children: t.flag }),
-                G && t && /* @__PURE__ */ n("span", { className: "Bear-PhoneInput__dial-code bear-text-gray-600 dark:bear-text-zinc-400", children: t.dialCode }),
-                $ ?? /* @__PURE__ */ n(
+                D && a && /* @__PURE__ */ o("span", { className: "Bear-PhoneInput__flag bear-text-lg", children: a.flag }),
+                G && a && /* @__PURE__ */ o("span", { className: "Bear-PhoneInput__dial-code bear-text-gray-600 dark:bear-text-zinc-400", children: a.dialCode }),
+                $ ?? /* @__PURE__ */ o(
                   "svg",
                   {
                     className: s(
                       "Bear-PhoneInput__chevron bear-w-4 bear-h-4 bear-text-gray-500 dark:bear-text-zinc-400 bear-transition-transform",
-                      c && "bear-rotate-180"
+                      i && "bear-rotate-180"
                     ),
                     fill: "none",
                     viewBox: "0 0 24 24",
                     stroke: "currentColor",
-                    children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+                    children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ o(
             "input",
             {
-              ref: H,
+              ref: W,
               type: "tel",
               value: I,
               onChange: ee,
-              placeholder: Z || B.placeholder,
-              disabled: f,
+              placeholder: X || B.placeholder,
+              disabled: h,
               className: s(
                 "Bear-PhoneInput__input bear-flex-1 bear-bg-transparent bear-border-0 bear-outline-none bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-400 dark:placeholder:bear-text-zinc-500",
-                Q[R]
+                Q[O]
               )
             }
           )
         ] }),
-        m && /* @__PURE__ */ n("p", { className: "Bear-PhoneInput__error bear-mt-1 bear-text-xs bear-text-red-400", children: m }),
-        O && !m && /* @__PURE__ */ n("p", { className: "Bear-PhoneInput__helper bear-mt-1 bear-text-xs bear-text-zinc-500 dark:bear-text-zinc-400", children: O }),
-        c && typeof document < "u" && re(
+        f && /* @__PURE__ */ o("p", { className: "Bear-PhoneInput__error bear-mt-1 bear-text-xs bear-text-red-400", children: f }),
+        L && !f && /* @__PURE__ */ o("p", { className: "Bear-PhoneInput__helper bear-mt-1 bear-text-xs bear-text-zinc-500 dark:bear-text-zinc-400", children: L }),
+        i && typeof document < "u" && re(
           /* @__PURE__ */ d(
             "div",
             {
@@ -152,30 +157,30 @@ const xe = ({
               className: "Bear-PhoneInput__dropdown bear-fixed bear-w-64 bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-overflow-hidden",
               style: { top: A.top, left: A.left, zIndex: be },
               children: [
-                g && /* @__PURE__ */ n("div", { className: "Bear-PhoneInput__search bear-p-2 bear-border-b bear-border-zinc-200 dark:bear-border-zinc-700", children: /* @__PURE__ */ n(
+                N && /* @__PURE__ */ o("div", { className: "Bear-PhoneInput__search bear-p-2 bear-border-b bear-border-zinc-200 dark:bear-border-zinc-700", children: /* @__PURE__ */ o(
                   "input",
                   {
                     ref: y,
                     type: "text",
-                    value: P,
-                    onChange: (e) => w(e.target.value),
+                    value: k,
+                    onChange: (e) => P(e.target.value),
                     placeholder: B.searchCountry,
                     className: "bear-w-full bear-px-3 bear-py-2 bear-bg-gray-50 dark:bear-bg-zinc-700 bear-border bear-border-zinc-200 dark:bear-border-zinc-600 bear-rounded bear-text-sm bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-400 dark:placeholder:bear-text-zinc-500 bear-outline-none focus:bear-border-pink-500"
                   }
                 ) }),
-                /* @__PURE__ */ n("div", { className: "Bear-PhoneInput__country-list bear-max-h-60 bear-overflow-y-auto", children: j.length === 0 ? /* @__PURE__ */ n("div", { className: "bear-px-3 bear-py-4 bear-text-center bear-text-sm bear-text-gray-500 dark:bear-text-zinc-500", children: B.noResults }) : j.map((e) => /* @__PURE__ */ d(
+                /* @__PURE__ */ o("div", { className: "Bear-PhoneInput__country-list bear-max-h-60 bear-overflow-y-auto", children: H.length === 0 ? /* @__PURE__ */ o("div", { className: "bear-px-3 bear-py-4 bear-text-center bear-text-sm bear-text-gray-500 dark:bear-text-zinc-500", children: B.noResults }) : H.map((e) => /* @__PURE__ */ d(
                   "button",
                   {
                     type: "button",
-                    onClick: () => v(e),
+                    onClick: () => C(e),
                     className: s(
                       "Bear-PhoneInput__country-option bear-w-full bear-flex bear-items-center bear-gap-3 bear-px-3 bear-py-2 bear-text-left bear-text-sm bear-transition-colors",
-                      (t == null ? void 0 : t.code) === e.code ? "bear-bg-pink-500/20 bear-text-pink-600 dark:bear-text-pink-400" : "bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700"
+                      (a == null ? void 0 : a.code) === e.code ? "bear-bg-pink-500/20 bear-text-pink-600 dark:bear-text-pink-400" : "bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700"
                     ),
                     children: [
-                      L && /* @__PURE__ */ n("span", { className: "Bear-PhoneInput__country-flag bear-text-lg", children: e.flag }),
-                      /* @__PURE__ */ n("span", { className: "Bear-PhoneInput__country-name bear-flex-1", children: e.name }),
-                      /* @__PURE__ */ n("span", { className: "Bear-PhoneInput__country-dial bear-text-gray-500 dark:bear-text-zinc-500", children: e.dialCode })
+                      D && /* @__PURE__ */ o("span", { className: "Bear-PhoneInput__country-flag bear-text-lg", children: e.flag }),
+                      /* @__PURE__ */ o("span", { className: "Bear-PhoneInput__country-name bear-flex-1", children: e.name }),
+                      /* @__PURE__ */ o("span", { className: "Bear-PhoneInput__country-dial bear-text-gray-500 dark:bear-text-zinc-500", children: e.dialCode })
                     ]
                   },
                   e.code

package/dist/components/Popconfirm/Popconfirm.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),d=require("../../utils/cn.cjs"),S=require("../Typography/Typography.cjs"),n=require("./Popconfirm.const.cjs"),j=e.jsx("svg",{className:"bear-w-4 bear-h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,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"})}),O=C=>{const{title:N,description:u,onConfirm:a,onCancel:o,confirmText:h=n.DEFAULT_CONFIRM_TEXT,cancelText:T=n.DEFAULT_CANCEL_TEXT,icon:p=j,placement:L="bottom",disabled:m=!1,children:_,variant:f="default",testId:b}=C,[s,E]=c.useState(!1),i=c.useRef(null),t=c.useCallback(()=>E(!1),[]);c.useEffect(()=>{const r=l=>{i.current&&!i.current.contains(l.target)&&t()};return s&&document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[s,t]),c.useEffect(()=>{const r=l=>{l.key==="Escape"&&t()};return s&&document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[s,t]);const v=()=>{m||E(!s)},A=()=>{a==null||a(),t()},x=()=>{o==null||o(),t()},y=f==="danger"?n.CONFIRM_BTN_DANGER_CLASSES:n.CONFIRM_BTN_DEFAULT_CLASSES;return e.jsxs("div",{ref:i,className:d.cn(n.ROOT_CLASS,"bear-relative bear-inline-block"),"data-testid":b,children:[e.jsx("div",{onClick:v,className:d.cn("bear-cursor-pointer",m&&"bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none"),children:_}),s&&e.jsxs("div",{className:d.cn(n.POPUP_CLASSES,n.PLACEMENT_OFFSETS[L]),children:[e.jsxs("div",{className:n.ICON_AREA_CLASSES,children:[e.jsx("div",{className:n.ICON_WRAPPER_CLASSES,children:p}),e.jsxs("div",{className:n.CONTENT_CLASSES,children:[e.jsx(S.Typography,{variant:"body2",className:"bear-text-gray-900 dark:bear-text-zinc-100",children:N}),u&&e.jsx(S.Typography,{variant:"caption",color:"secondary",className:"bear-mt-0.5",children:u})]})]}),e.jsxs("div",{className:n.BUTTONS_WRAPPER_CLASSES,children:[e.jsx("button",{type:"button",className:n.CANCEL_BTN_CLASSES,onClick:x,children:T}),e.jsx("button",{type:"button",className:y,onClick:A,children:h})]})]})]})};exports.Popconfirm=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),v=require("../../utils/cn.cjs"),L=require("../Typography/Typography.cjs"),k=require("../Portal/Portal.cjs"),s=require("./Popconfirm.const.cjs"),I=1e4;function F(l,t,a){const e={position:"fixed",zIndex:I};return l==="bottom"?(e.top=t.bottom+a,e.left=t.left+t.width/2,e.transform="translateX(-50%)"):l==="top"?(e.bottom=window.innerHeight-t.top+a,e.left=t.left+t.width/2,e.transform="translateX(-50%)"):l==="left"?(e.right=window.innerWidth-t.left+a,e.top=t.top+t.height/2,e.transform="translateY(-50%)"):(e.left=t.right+a,e.top=t.top+t.height/2,e.transform="translateY(-50%)"),e}const B=n.jsx("svg",{className:"bear-w-4 bear-h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:n.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,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"})}),q=l=>{const{title:t,description:a,onConfirm:e,onCancel:f,confirmText:b=s.DEFAULT_CONFIRM_TEXT,cancelText:_=s.DEFAULT_CANCEL_TEXT,icon:T=B,placement:m="bottom",disabled:p=!1,children:x,variant:g="default",testId:w}=l,[o,h]=i.useState(!1),[y,A]=i.useState({}),d=i.useRef(null),E=i.useRef(null),c=i.useCallback(()=>h(!1),[]);i.useEffect(()=>{if(!o||!d.current)return;const r=()=>{if(!d.current)return;const u=d.current.getBoundingClientRect();A(F(m,u,8))};return r(),window.addEventListener("resize",r),window.addEventListener("scroll",r,!0),()=>{window.removeEventListener("resize",r),window.removeEventListener("scroll",r,!0)}},[o,m]),i.useEffect(()=>{if(!o)return;const r=u=>{var C,N;const S=u.target;(C=d.current)!=null&&C.contains(S)||(N=E.current)!=null&&N.contains(S)||c()};return document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[o,c]),i.useEffect(()=>{const r=u=>{u.key==="Escape"&&c()};return o&&document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[o,c]);const P=()=>{p||h(!o)},R=()=>{e==null||e(),c()},j=()=>{f==null||f(),c()},O=g==="danger"?s.CONFIRM_BTN_DANGER_CLASSES:s.CONFIRM_BTN_DEFAULT_CLASSES;return n.jsxs("div",{className:v.cn(s.ROOT_CLASS,"bear-inline-block"),"data-testid":w,children:[n.jsx("div",{ref:d,onClick:P,className:v.cn("bear-cursor-pointer",p&&"bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none"),children:x}),o&&n.jsx(k.Portal,{children:n.jsxs("div",{ref:E,className:s.POPUP_CLASSES,style:y,children:[n.jsxs("div",{className:s.ICON_AREA_CLASSES,children:[n.jsx("div",{className:s.ICON_WRAPPER_CLASSES,children:T}),n.jsxs("div",{className:s.CONTENT_CLASSES,children:[n.jsx(L.Typography,{variant:"body2",className:"bear-text-gray-900 dark:bear-text-zinc-100",children:t}),a&&n.jsx(L.Typography,{variant:"caption",color:"secondary",className:"bear-mt-0.5",children:a})]})]}),n.jsxs("div",{className:s.BUTTONS_WRAPPER_CLASSES,children:[n.jsx("button",{type:"button",className:s.CANCEL_BTN_CLASSES,onClick:j,children:_}),n.jsx("button",{type:"button",className:O,onClick:R,children:b})]})]})})]})};exports.Popconfirm=q;

package/dist/components/Popconfirm/Popconfirm.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-Popconfirm",r="bear-absolute bear-z-[9999] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-4 bear-min-w-[220px] bear-max-w-[320px]",a={top:"bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-mb-2",bottom:"bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-mt-2",left:"bear-right-full bear-top-1/2 -bear-translate-y-1/2 bear-mr-2",right:"bear-left-full bear-top-1/2 -bear-translate-y-1/2 bear-ml-2"},b="bear-flex bear-items-center bear-gap-3 bear-mb-3",t="bear-flex-shrink-0 bear-w-8 bear-h-8 bear-flex bear-items-center bear-justify-center bear-rounded-full bear-bg-amber-100 dark:bear-bg-amber-900/30 bear-text-amber-600 dark:bear-text-amber-400",S="bear-flex-1 bear-min-w-0",o="bear-flex bear-justify-end bear-gap-2 bear-mt-4",n="bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-pink-500 bear-text-white hover:bear-bg-pink-600 dark:hover:bear-bg-pink-600",E="bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-red-500 bear-text-white hover:bear-bg-red-600 dark:hover:bear-bg-red-600",_="bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-white dark:bear-bg-zinc-700 bear-text-gray-700 dark:bear-text-zinc-300 bear-border bear-border-gray-300 dark:bear-border-zinc-600 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-600",C="Confirm",A="Cancel";exports.BUTTONS_WRAPPER_CLASSES=o;exports.CANCEL_BTN_CLASSES=_;exports.CONFIRM_BTN_DANGER_CLASSES=E;exports.CONFIRM_BTN_DEFAULT_CLASSES=n;exports.CONTENT_CLASSES=S;exports.DEFAULT_CANCEL_TEXT=A;exports.DEFAULT_CONFIRM_TEXT=C;exports.ICON_AREA_CLASSES=b;exports.ICON_WRAPPER_CLASSES=t;exports.PLACEMENT_OFFSETS=a;exports.POPUP_CLASSES=r;exports.ROOT_CLASS=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-Popconfirm",r="bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-4 bear-min-w-[220px] bear-max-w-[320px]",a="bear-flex bear-items-center bear-gap-3 bear-mb-3",b="bear-flex-shrink-0 bear-w-8 bear-h-8 bear-flex bear-items-center bear-justify-center bear-rounded-full bear-bg-amber-100 dark:bear-bg-amber-900/30 bear-text-amber-600 dark:bear-text-amber-400",t="bear-flex-1 bear-min-w-0",S="bear-flex bear-justify-end bear-gap-2 bear-mt-4",o="bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-pink-500 bear-text-white hover:bear-bg-pink-600 dark:hover:bear-bg-pink-600",n="bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-red-500 bear-text-white hover:bear-bg-red-600 dark:hover:bear-bg-red-600",_="bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-white dark:bear-bg-zinc-700 bear-text-gray-700 dark:bear-text-zinc-300 bear-border bear-border-gray-300 dark:bear-border-zinc-600 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-600",C="Confirm",E="Cancel";exports.BUTTONS_WRAPPER_CLASSES=S;exports.CANCEL_BTN_CLASSES=_;exports.CONFIRM_BTN_DANGER_CLASSES=n;exports.CONFIRM_BTN_DEFAULT_CLASSES=o;exports.CONTENT_CLASSES=t;exports.DEFAULT_CANCEL_TEXT=E;exports.DEFAULT_CONFIRM_TEXT=C;exports.ICON_AREA_CLASSES=a;exports.ICON_WRAPPER_CLASSES=b;exports.POPUP_CLASSES=r;exports.ROOT_CLASS=e;

package/dist/components/Popconfirm/Popconfirm.const.d.ts

@@ -1,7 +1,5 @@
-import { PopconfirmPlacement } from './Popconfirm.types';
 export declare const ROOT_CLASS = "Bear-Popconfirm";
-export declare const POPUP_CLASSES = "bear-absolute bear-z-[9999] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-4 bear-min-w-[220px] bear-max-w-[320px]";
-export declare const PLACEMENT_OFFSETS: Record<PopconfirmPlacement, string>;
+export declare const POPUP_CLASSES = "bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-4 bear-min-w-[220px] bear-max-w-[320px]";
 export declare const ICON_AREA_CLASSES = "bear-flex bear-items-center bear-gap-3 bear-mb-3";
 export declare const ICON_WRAPPER_CLASSES = "bear-flex-shrink-0 bear-w-8 bear-h-8 bear-flex bear-items-center bear-justify-center bear-rounded-full bear-bg-amber-100 dark:bear-bg-amber-900/30 bear-text-amber-600 dark:bear-text-amber-400";
 export declare const CONTENT_CLASSES = "bear-flex-1 bear-min-w-0";

package/dist/components/Popconfirm/Popconfirm.const.js

@@ -1,20 +1,14 @@
-const e = "Bear-Popconfirm", r = "bear-absolute bear-z-[9999] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-4 bear-min-w-[220px] bear-max-w-[320px]", a = {
-  top: "bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-mb-2",
-  bottom: "bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-mt-2",
-  left: "bear-right-full bear-top-1/2 -bear-translate-y-1/2 bear-mr-2",
-  right: "bear-left-full bear-top-1/2 -bear-translate-y-1/2 bear-ml-2"
-}, b = "bear-flex bear-items-center bear-gap-3 bear-mb-3", t = "bear-flex-shrink-0 bear-w-8 bear-h-8 bear-flex bear-items-center bear-justify-center bear-rounded-full bear-bg-amber-100 dark:bear-bg-amber-900/30 bear-text-amber-600 dark:bear-text-amber-400", o = "bear-flex-1 bear-min-w-0", n = "bear-flex bear-justify-end bear-gap-2 bear-mt-4", d = "bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-pink-500 bear-text-white hover:bear-bg-pink-600 dark:hover:bear-bg-pink-600", i = "bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-red-500 bear-text-white hover:bear-bg-red-600 dark:hover:bear-bg-red-600", s = "bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-white dark:bear-bg-zinc-700 bear-text-gray-700 dark:bear-text-zinc-300 bear-border bear-border-gray-300 dark:bear-border-zinc-600 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-600", l = "Confirm", m = "Cancel";
+const r = "Bear-Popconfirm", e = "bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-4 bear-min-w-[220px] bear-max-w-[320px]", a = "bear-flex bear-items-center bear-gap-3 bear-mb-3", b = "bear-flex-shrink-0 bear-w-8 bear-h-8 bear-flex bear-items-center bear-justify-center bear-rounded-full bear-bg-amber-100 dark:bear-bg-amber-900/30 bear-text-amber-600 dark:bear-text-amber-400", t = "bear-flex-1 bear-min-w-0", o = "bear-flex bear-justify-end bear-gap-2 bear-mt-4", n = "bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-pink-500 bear-text-white hover:bear-bg-pink-600 dark:hover:bear-bg-pink-600", d = "bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-red-500 bear-text-white hover:bear-bg-red-600 dark:hover:bear-bg-red-600", i = "bear-px-3 bear-py-1.5 bear-text-sm bear-font-medium bear-rounded-md bear-transition-colors bear-bg-white dark:bear-bg-zinc-700 bear-text-gray-700 dark:bear-text-zinc-300 bear-border bear-border-gray-300 dark:bear-border-zinc-600 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-600", S = "Confirm", s = "Cancel";
 export {
-  n as BUTTONS_WRAPPER_CLASSES,
-  s as CANCEL_BTN_CLASSES,
-  i as CONFIRM_BTN_DANGER_CLASSES,
-  d as CONFIRM_BTN_DEFAULT_CLASSES,
-  o as CONTENT_CLASSES,
-  m as DEFAULT_CANCEL_TEXT,
-  l as DEFAULT_CONFIRM_TEXT,
-  b as ICON_AREA_CLASSES,
-  t as ICON_WRAPPER_CLASSES,
-  a as PLACEMENT_OFFSETS,
-  r as POPUP_CLASSES,
-  e as ROOT_CLASS
+  o as BUTTONS_WRAPPER_CLASSES,
+  i as CANCEL_BTN_CLASSES,
+  d as CONFIRM_BTN_DANGER_CLASSES,
+  n as CONFIRM_BTN_DEFAULT_CLASSES,
+  t as CONTENT_CLASSES,
+  s as DEFAULT_CANCEL_TEXT,
+  S as DEFAULT_CONFIRM_TEXT,
+  a as ICON_AREA_CLASSES,
+  b as ICON_WRAPPER_CLASSES,
+  e as POPUP_CLASSES,
+  r as ROOT_CLASS
 };

package/dist/components/Popconfirm/Popconfirm.js

@@ -1,65 +1,85 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useState as R, useRef as y, useCallback as F, useEffect as C } from "react";
-import { cn as l } from "../../utils/cn.js";
-import { Typography as S } from "../Typography/Typography.js";
-import { DEFAULT_CONFIRM_TEXT as P, DEFAULT_CANCEL_TEXT as x, ICON_AREA_CLASSES as I, ICON_WRAPPER_CLASSES as g, CONTENT_CLASSES as w, BUTTONS_WRAPPER_CLASSES as B, CANCEL_BTN_CLASSES as U, CONFIRM_BTN_DANGER_CLASSES as D, CONFIRM_BTN_DEFAULT_CLASSES as M, PLACEMENT_OFFSETS as j, POPUP_CLASSES as W, ROOT_CLASS as z } from "./Popconfirm.const.js";
-const X = /* @__PURE__ */ e("svg", { className: "bear-w-4 bear-h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, 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" }) }), Q = (N) => {
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { useState as L, useRef as v, useCallback as B, useEffect as u } from "react";
+import { cn as b } from "../../utils/cn.js";
+import { Typography as _ } from "../Typography/Typography.js";
+import { Portal as U } from "../Portal/Portal.js";
+import { DEFAULT_CONFIRM_TEXT as z, DEFAULT_CANCEL_TEXT as D, POPUP_CLASSES as M, ICON_AREA_CLASSES as W, ICON_WRAPPER_CLASSES as X, CONTENT_CLASSES as j, BUTTONS_WRAPPER_CLASSES as Y, CANCEL_BTN_CLASSES as G, CONFIRM_BTN_DANGER_CLASSES as H, CONFIRM_BTN_DEFAULT_CLASSES as Z, ROOT_CLASS as q } from "./Popconfirm.const.js";
+const J = 1e4;
+function K(a, t, i) {
+  const e = { position: "fixed", zIndex: J };
+  return a === "bottom" ? (e.top = t.bottom + i, e.left = t.left + t.width / 2, e.transform = "translateX(-50%)") : a === "top" ? (e.bottom = window.innerHeight - t.top + i, e.left = t.left + t.width / 2, e.transform = "translateX(-50%)") : a === "left" ? (e.right = window.innerWidth - t.left + i, e.top = t.top + t.height / 2, e.transform = "translateY(-50%)") : (e.left = t.right + i, e.top = t.top + t.height / 2, e.transform = "translateY(-50%)"), e;
+}
+const Q = /* @__PURE__ */ r("svg", { className: "bear-w-4 bear-h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, 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" }) }), oe = (a) => {
   const {
-    title: u,
-    description: d,
-    onConfirm: o,
-    onCancel: s,
-    confirmText: h = P,
-    cancelText: L = x,
-    icon: f = X,
-    placement: p = "bottom",
-    disabled: m = !1,
-    children: _,
-    variant: T = "default",
-    testId: v
-  } = N, [n, E] = R(!1), c = y(null), t = F(() => E(!1), []);
-  C(() => {
-    const r = (i) => {
-      c.current && !c.current.contains(i.target) && t();
+    title: t,
+    description: i,
+    onConfirm: e,
+    onCancel: m,
+    confirmText: w = z,
+    cancelText: A = D,
+    icon: T = Q,
+    placement: f = "bottom",
+    disabled: p = !1,
+    children: g,
+    variant: O = "default",
+    testId: k
+  } = a, [o, h] = L(!1), [R, y] = L({}), l = v(null), E = v(null), s = B(() => h(!1), []);
+  u(() => {
+    if (!o || !l.current) return;
+    const n = () => {
+      if (!l.current) return;
+      const c = l.current.getBoundingClientRect();
+      y(K(f, c, 8));
     };
-    return n && document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
-  }, [n, t]), C(() => {
-    const r = (i) => {
-      i.key === "Escape" && t();
+    return n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
+      window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
     };
-    return n && document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
-  }, [n, t]);
-  const A = () => {
-    m || E(!n);
-  }, b = () => {
-    o == null || o(), t();
-  }, k = () => {
-    s == null || s(), t();
-  }, O = T === "danger" ? D : M;
-  return /* @__PURE__ */ a("div", { ref: c, className: l(z, "bear-relative bear-inline-block"), "data-testid": v, children: [
-    /* @__PURE__ */ e(
+  }, [o, f]), u(() => {
+    if (!o) return;
+    const n = (c) => {
+      var S, N;
+      const C = c.target;
+      (S = l.current) != null && S.contains(C) || (N = E.current) != null && N.contains(C) || s();
+    };
+    return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
+  }, [o, s]), u(() => {
+    const n = (c) => {
+      c.key === "Escape" && s();
+    };
+    return o && document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+  }, [o, s]);
+  const P = () => {
+    p || h(!o);
+  }, x = () => {
+    e == null || e(), s();
+  }, I = () => {
+    m == null || m(), s();
+  }, F = O === "danger" ? H : Z;
+  return /* @__PURE__ */ d("div", { className: b(q, "bear-inline-block"), "data-testid": k, children: [
+    /* @__PURE__ */ r(
       "div",
       {
-        onClick: A,
-        className: l("bear-cursor-pointer", m && "bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none"),
-        children: _
+        ref: l,
+        onClick: P,
+        className: b("bear-cursor-pointer", p && "bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none"),
+        children: g
       }
     ),
-    n && /* @__PURE__ */ a("div", { className: l(W, j[p]), children: [
-      /* @__PURE__ */ a("div", { className: I, children: [
-        /* @__PURE__ */ e("div", { className: g, children: f }),
-        /* @__PURE__ */ a("div", { className: w, children: [
-          /* @__PURE__ */ e(S, { variant: "body2", className: "bear-text-gray-900 dark:bear-text-zinc-100", children: u }),
-          d && /* @__PURE__ */ e(S, { variant: "caption", color: "secondary", className: "bear-mt-0.5", children: d })
+    o && /* @__PURE__ */ r(U, { children: /* @__PURE__ */ d("div", { ref: E, className: M, style: R, children: [
+      /* @__PURE__ */ d("div", { className: W, children: [
+        /* @__PURE__ */ r("div", { className: X, children: T }),
+        /* @__PURE__ */ d("div", { className: j, children: [
+          /* @__PURE__ */ r(_, { variant: "body2", className: "bear-text-gray-900 dark:bear-text-zinc-100", children: t }),
+          i && /* @__PURE__ */ r(_, { variant: "caption", color: "secondary", className: "bear-mt-0.5", children: i })
         ] })
       ] }),
-      /* @__PURE__ */ a("div", { className: B, children: [
-        /* @__PURE__ */ e("button", { type: "button", className: U, onClick: k, children: L }),
-        /* @__PURE__ */ e("button", { type: "button", className: O, onClick: b, children: h })
+      /* @__PURE__ */ d("div", { className: Y, children: [
+        /* @__PURE__ */ r("button", { type: "button", className: G, onClick: I, children: A }),
+        /* @__PURE__ */ r("button", { type: "button", className: F, onClick: x, children: w })
       ] })
-    ] })
+    ] }) })
   ] });
 };
 export {
-  Q as Popconfirm
+  oe as Popconfirm
 };