@fluidattacks/design 3.1.6 → 3.1.8

package/{types → dist}/components/inputs/fields/date-time/calendar/index.d.ts

@@ -1,5 +1,5 @@
-import type { TimeValue } from "react-aria";
-import type { CalendarStateOptions, DatePickerState } from "react-stately";
+import { TimeValue } from 'react-aria';
+import { CalendarStateOptions, DatePickerState } from 'react-stately';
 declare const Calendar: ({ handleTimeChange, onClose, props, timeState, }: Readonly<{
     handleTimeChange: (selectedValue: TimeValue | null) => void;
     onClose: () => void;

package/dist/components/inputs/fields/date-time/calendar/index.js

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@internationalized/date"),r=require("react-aria"),n=require("react-stately"),a=require("styled-components"),i=require("../../../utils/date-time-field/index.js"),s=require("../../date/calendar/grid/index.js"),l=require("../../date/calendar/header/index.js"),d=require("../../../../../styles-DYoftbd3.js"),o=require("../../../../button/index.js");require("../../../../typography/heading/index.js"),require("../../../../typography/span/index.js");const c=require("../../../../typography/text/index.js"),u=a.styled.div`
+  ${({theme:e})=>`\n    align-items: center;\n    border-top: 1px solid ${e.palette.gray[200]};\n    display: flex;\n    gap: ${e.spacing[1.5]};\n    justify-content: center;\n    padding: ${e.spacing[.5]} ${e.spacing[1.25]};\n  `}
+`,p=a.styled.div`
+  align-items: center;
+  display: flex;
+  gap: ${({theme:e})=>e.spacing[.5]};
+  justify-content: flex-end;
+  flex: 1 0 0;
+`;exports.Calendar=({handleTimeChange:x,onClose:g,props:j,timeState:h})=>{const y=a.useTheme(),{locale:m}=r.useLocale(),q=n.useCalendarState({...j,createCalendar:t.createCalendar,locale:m}),{prevButtonProps:C,nextButtonProps:f,title:v}=r.useCalendar(j,q);return e.jsxs("div",{className:"calendar",children:[e.jsx(l.Header,{nextButtonProps:f,prevButtonProps:C,state:q,title:v}),e.jsx(s.CalendarGrid,{state:q}),e.jsxs(u,{children:[e.jsx(c.Text,{color:y.palette.gray[800],fontWeight:"bold",size:"sm",children:"Time"}),e.jsx(p,{children:e.jsx(i.TimeField,{hourCycle:12,label:"time-field",onChange:x,value:h.timeValue})})]}),e.jsx(d.FooterContainer,{children:e.jsx(o.Button,{onClick:g,variant:"ghost",children:"Cancel"})})]})};

package/dist/components/inputs/fields/date-time/calendar/styles.d.ts

@@ -0,0 +1,3 @@
+declare const TimeOutlineContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const OutlineContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { OutlineContainer, TimeOutlineContainer };

package/dist/components/inputs/fields/date-time/index.d.ts

@@ -0,0 +1,4 @@
+import { TInputDateProps } from '../date/types';
+declare const InputDateTime: import('react').ForwardRefExoticComponent<Readonly<TInputDateProps> & import('react').RefAttributes<HTMLInputElement>>;
+export type { TInputDateProps };
+export { InputDateTime };

package/dist/components/inputs/fields/date-time/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("react-aria"),i=require("react-stately"),o=require("./calendar/index.js"),l=require("../../outline-container/index.js"),a=require("../../utils/date-selector/index.js"),s=require("../../utils/dialog/index.js"),n=require("../../utils/popover/index.js"),u=r.forwardRef((function(u,d){const c=r.useRef(null),p=i.useDatePickerState({...u,granularity:"minute",hourCycle:12,shouldCloseOnSelect:!1}),{close:m}=p,{disabled:x=!1,error:P,required:f,label:g,name:j,tooltip:q}=u,{groupProps:b,fieldProps:h,buttonProps:C,dialogProps:y,calendarProps:S}=t.useDatePicker(u,p,c),D=r.useCallback((e=>{e&&p.setTimeValue(e)}),[p]);return e.jsxs(l.OutlineContainer,{error:P,htmlFor:j,label:g,required:f,tooltip:q,children:[e.jsx(a.DateSelector,{buttonProps:C,datePickerRef:c,disabled:x,error:P,fieldProps:h,granularity:"minute",groupProps:b,inputRef:d,name:j}),p.isOpen&&!x?e.jsx(n.Popover,{offset:8,placement:"bottom start",state:p,triggerRef:c,children:e.jsx(s.Dialog,{...y,children:e.jsx(o.Calendar,{handleTimeChange:D,onClose:m,props:{...S},timeState:p})})}):null]})}));exports.InputDateTime=u;

package/{types → dist}/components/inputs/fields/editable/index.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from "react";
-import type { IEditableProps } from "./types";
+import { PropsWithChildren } from 'react';
+import { IEditableProps } from './types';
 declare const Editable: ({ children, currentValue, externalLink, isEditing, label, name, tooltip, }: Readonly<PropsWithChildren<IEditableProps>>) => JSX.Element;
 export type { IEditableProps };
 export { Editable };

package/dist/components/inputs/fields/editable/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("lodash"),i=require("../../label/index.js"),t=require("../../../container/index.js"),n=require("../../../link/index.js");require("../../../typography/heading/index.js"),require("../../../typography/span/index.js");const s=require("../../../typography/text/index.js");exports.Editable=({children:l,currentValue:o,externalLink:a,isEditing:d,label:x,name:u,tooltip:h})=>{if(d)return e.jsx("div",{children:l});const c=r.isNil(o)?"":o,j=String(a??c);return e.jsxs(t.Container,{children:[e.jsx(i.Label,{htmlFor:u,label:x,tooltip:h,weight:"bold"}),j.startsWith("https://")?e.jsx(n.Link,{href:j,children:c}):e.jsx(s.Text,{size:"md",children:c})]})};

package/dist/components/inputs/fields/input/index.d.ts

@@ -0,0 +1,3 @@
+import { IInputProps } from '../../types';
+declare const Input: import('react').ForwardRefExoticComponent<Readonly<IInputProps> & import('react').RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/components/inputs/fields/input/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),i=require("styled-components"),t=require("../../outline-container/index.js"),n=require("../../../../styles-Bl-CstrT.js"),o=require("../../../icon/index.js"),a=r.forwardRef((function({disabled:r=!1,hasIcon:a=!1,helpLink:l,helpLinkText:s,helpText:c,error:d,label:u,name:p,maskValue:x=!1,required:h,tooltip:m,type:j="text",weight:b,...f},q){const y=i.useTheme();return e.jsx(t.OutlineContainer,{error:d,helpLink:l,helpLinkText:s,helpText:c,htmlFor:p,label:u,required:h,tooltip:m,weight:b,children:e.jsxs(n.StyledTextInputContainer,{className:`${r?"disabled":""} ${d?"error":""}`,children:[a?e.jsx(o.Icon,{icon:"user",iconSize:"sm",iconType:"fa-light"}):void 0,e.jsx("input",{"aria-hidden":!1,"aria-invalid":d?"true":"false","aria-label":p,"aria-required":h,autoComplete:"off",className:x?"sr-block":"","data-testid":`${p}-input`,disabled:r,id:p,name:p,ref:q,type:j,...f}),d?e.jsx(o.Icon,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:y.palette.error[500],iconSize:"xs"}):void 0]})})}));exports.Input=a;

package/dist/components/inputs/fields/input-file/index.d.ts

@@ -0,0 +1,3 @@
+import { IInputProps } from '../../types';
+declare const InputFile: import('react').ForwardRefExoticComponent<Readonly<IInputProps> & import('react').RefAttributes<HTMLInputElement>>;
+export { InputFile };

package/dist/components/inputs/fields/input-file/index.js

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("lodash"),r=require("react"),t=require("styled-components"),o=require("../../../../styles-DlmKLhPh.js"),n=require("../../outline-container/index.js"),l=require("../../../../styles-Bl-CstrT.js"),s=require("../../../button/index.js"),a=require("../../../container/index.js"),d=require("../../../icon/index.js"),c=require("../../../icon-button/index.js"),p=t.styled(o.StyledText)`
+  white-space: nowrap;
+  margin-right: ${({theme:e})=>e.spacing[.25]};
+  text-overflow: ellipsis;
+  overflow: hidden;
+  max-width: 80%;
+`,u=t.styled.input`
+  opacity: 0;
+  position: absolute;
+  visibility: hidden;
+  width: 0;
+`,x=r.forwardRef((function({accept:r,disabled:o=!1,error:x,label:h,helpLink:m,helpText:j,id:y,multiple:b,name:g,required:q,tooltip:f,weight:v,value:w,...S},T){const C=t.useTheme(),I=(e=>{const i=e;return i?Array.from(i).map((e=>e.name)).join(", "):""})(w);return e.jsxs(n.OutlineContainer,{error:x,helpLink:m,helpText:j,htmlFor:g,label:h,required:q,tooltip:f,weight:v,children:[e.jsxs(l.StyledTextInputContainer,{className:`${o?"disabled":""} ${x?"error":""}`,children:[e.jsx(p,{$size:"xs",children:I}),e.jsxs(a.Container,{display:"flex",gap:.5,children:[i.isEmpty(I)?void 0:e.jsx(c.IconButton,{color:C.palette.gray[400],height:"20px",icon:"xmark",iconSize:"lg",iconType:"fa-light",variant:"ghost",width:"20px"}),x&&e.jsx(d.Icon,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:C.palette.error[500],iconSize:"xs"})]}),e.jsxs(s.Button,{border:o?`1px solid ${C.palette.gray[300]} !important`:"",borderRadius:"0px 8px 8px 0px !important",disabled:o,height:"40px",variant:"primary",width:"96px",children:[e.jsx(d.Icon,{icon:"search",iconSize:"sm",mr:.5}),"Add file"]})]}),e.jsx(u,{accept:r,"aria-label":g,"data-testid":g,disabled:o,id:y,multiple:b,name:g,ref:T,required:void 0,type:"file",value:void 0,...S})]})}));exports.InputFile=x;

package/dist/components/inputs/fields/input-file/styles.d.ts

@@ -0,0 +1,6 @@
+import { IStyledTextProps } from '../../../typography/styles';
+declare const StyledInputText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import('../../../@core').IPaddingModifiable | keyof import('../../../@core').IMarginModifiable | keyof import('../../../@core').IPositionModifiable | keyof import('../../../@core').IBorderModifiable | keyof import('../../../@core').IDisplayModifiable | keyof import('../../../@core').ITextModifiable | keyof import('../../../@core').IInteractionModifiable> & import('../../../@core').IBorderModifiable & import('../../../@core').IDisplayModifiable & import('../../../@core').IInteractionModifiable & import('../../../@core').IMarginModifiable & import('../../../@core').IPaddingModifiable & import('../../../@core').IPositionModifiable & import('../../../@core').ITextModifiable, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void) | import('react').RefObject<HTMLParagraphElement> | null | undefined;
+}, keyof IStyledTextProps> & IStyledTextProps, IStyledTextProps>> & string;
+declare const FileInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export { StyledInputText, FileInput };

package/dist/components/inputs/fields/input-tags/index.d.ts

@@ -0,0 +1,3 @@
+import { IInputTagProps } from '../../types';
+declare const InputTags: import('react').ForwardRefExoticComponent<Readonly<IInputTagProps> & import('react').RefAttributes<HTMLInputElement>>;
+export { InputTags };

package/dist/components/inputs/fields/input-tags/index.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),a=require("../../outline-container/index.js"),i=require("../../../../styles-Bl-CstrT.js"),n=require("../../../tag/index.js"),l=t.styled.input`
+  border: none;
+  background: transparent;
+  min-width: 15rem;
+  padding: 0;
+  flex: 1;
+`,o=r.forwardRef((function({disabled:t=!1,error:o,label:d,name:s="input-tag",onChange:u,placeholder:p,required:c,tooltip:g,weight:b,value:h,...m},x){const f=r.useMemo((()=>h&&"string"==typeof h?h.split(",").filter(Boolean):[]),[h]);return e.jsx(a.OutlineContainer,{error:o,htmlFor:s,label:d,required:c,tooltip:g,weight:b,children:e.jsxs(i.StyledTextInputContainer,{className:`${t?"disabled":""} ${o?"error":""}`,children:[f.map((r=>e.jsx(n.Tag,{disabled:t,tagLabel:r},r))),e.jsx(l,{"aria-hidden":!1,"aria-invalid":o?"true":"false","aria-label":s,"aria-required":c,autoComplete:"off",disabled:t,name:s,onChange:u,placeholder:0===f.length?p:void 0,ref:x,type:"text",value:h,...m})]})})}));exports.InputTags=o;

package/dist/components/inputs/fields/input-tags/styles.d.ts

@@ -0,0 +1,2 @@
+declare const TagInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export { TagInput };

package/dist/components/inputs/fields/number/index.d.ts

@@ -0,0 +1,3 @@
+import { IInputNumberProps } from '../../types';
+declare const InputNumber: import('react').ForwardRefExoticComponent<Readonly<IInputNumberProps> & import('react').RefAttributes<HTMLInputElement>>;
+export { InputNumber };

package/dist/components/inputs/fields/number/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),i=require("../../outline-container/index.js"),t=require("../../utils/number-field/index.js"),l=r.forwardRef((function({decimalPlaces:r,disabled:l=!1,error:n,helpLink:a,helpText:o,id:d,label:u,maxLength:m,max:s,min:c,name:h,onChange:x,placeholder:p,required:b,tooltip:g,weight:f,...j},q){return e.jsx(i.OutlineContainer,{error:n,helpLink:a,helpText:o,htmlFor:h,label:u,maxLength:m,required:b,tooltip:g,weight:f,children:e.jsx(t.NumberField,{decimalPlaces:r,disabled:l,error:n,id:d,max:s,min:c,name:h,onChange:x,placeholder:p,ref:q,...j})})}));exports.InputNumber=l;

package/dist/components/inputs/fields/number-range/index.d.ts

@@ -0,0 +1,3 @@
+import { IInputNumberRangeProps } from '../../types';
+declare const InputNumberRange: import('react').ForwardRefExoticComponent<Readonly<IInputNumberRangeProps> & import('react').RefAttributes<HTMLInputElement>>;
+export { InputNumberRange };

package/dist/components/inputs/fields/number-range/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),i=require("../../outline-container/index.js"),t=require("../../utils/number-field/index.js"),n=require("../../../container/index.js"),o=r.forwardRef((function({disabled:r=!1,error:o,name:l,label:d,propsMax:s,propsMin:u,required:a,tooltip:p},x){return e.jsx(i.OutlineContainer,{error:o,htmlFor:l,label:d,required:a,tooltip:p,children:e.jsxs(n.Container,{display:"flex",gap:.25,width:"100%",children:[e.jsx(t.NumberField,{...u,disabled:r,error:o,ref:x}),e.jsx(t.NumberField,{...s,disabled:r,error:o,ref:x})]})})}));exports.InputNumberRange=o;

package/dist/components/inputs/fields/phone/index.d.ts

@@ -0,0 +1,3 @@
+import { IInputProps } from '../../types';
+declare const PhoneInput: import('react').ForwardRefExoticComponent<Readonly<IInputProps> & import('react').RefAttributes<HTMLInputElement>>;
+export { PhoneInput };

package/dist/components/inputs/fields/phone/index.js

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../index-CmylnDrF.js"),a=require("react"),r=require("react-dom"),n=require("styled-components"),i=require("../../outline-container/index.js"),o=require("../../../../styles-Bl-CstrT.js"),l=require("../../../icon/index.js");require("../../../typography/heading/index.js"),require("../../../typography/span/index.js");const s=require("../../../typography/text/index.js"),u=require("../../../../use-click-outside-BqkLISED.js");var d=[["Afghanistan","af","93"],["Albania","al","355"],["Algeria","dz","213"],["Andorra","ad","376"],["Angola","ao","244"],["Antigua and Barbuda","ag","1268"],["Argentina","ar","54","(..) ........",0],["Armenia","am","374",".. ......"],["Aruba","aw","297"],["Australia","au","61",{default:". .... ....","/^4/":"... ... ...","/^5(?!50)/":"... ... ...","/^1(3|8)00/":".... ... ...","/^13/":".. .. ..","/^180/":"... ...."},0,[]],["Austria","at","43"],["Azerbaijan","az","994","(..) ... .. .."],["Bahamas","bs","1242"],["Bahrain","bh","973"],["Bangladesh","bd","880"],["Barbados","bb","1246"],["Belarus","by","375","(..) ... .. .."],["Belgium","be","32","... .. .. .."],["Belize","bz","501"],["Benin","bj","229"],["Bhutan","bt","975"],["Bolivia","bo","591"],["Bosnia and Herzegovina","ba","387"],["Botswana","bw","267"],["Brazil","br","55","(..) ........."],["British Indian Ocean Territory","io","246"],["Brunei","bn","673"],["Bulgaria","bg","359"],["Burkina Faso","bf","226"],["Burundi","bi","257"],["Cambodia","kh","855"],["Cameroon","cm","237"],["Canada","ca","1","(...) ...-....",1,["204","226","236","249","250","289","306","343","365","387","403","416","418","431","437","438","450","506","514","519","548","579","581","587","604","613","639","647","672","705","709","742","778","780","782","807","819","825","867","873","902","905"]],["Cape Verde","cv","238"],["Caribbean Netherlands","bq","599","",1],["Cayman Islands","ky","1","... ... ....",4,["345"]],["Central African Republic","cf","236"],["Chad","td","235"],["Chile","cl","56"],["China","cn","86","... .... ...."],["Colombia","co","57","... ... ...."],["Comoros","km","269"],["Congo","cd","243"],["Congo","cg","242"],["Costa Rica","cr","506","....-...."],["Côte d'Ivoire","ci","225",".. .. .. .. .."],["Croatia","hr","385"],["Cuba","cu","53"],["Curaçao","cw","599","",0],["Cyprus","cy","357",".. ......"],["Czech Republic","cz","420","... ... ..."],["Denmark","dk","45",".. .. .. .."],["Djibouti","dj","253"],["Dominica","dm","1767"],["Dominican Republic","do","1","(...) ...-....",2,["809","829","849"]],["Ecuador","ec","593"],["Egypt","eg","20"],["El Salvador","sv","503","....-...."],["Equatorial Guinea","gq","240"],["Eritrea","er","291"],["Estonia","ee","372",".... ......"],["Ethiopia","et","251"],["Fiji","fj","679"],["Finland","fi","358",".. ... .. .."],["France","fr","33",". .. .. .. .."],["French Guiana","gf","594"],["French Polynesia","pf","689"],["Gabon","ga","241"],["Gambia","gm","220"],["Georgia","ge","995"],["Germany","de","49","... ........."],["Ghana","gh","233"],["Greece","gr","30"],["Greenland","gl","299",".. .. .."],["Grenada","gd","1473"],["Guadeloupe","gp","590","",0],["Guam","gu","1671"],["Guatemala","gt","502","....-...."],["Guinea","gn","224"],["Guinea-Bissau","gw","245"],["Guyana","gy","592"],["Haiti","ht","509","....-...."],["Honduras","hn","504"],["Hong Kong","hk","852",".... ...."],["Hungary","hu","36"],["Iceland","is","354","... ...."],["India","in","91",".....-....."],["Indonesia","id","62"],["Iran","ir","98","... ... ...."],["Iraq","iq","964"],["Ireland","ie","353",".. ......."],["Israel","il","972","... ... ...."],["Italy","it","39","... .......",0],["Jamaica","jm","1876"],["Japan","jp","81",".. .... ...."],["Jordan","jo","962"],["Kazakhstan","kz","7","... ...-..-..",0],["Kenya","ke","254"],["Kiribati","ki","686"],["Kosovo","xk","383"],["Kuwait","kw","965"],["Kyrgyzstan","kg","996","... ... ..."],["Laos","la","856"],["Latvia","lv","371",".. ... ..."],["Lebanon","lb","961"],["Lesotho","ls","266"],["Liberia","lr","231"],["Libya","ly","218"],["Liechtenstein","li","423"],["Lithuania","lt","370"],["Luxembourg","lu","352"],["Macau","mo","853"],["Macedonia","mk","389"],["Madagascar","mg","261"],["Malawi","mw","265"],["Malaysia","my","60","..-....-...."],["Maldives","mv","960"],["Mali","ml","223"],["Malta","mt","356"],["Marshall Islands","mh","692"],["Martinique","mq","596"],["Mauritania","mr","222"],["Mauritius","mu","230"],["Mexico","mx","52","... ... ....",0],["Micronesia","fm","691"],["Moldova","md","373","(..) ..-..-.."],["Monaco","mc","377"],["Mongolia","mn","976"],["Montenegro","me","382"],["Morocco","ma","212"],["Mozambique","mz","258"],["Myanmar","mm","95"],["Namibia","na","264"],["Nauru","nr","674"],["Nepal","np","977"],["Netherlands","nl","31",{"/^06/":"(.). .........","/^6/":". .........","/^0(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":"(.).. ........","/^(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":".. ........","/^0/":"(.)... .......",default:"... ......."}],["New Caledonia","nc","687"],["New Zealand","nz","64","...-...-...."],["Nicaragua","ni","505"],["Niger","ne","227"],["Nigeria","ng","234"],["North Korea","kp","850"],["Norway","no","47","... .. ..."],["Oman","om","968"],["Pakistan","pk","92","...-......."],["Palau","pw","680"],["Palestine","ps","970"],["Panama","pa","507"],["Papua New Guinea","pg","675"],["Paraguay","py","595"],["Peru","pe","51"],["Philippines","ph","63","... ... ...."],["Poland","pl","48","...-...-..."],["Portugal","pt","351"],["Puerto Rico","pr","1","(...) ...-....",3,["787","939"]],["Qatar","qa","974"],["Réunion","re","262"],["Romania","ro","40"],["Russia","ru","7","(...) ...-..-..",1],["Rwanda","rw","250"],["Saint Kitts and Nevis","kn","1869"],["Saint Lucia","lc","1758"],["Saint Vincent and the Grenadines","vc","1784"],["Samoa","ws","685"],["San Marino","sm","378"],["São Tomé and Príncipe","st","239"],["Saudi Arabia","sa","966"],["Senegal","sn","221"],["Serbia","rs","381"],["Seychelles","sc","248"],["Sierra Leone","sl","232"],["Singapore","sg","65","....-...."],["Slovakia","sk","421"],["Slovenia","si","386"],["Solomon Islands","sb","677"],["Somalia","so","252"],["South Africa","za","27"],["South Korea","kr","82","... .... ...."],["South Sudan","ss","211"],["Spain","es","34","... ... ..."],["Sri Lanka","lk","94"],["Sudan","sd","249"],["Suriname","sr","597"],["Swaziland","sz","268"],["Sweden","se","46","... ... ..."],["Switzerland","ch","41",".. ... .. .."],["Syria","sy","963"],["Taiwan","tw","886"],["Tajikistan","tj","992"],["Tanzania","tz","255"],["Thailand","th","66"],["Timor-Leste","tl","670"],["Togo","tg","228"],["Tonga","to","676"],["Trinidad and Tobago","tt","1868"],["Tunisia","tn","216"],["Turkey","tr","90","... ... .. .."],["Turkmenistan","tm","993"],["Tuvalu","tv","688"],["Uganda","ug","256"],["Ukraine","ua","380","(..) ... .. .."],["United Arab Emirates","ae","971"],["United Kingdom","gb","44",".... ......"],["United States","us","1","(...) ...-....",0],["Uruguay","uy","598"],["Uzbekistan","uz","998",".. ... .. .."],["Vanuatu","vu","678"],["Vatican City","va","39",".. .... ....",1],["Venezuela","ve","58"],["Vietnam","vn","84"],["Yemen","ye","967"],["Zambia","zm","260"],["Zimbabwe","zw","263"]],c=(...e)=>e.filter((e=>!!e)).join(" ").trim(),p=({addPrefix:e,rawClassNames:t})=>c(((...e)=>c(...e).split(" ").map((e=>`react-international-phone-${e}`)).join(" "))(...e),...t),f=e=>!!e&&/^\d+$/.test(e),m=e=>e.replace(/\D/g,""),h=({phone:e,prefix:t})=>e?`${t}${m(e)}`:"";function y({value:e,country:t,insertDialCodeOnEmpty:a,trimNonDigitsEnd:r,countries:n,prefix:i,charAfterDialCode:o,forceDialCode:l,disableDialCodeAndPrefix:s,defaultMask:u,countryGuessingEnabled:d,disableFormatting:c}){let p=e;s&&(p=p.startsWith(`${i}`)?p:`${i}${t.dialCode}${p}`);let f=d?D({phone:p,countries:n,currentCountryIso2:null==t?void 0:t.iso2}):void 0,y=(null==f?void 0:f.country)??t,g=((e,t)=>{let a=!t.disableDialCodeAndPrefix&&t.forceDialCode,r=!t.disableDialCodeAndPrefix&&t.insertDialCodeOnEmpty,n=e,i=e=>t.trimNonDigitsEnd?e.trim():e;if(!n)return r&&!n.length||a?i(`${t.prefix}${t.dialCode}${t.charAfterDialCode}`):i(n);if(n=m(n),n===t.dialCode&&!t.disableDialCodeAndPrefix)return i(`${t.prefix}${t.dialCode}${t.charAfterDialCode}`);if(t.dialCode.startsWith(n)&&!t.disableDialCodeAndPrefix)return i(a?`${t.prefix}${t.dialCode}${t.charAfterDialCode}`:`${t.prefix}${n}`);if(!n.startsWith(t.dialCode)&&!t.disableDialCodeAndPrefix){if(a)return i(`${t.prefix}${t.dialCode}${t.charAfterDialCode}`);if(n.length<t.dialCode.length)return i(`${t.prefix}${n}`)}let{phoneLeftSide:o,phoneRightSide:l}=(()=>{let e=t.dialCode.length;return{phoneLeftSide:n.slice(0,e),phoneRightSide:n.slice(e)}})();return o=`${t.prefix}${o}${t.charAfterDialCode}`,l=(({value:e,mask:t,maskSymbol:a,offset:r=0,trimNonMaskCharsLeftover:n=!1})=>{if(e.length<r)return e;let i=e.slice(0,r),o=e.slice(r),l=i,s=0;for(let u of t.split("")){if(s>=o.length){if(!n&&u!==a){l+=u;continue}break}u===a?(l+=o[s],s+=1):l+=u}return l})({value:l,mask:t.mask,maskSymbol:t.maskChar,trimNonMaskCharsLeftover:t.trimNonDigitsEnd||t.disableDialCodeAndPrefix&&0===l.length}),t.disableDialCodeAndPrefix&&(o=""),i(`${o}${l}`)})(p,{prefix:i,mask:w({phone:p,country:y,defaultMask:u,disableFormatting:c}),maskChar:C,dialCode:y.dialCode,trimNonDigitsEnd:r,charAfterDialCode:o,forceDialCode:l,insertDialCodeOnEmpty:a,disableDialCodeAndPrefix:s}),b=d&&!(null==f?void 0:f.fullDialCodeMatch)?t:y;return{phone:h({phone:s?`${b.dialCode}${g}`:g,prefix:i}),inputValue:g,country:b}}var g={size:20,overrideLastItemDebounceMS:-1};var C=".",b=d,v=({defaultCountry:e="us",value:t="",countries:r=b,prefix:n="+",defaultMask:i="............",charAfterDialCode:o=" ",historySaveDebounceMS:l=200,disableCountryGuess:s=false,disableDialCodePrefill:u=false,forceDialCode:d=false,disableDialCodeAndPrefix:c=false,disableFormatting:p=false,onChange:m,inputRef:C})=>{let v={countries:r,prefix:n,charAfterDialCode:o,forceDialCode:!c&&d,disableDialCodeAndPrefix:c,defaultMask:i,countryGuessingEnabled:!s,disableFormatting:p},w=a.useRef(null),x=C||w,D=e=>{Promise.resolve().then((()=>{var t;typeof window>"u"||x.current!==(null==document?void 0:document.activeElement)||null==(t=x.current)||t.setSelectionRange(e,e)}))},[{phone:$,inputValue:S,country:N},P,A,E]=function(e,t){let{size:r,overrideLastItemDebounceMS:n,onChange:i}={...g,...t},[o,l]=a.useState(e),[s,u]=a.useState([o]),[d,c]=a.useState(0),p=(()=>{let e=a.useRef(),t=a.useRef(Date.now());return{check:()=>{let a=Date.now(),r=e.current?a-t.current:void 0;return e.current=t.current,t.current=a,r}}})();return[o,(e,t)=>{if("object"==typeof e&&"object"==typeof o&&((e,t)=>{let a=Object.keys(e),r=Object.keys(t);if(a.length!==r.length)return!1;for(let n of a)if(e[n]!==t[n])return!1;return!0})(e,o)||e===o)return;let a=n>0,f=p.check(),m=!a||void 0===f||f>n;if(void 0!==(null==t?void 0:t.overrideLastItem)?t.overrideLastItem:!m)u((t=>[...t.slice(0,d),e]));else{let t=s.length>=r;u((a=>[...a.slice(t?1:0,d+1),e])),t||c((e=>e+1))}l(e),null==i||i(e)},()=>{if(d<=0)return{success:!1};let e=s[d-1];return l(e),c((e=>e-1)),null==i||i(e),{success:!0,value:e}},()=>{if(d+1>=s.length)return{success:!1};let e=s[d+1];return l(e),c((e=>e+1)),null==i||i(e),{success:!0,value:e}}]}((()=>{let a=k({value:e,field:"iso2",countries:r}),n=a||k({value:"us",field:"iso2",countries:r}),{phone:i,inputValue:o,country:l}=y({value:t,country:n,insertDialCodeOnEmpty:!u,...v});return D(o.length),{phone:i,inputValue:o,country:l.iso2}}),{overrideLastItemDebounceMS:l,onChange:({inputValue:e,phone:t,country:a})=>{if(!m)return;let r=M(a);m({phone:t,inputValue:e,country:r})}}),M=a.useCallback((e=>k({value:e,field:"iso2",countries:r})),[r]),j=a.useMemo((()=>M(N)),[N,M]);a.useEffect((()=>{let e=x.current;if(!e)return;let t=e=>{if(!e.key)return;let t=e.ctrlKey,a=e.metaKey,r=e.shiftKey;if("z"===e.key.toLowerCase()){if(typeof window>"u"||!window.navigator.userAgent.toLowerCase().includes("macintosh")){if(!t)return}else if(!a)return;r?E():A()}};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[x,A,E]);let[I,z]=a.useState(!1);return a.useEffect((()=>{if(!I)return z(!0),void(t!==$&&(null==m||m({inputValue:S,phone:$,country:j})));if(t===$)return;let{phone:e,inputValue:a,country:r}=y({value:t,country:j,insertDialCodeOnEmpty:!u,...v});P({phone:e,inputValue:a,country:r.iso2})}),[t]),{phone:$,inputValue:S,country:j,setCountry:(e,t={focusOnInput:!1})=>{let a=k({value:e,field:"iso2",countries:r});if(!a)return;let i=c?"":`${n}${a.dialCode}${o}`;P({inputValue:i,phone:`${n}${a.dialCode}`,country:a.iso2}),t.focusOnInput&&Promise.resolve().then((()=>{var e;null==(e=x.current)||e.focus()}))},handlePhoneValueChange:e=>{e.preventDefault();let{phone:a,inputValue:r,country:n,cursorPosition:i}=((e,{country:t,insertDialCodeOnEmpty:a,phoneBeforeInput:r,prefix:n,charAfterDialCode:i,forceDialCode:o,disableDialCodeAndPrefix:l,countryGuessingEnabled:s,defaultMask:u,disableFormatting:d,countries:c})=>{let p=e.nativeEvent,m=p.inputType,g=(e=>{if(null==e?void 0:e.toLocaleLowerCase().includes("delete"))return(null==e?void 0:e.toLocaleLowerCase().includes("forward"))?"forward":"backward"})(m),C=!!(null==m?void 0:m.startsWith("insertFrom")),b="insertText"===m,v=(null==p?void 0:p.data)||void 0,w=e.target.value,x=e.target.selectionStart??0;if(null==m?void 0:m.includes("history"))return{inputValue:r,phone:h({phone:r,prefix:n}),cursorPosition:r.length,country:t};if(b&&!f(v)&&w!==n)return{inputValue:r,phone:h({phone:l?`${t.dialCode}${r}`:r,prefix:n}),cursorPosition:x-((null==v?void 0:v.length)??0),country:t};if(o&&!w.startsWith(`${n}${t.dialCode}`)&&!C){let e=w?r:`${n}${t.dialCode}${i}`;return{inputValue:e,phone:h({phone:e,prefix:n}),cursorPosition:n.length+t.dialCode.length+i.length,country:t}}let{phone:k,inputValue:D,country:$}=y({value:w,country:t,trimNonDigitsEnd:"backward"===g,insertDialCodeOnEmpty:a,countryGuessingEnabled:s,countries:c,prefix:n,charAfterDialCode:i,forceDialCode:o,disableDialCodeAndPrefix:l,disableFormatting:d,defaultMask:u});return{phone:k,inputValue:D,cursorPosition:(({phoneBeforeInput:e,phoneAfterInput:t,phoneAfterFormatted:a,cursorPositionAfterInput:r,leftOffset:n=0,deletion:i})=>{if(r<n)return n;if(!e)return a.length;let o=null;for(let d=r-1;d>=0;d-=1)if(f(t[d])){o=d;break}if(null===o){for(let e=0;e<t.length;e+=1)if(f(a[e]))return e;return t.length}let l=0;for(let d=0;d<o;d+=1)f(t[d])&&(l+=1);let s=0,u=0;for(let d=0;d<a.length&&(s+=1,f(a[d])&&(u+=1),!(u>=l+1));d+=1);if("backward"!==i)for(;!f(a[s])&&s<a.length;)s+=1;return s})({cursorPositionAfterInput:x,phoneBeforeInput:r,phoneAfterInput:w,phoneAfterFormatted:D,leftOffset:o?n.length+t.dialCode.length+i.length:0,deletion:g}),country:$}})(e,{country:j,phoneBeforeInput:S,insertDialCodeOnEmpty:!1,...v});return P({inputValue:r,phone:a,country:n.iso2}),D(i),t},inputRef:x}},w=({phone:e,country:t,defaultMask:a="............",disableFormatting:r=!1})=>{let n=t.format,i=e=>r?e.replace(new RegExp(`[^${C}]`,"g"),""):e;if(!n)return i(a);if("string"==typeof n)return i(n);if(!n.default)return i(a);let o=Object.keys(n).find((a=>{if("default"===a)return!1;if("/"!==a.charAt(0)||"/"!==a.charAt(a.length-1))return!1;let r=new RegExp(a.substring(1,a.length-1)),n=e.replace(t.dialCode,"");return r.test(m(n))}));return i(o?n[o]:n.default)},x=e=>{let[t,a,r,n,i,o]=e;return{name:t,iso2:a,dialCode:r,format:n,priority:i,areaCodes:o}},k=({field:e,value:t,countries:a=d})=>{if(["priority"].includes(e))throw new Error(`Field "${e}" is not supported`);let r=a.find((a=>{let r=x(a);return t===r[e]}));if(r)return x(r)},D=({phone:e,countries:t=d,currentCountryIso2:a})=>{var r;let n={country:void 0,fullDialCodeMatch:!1};if(!e)return n;let i=m(e);if(!i)return n;let o=n,l=({country:e,fullDialCodeMatch:t})=>{var a,r;let n=e.dialCode===(null==(a=o.country)?void 0:a.dialCode),i=(e.priority??0)<((null==(r=o.country)?void 0:r.priority)??0);(!n||i)&&(o={country:e,fullDialCodeMatch:t})};for(let s of t){let e=x(s),{dialCode:t,areaCodes:a}=e;if(i.startsWith(t)){let r=!o.country||Number(t)>=Number(o.country.dialCode);if(a){let r=i.substring(t.length);for(let t of a)if(r.startsWith(t))return{country:e,fullDialCodeMatch:!0}}(r||t===i||!o.fullDialCodeMatch)&&l({country:e,fullDialCodeMatch:!0})}o.fullDialCodeMatch||i.length<t.length&&t.startsWith(i)&&(!o.country||Number(t)<=Number(o.country.dialCode))&&l({country:e,fullDialCodeMatch:!1})}if(a){let e=k({value:a,field:"iso2",countries:t});if(!e)return o;let n=!!e&&(e=>{if(!(null==e?void 0:e.areaCodes))return!1;let t=i.substring(e.dialCode.length);return e.areaCodes.some((e=>e.startsWith(t)))})(e);o&&(null==(r=o.country)?void 0:r.dialCode)===e.dialCode&&o.country!==e&&o.fullDialCodeMatch&&(!e.areaCodes||n)&&(o={country:e,fullDialCodeMatch:!0})}return o},$=(e,t)=>{let a=parseInt(e,16);return Number(a+t).toString(16)},S="abcdefghijklmnopqrstuvwxyz".split("").reduce(((e,t,a)=>({...e,[t]:$("1f1e6",a)})),{}),N=({iso2:e,size:t,src:r,protocol:n="https",disableLazyLoading:i,className:o,style:l,...s})=>e?a.createElement("img",{className:p({addPrefix:["flag-emoji"],rawClassNames:[o]}),src:(()=>{if(r)return r;let t=[S[(a=e)[0]],S[a[1]]].join("-");var a;return`${n}://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/${t}.svg`})(),width:t,height:t,draggable:!1,"data-country":e,loading:i?void 0:"lazy",style:{width:t,height:t,...l},alt:"",...s}):a.createElement("img",{className:p({addPrefix:["flag-emoji"],rawClassNames:[o]}),width:t,height:t,...s}),P=({show:e,dialCodePrefix:t="+",selectedCountry:r,countries:n=d,preferredCountries:i=[],flags:o,onSelect:l,onClose:s,...u})=>{let c=a.useRef(null),f=a.useRef(),m=a.useMemo((()=>{if(!i||!i.length)return n;let e=[],t=[...n];for(let a of i){let r=t.findIndex((e=>x(e).iso2===a));if(-1!==r){let a=t.splice(r,1)[0];e.push(a)}}return e.concat(t)}),[n,i]),h=a.useRef({updatedAt:void 0,value:""}),y=a.useCallback((e=>m.findIndex((t=>x(t).iso2===e))),[m]),[g,C]=a.useState(y(r)),b=()=>{f.current!==r&&C(y(r))},v=a.useCallback((e=>{C(y(e.iso2)),null==l||l(e)}),[l,y]),w=e=>{let t=m.length-1;C((a=>{let r=(n=a,"prev"===e?n-1:"next"===e?n+1:"last"===e?t:0);var n;return r<0?0:r>t?t:r}))},k=a.useCallback((()=>{if(!c.current||void 0===g)return;let e=x(m[g]).iso2;if(e===f.current)return;let t=c.current.querySelector(`[data-country="${e}"]`);t&&(((e,t)=>{let a=e.style.display;"block"!==a&&(e.style.display="block");let r=e.getBoundingClientRect(),n=t.getBoundingClientRect(),i=n.top-r.top,o=r.bottom-n.bottom;i>=0&&o>=0||(Math.abs(i)<Math.abs(o)?e.scrollTop+=i:e.scrollTop-=o),e.style.display=a})(c.current,t),f.current=e)}),[g,m]);return a.useEffect((()=>{k()}),[g,k]),a.useEffect((()=>{c.current&&(e?c.current.focus():b())}),[e]),a.useEffect((()=>{b()}),[r]),a.createElement("ul",{ref:c,role:"listbox",className:p({addPrefix:["country-selector-dropdown"],rawClassNames:[u.className]}),style:{display:e?"block":"none",...u.style},onKeyDown:e=>{if(e.stopPropagation(),"Enter"!==e.key){if("Escape"!==e.key)return"ArrowUp"===e.key?(e.preventDefault(),void w("prev")):"ArrowDown"===e.key?(e.preventDefault(),void w("next")):"PageUp"===e.key?(e.preventDefault(),void w("first")):"PageDown"===e.key?(e.preventDefault(),void w("last")):(" "===e.key&&e.preventDefault(),void(1===e.key.length&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&(e=>{let t=h.current.updatedAt&&(new Date).getTime()-h.current.updatedAt.getTime()>1e3;h.current={value:t?e:`${h.current.value}${e}`,updatedAt:new Date};let a=m.findIndex((e=>x(e).name.toLowerCase().startsWith(h.current.value)));-1!==a&&C(a)})(e.key.toLocaleLowerCase())));null==s||s()}else{e.preventDefault();let t=x(m[g]);v(t)}},onBlur:s,tabIndex:-1,"aria-activedescendant":`react-international-phone__${x(m[g]).iso2}-option`},m.map(((e,n)=>{let l=x(e),s=l.iso2===r,d=n===g,c=i.includes(l.iso2),f=n===i.length-1,m=null==o?void 0:o.find((e=>e.iso2===l.iso2));return a.createElement(a.Fragment,{key:l.iso2},a.createElement("li",{"data-country":l.iso2,role:"option","aria-selected":s,"aria-label":`${l.name} ${t}${l.dialCode}`,id:`react-international-phone__${l.iso2}-option`,className:p({addPrefix:["country-selector-dropdown__list-item",c&&"country-selector-dropdown__list-item--preferred",s&&"country-selector-dropdown__list-item--selected",d&&"country-selector-dropdown__list-item--focused"],rawClassNames:[u.listItemClassName]}),onClick:()=>v(l),style:u.listItemStyle,title:l.name},a.createElement(N,{iso2:l.iso2,src:null==m?void 0:m.src,className:p({addPrefix:["country-selector-dropdown__list-item-flag-emoji"],rawClassNames:[u.listItemFlagClassName]}),style:u.listItemFlagStyle}),a.createElement("span",{className:p({addPrefix:["country-selector-dropdown__list-item-country-name"],rawClassNames:[u.listItemCountryNameClassName]}),style:u.listItemCountryNameStyle},l.name),a.createElement("span",{className:p({addPrefix:["country-selector-dropdown__list-item-dial-code"],rawClassNames:[u.listItemDialCodeClassName]}),style:u.listItemDialCodeStyle},t,l.dialCode)),f?a.createElement("hr",{className:p({addPrefix:["country-selector-dropdown__preferred-list-divider"],rawClassNames:[u.preferredListDividerClassName]}),style:u.preferredListDividerStyle}):null)})))},A=({selectedCountry:e,onSelect:t,disabled:r,hideDropdown:n,countries:i=d,preferredCountries:o=[],flags:l,renderButtonWrapper:s,...u})=>{let[c,f]=a.useState(!1),m=a.useMemo((()=>{if(e)return k({value:e,field:"iso2",countries:i})}),[i,e]),h=a.useRef(null),y=e=>{e.key&&["ArrowUp","ArrowDown"].includes(e.key)&&(e.preventDefault(),f(!0))};return a.createElement("div",{className:p({addPrefix:["country-selector"],rawClassNames:[u.className]}),style:u.style,ref:h},(()=>{var t;let i={title:null==m?void 0:m.name,onClick:()=>f((e=>!e)),onMouseDown:e=>e.preventDefault(),onKeyDown:y,disabled:n||r,role:"combobox","aria-label":"Country selector","aria-haspopup":"listbox","aria-expanded":c},o=a.createElement("div",{className:p({addPrefix:["country-selector-button__button-content"],rawClassNames:[u.buttonContentWrapperClassName]}),style:u.buttonContentWrapperStyle},a.createElement(N,{iso2:e,src:null==(t=null==l?void 0:l.find((t=>t.iso2===e)))?void 0:t.src,className:p({addPrefix:["country-selector-button__flag-emoji",r&&"country-selector-button__flag-emoji--disabled"],rawClassNames:[u.flagClassName]}),style:{visibility:e?"visible":"hidden",...u.flagStyle}}),!n&&a.createElement("div",{className:p({addPrefix:["country-selector-button__dropdown-arrow",r&&"country-selector-button__dropdown-arrow--disabled",c&&"country-selector-button__dropdown-arrow--active"],rawClassNames:[u.dropdownArrowClassName]}),style:u.dropdownArrowStyle}));return s?s({children:o,rootProps:i}):a.createElement("button",{...i,type:"button",className:p({addPrefix:["country-selector-button",c&&"country-selector-button--active",r&&"country-selector-button--disabled",n&&"country-selector-button--hide-dropdown"],rawClassNames:[u.buttonClassName]}),"data-country":e,style:u.buttonStyle},o)})(),a.createElement(P,{show:c,countries:i,preferredCountries:o,flags:l,onSelect:e=>{f(!1),null==t||t(e)},selectedCountry:e,onClose:()=>{f(!1)},...u.dropdownStyleProps}))},E=({dialCode:e,prefix:t,disabled:r,style:n,className:i})=>a.createElement("div",{className:p({addPrefix:["dial-code-preview",r&&"dial-code-preview--disabled"],rawClassNames:[i]}),style:n},`${t}${e}`);a.forwardRef((({value:e,onChange:t,countries:r=d,preferredCountries:n=[],hideDropdown:i,showDisabledDialCodeAndPrefix:o,disableFocusAfterCountrySelect:l,flags:s,style:u,className:c,inputStyle:f,inputClassName:m,countrySelectorStyleProps:h,dialCodePreviewStyleProps:y,inputProps:g,placeholder:C,disabled:b,name:w,onFocus:x,onBlur:k,required:D,autoFocus:$,...S},N)=>{let{phone:P,inputValue:M,inputRef:j,country:I,setCountry:z,handlePhoneValueChange:L}=v({value:e,countries:r,...S,onChange:e=>{null==t||t(e.phone,{country:e.country,inputValue:e.inputValue})}}),B=S.disableDialCodeAndPrefix&&o&&(null==I?void 0:I.dialCode);return a.useImperativeHandle(N,(()=>j.current?Object.assign(j.current,{setCountry:z,state:{phone:P,inputValue:M,country:I}}):null),[j,z,P,M,I]),a.createElement("div",{ref:N,className:p({addPrefix:["input-container"],rawClassNames:[c]}),style:u},a.createElement(A,{onSelect:e=>z(e.iso2,{focusOnInput:!l}),flags:s,selectedCountry:I.iso2,countries:r,preferredCountries:n,disabled:b,hideDropdown:i,...h}),B&&a.createElement(E,{dialCode:I.dialCode,prefix:S.prefix??"+",disabled:b,...y}),a.createElement("input",{onChange:L,value:M,type:"tel",ref:j,className:p({addPrefix:["input",b&&"input--disabled"],rawClassNames:[m]}),placeholder:C,disabled:b,style:f,name:w,onFocus:x,onBlur:k,autoFocus:$,required:D,...g}))}));const M=n.styled.div`
+  ${({theme:e})=>`\n    align-items: flex-start;\n    align-self: stretch;\n    display: flex;\n    gap: ${e.spacing[.5]};\n\n    > button, div {\n      border: 1px solid ${e.palette.gray[300]};\n      border-radius: ${e.spacing[.5]};\n    }\n\n    &.disabled {\n      > button, div {\n        background: ${e.palette.gray[100]};\n        color: ${e.palette.gray[400]};\n        cursor: not-allowed;\n      }\n    }\n\n    &.error:not(.disabled) {\n      > button, div {\n        border: 1px solid ${e.palette.error[500]};\n      }\n    }\n\n    &:focus-within:not(.disabled, .error) {\n      > button, div {\n        background: ${e.palette.white};\n        border: 2px solid ${e.palette.black};\n      }\n    }\n\n    &:hover:not(:focus-within, .disabled, .error) {\n      > button, div {\n        background: ${e.palette.white};\n        border-color: ${e.palette.gray[600]};\n      }\n    }\n  `}
+`,j=n.styled.button`
+  ${({theme:e})=>`\n    align-items: center;\n    background: inherit;\n    border-color: inherit;\n    display: flex;\n    gap: ${e.spacing[.25]};\n    height: 40px;\n    min-width: 67px;\n    padding: ${e.spacing[.625]} ${e.spacing[1]};\n\n    &:disabled {\n      background: ${e.palette.gray[100]};\n      cursor: not-allowed;\n    }\n  `}
+`,I=n.styled.ul`
+  ${({theme:e})=>`\n    align-items: flex-start;\n    box-shadow: ${e.shadows.md};\n    display: flex;\n    flex-direction: column;\n    max-height: 190px;\n    overflow: hidden auto;\n    scrollbar-color: ${e.palette.gray[600]} ${e.palette.gray[100]};\n    scroll-padding: ${e.spacing[.5]};\n    scrollbar-width: thin;\n    width: max-content;\n  `}
+`,z=n.styled.li`
+  ${({theme:e})=>`\n    align-items: center;\n    background: ${e.palette.white};\n    cursor: pointer;\n    display: inline-flex;\n    font-size: ${e.typography.text.sm};\n    gap: ${e.spacing[.5]};\n    height: 38px;\n    line-height: ${e.spacing[1.25]};\n    padding: ${e.spacing[.5]} ${e.spacing[1]};\n    width: 190px;\n\n    &:hover {\n      background: ${e.palette.gray[100]};\n    }\n  `}
+`,L=n.styled.p`
+  color: ${({theme:e})=>e.palette.gray[800]};
+  font-size: inherit;
+  min-width: 55%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,B=a.forwardRef((function({disabled:c,error:p,label:f,name:m,required:h,tooltip:y,value:g,weight:C,...b},w){const k=n.useTheme(),[D,$]=a.useState(!1),[S,P]=a.useState(""),A=a.useRef(null),{refs:E,floatingStyles:B}=t.useFloating({placement:"bottom-start",whileElementsMounted:t.autoUpdate}),{inputValue:V,handlePhoneValueChange:_,country:R,setCountry:q}=v({countries:d,defaultCountry:"us",value:g?String(g):void 0}),F=a.useCallback((()=>{$((e=>!e)),D||P("")}),[D]),T=a.useCallback((e=>()=>{q(e),$(!1),P("")}),[q,$]),G=a.useCallback((e=>{1===e.key.length?P((t=>t+e.key)):"Backspace"===e.key&&P((e=>e.slice(0,-1)))}),[]),O=d.filter((e=>{const{name:t}=x(e);return t.toLowerCase().includes(S.toLowerCase())}));return u.useClickOutside(E.floating.current,(()=>{$(!1),P("")}),!0),e.jsx(i.OutlineContainer,{error:p,htmlFor:m,label:f,required:h,tooltip:y,weight:C,children:e.jsxs(M,{className:`${c?"disabled":""} ${p?"error":""}`,ref:A,children:[e.jsxs(j,{"aria-label":"country-selector","data-testid":"country-selector",disabled:c,id:"country-selector",onClick:F,onKeyDown:G,ref:E.setReference,children:[e.jsx(N,{iso2:R.iso2,size:"16px"}),e.jsx(l.Icon,{icon:"angle-down",iconColor:k.palette.gray[400],iconSize:"xs",iconType:"fa-light"})]}),e.jsxs(o.StyledTextInputContainer,{className:`${c?"disabled":""} ${p?"error":""}`,children:[e.jsx("input",{"aria-hidden":!1,"aria-invalid":p?"true":"false","aria-label":m,"aria-required":h,autoComplete:"off","data-testid":`${m}-input`,disabled:c,id:m,name:m,onChange:_,ref:w,type:"tel",value:V,...b}),p?e.jsx(l.Icon,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:k.palette.error[500],iconSize:"xs"}):void 0]}),D&&r.createPortal(e.jsx(I,{ref:E.setFloating,style:B,children:O.map((t=>{const{dialCode:a,iso2:r,name:n}=x(t);return e.jsxs(z,{onClick:T(r),value:r,children:[e.jsx(N,{iso2:r,size:"16px"}),e.jsx(L,{children:n}),e.jsx(s.Text,{color:k.palette.gray[400],size:"sm",sizeSm:"xs",textAlign:"end",children:"+"+a})]},r)}))}),document.getElementById("root")??document.body)]})})}));exports.PhoneInput=B;

package/dist/components/inputs/fields/phone/styles.d.ts

@@ -0,0 +1,6 @@
+declare const StyledPhoneInputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledCountrySelector: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+declare const StyledDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+declare const StyledCountryItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+declare const StyledCountryName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export { StyledCountryName, StyledCountrySelector, StyledCountryItem, StyledDropdown, StyledPhoneInputContainer, };

package/dist/components/inputs/fields/text-area/index.d.ts

@@ -0,0 +1,3 @@
+import { ITextAreaProps } from '../../types';
+declare const TextArea: import('react').ForwardRefExoticComponent<Readonly<ITextAreaProps> & import('react').RefAttributes<HTMLTextAreaElement>>;
+export { TextArea };

package/dist/components/inputs/fields/text-area/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),i=require("styled-components"),t=require("../../outline-container/index.js"),a=require("../../../../styles-Bl-CstrT.js"),l=require("../../../icon/index.js"),o=r.forwardRef((function({disabled:r=!1,error:o,helpLink:n,helpText:s,label:d,name:c="input-text",id:u,maskValue:x=!1,maxLength:h,placeholder:p,required:m,rows:b,tooltip:j,value:q,weight:g,...v},f){const T=i.useTheme();return e.jsx(t.OutlineContainer,{error:o,helpLink:n,helpText:s,htmlFor:c,label:d,maxLength:h,required:m,tooltip:j,value:q?String(q):void 0,weight:g,children:e.jsxs(a.StyledTextInputContainer,{className:`${r?"disabled":""} ${o?"error":""}`,children:[e.jsx("textarea",{"aria-hidden":!1,"aria-invalid":o?"true":"false","aria-label":c,"aria-required":m,className:x?"sr-block":"","data-testid":`${c}-text-area`,disabled:r,id:u??c,maxLength:h,name:c,placeholder:p,ref:f,rows:b,value:q,...v}),o?e.jsx(l.Icon,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:T.palette.error[500],iconSize:"xs"}):void 0]})})}));exports.TextArea=o;

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

@@ -0,0 +1,14 @@
+import { ComboBox } from './fields/combobox';
+import { InputDate } from './fields/date';
+import { InputDateRange } from './fields/date-range';
+import { InputDateTime } from './fields/date-time';
+import { Editable } from './fields/editable';
+import { Input } from './fields/input';
+import { InputFile } from './fields/input-file';
+import { InputTags } from './fields/input-tags';
+import { InputNumber } from './fields/number';
+import { InputNumberRange } from './fields/number-range';
+import { PhoneInput } from './fields/phone';
+import { TextArea } from './fields/text-area';
+import { OutlineContainer } from './outline-container';
+export { OutlineContainer, PhoneInput, ComboBox, Input, InputDate, InputDateRange, InputDateTime, InputFile, InputNumber, InputTags, InputNumberRange, TextArea, Editable, };

package/dist/components/inputs/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./fields/combobox/index.js"),t=require("./fields/date/index.js"),i=require("./fields/date-range/index.js"),r=require("./fields/date-time/index.js"),n=require("./fields/editable/index.js"),u=require("./fields/input/index.js"),s=require("./fields/input-file/index.js"),p=require("./fields/input-tags/index.js"),o=require("./fields/number/index.js"),d=require("./fields/number-range/index.js"),x=require("./fields/phone/index.js"),a=require("./fields/text-area/index.js"),l=require("./outline-container/index.js");exports.ComboBox=e.ComboBox,exports.InputDate=t.InputDate,exports.InputDateRange=i.InputDateRange,exports.InputDateTime=r.InputDateTime,exports.Editable=n.Editable,exports.Input=u.Input,exports.InputFile=s.InputFile,exports.InputTags=p.InputTags,exports.InputNumber=o.InputNumber,exports.InputNumberRange=d.InputNumberRange,exports.PhoneInput=x.PhoneInput,exports.TextArea=a.TextArea,exports.OutlineContainer=l.OutlineContainer;

package/{types → dist}/components/inputs/label/index.d.ts

@@ -1,3 +1,3 @@
-import { ILabelProps } from "../types";
+import { ILabelProps } from '../types';
 declare const Label: ({ htmlFor, label, required, tooltip, weight, }: Readonly<ILabelProps>) => JSX.Element;
 export { Label };

package/dist/components/inputs/label/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("lodash"),o=require("styled-components"),r=require("../../icon/index.js"),l=require("../../../index-CmylnDrF.js");exports.Label=({htmlFor:t,label:s,required:n,tooltip:c,weight:a="normal"})=>{const p=o.useTheme(),u=`${t}-tooltip`,x=void 0!==c&&!i.isEmpty(c);return e.jsxs("label",{className:`flex font-${a} gap-1 w-full`,htmlFor:t,children:[s,n&&e.jsx(r.Icon,{icon:"asterisk",iconColor:p.palette.error[500],iconSize:"xxss"}),x?e.jsx(l.Tooltip,{display:"inline-flex",icon:"circle-info",id:u,place:"top",tip:c}):null]})};

package/{types → dist}/components/inputs/outline-container/index.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
-import type { IOutlineContainerProps } from "../types";
+import { PropsWithChildren } from 'react';
+import { IOutlineContainerProps } from '../types';
 declare const OutlineContainer: ({ children, error, helpLink, helpLinkText, helpText, htmlFor, label, maxLength, required, tooltip, value, weight, }: Readonly<PropsWithChildren<IOutlineContainerProps>>) => JSX.Element;
 export { OutlineContainer };

package/dist/components/inputs/outline-container/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("styled-components"),r=require("../label/index.js"),n=require("../../../styles-Bl-CstrT.js"),t=require("../../container/index.js"),l=require("../../icon/index.js"),s=require("../../link/index.js"),o=require("../../tag/index.js");require("../../typography/heading/index.js"),require("../../typography/span/index.js");const a=require("../../typography/text/index.js");exports.OutlineContainer=({children:d,error:c,helpLink:x,helpLinkText:p="Link here",helpText:h,htmlFor:u,label:j,maxLength:g,required:y,tooltip:m,value:q,weight:b})=>{const v=i.useTheme(),T=q?q.length:0;return e.jsxs(n.StyledOutlineContainer,{children:[void 0===j?void 0:e.jsx(r.Label,{htmlFor:u,label:j,required:y,tooltip:m,weight:b}),d,c||g?e.jsxs(t.Container,{display:"flex",justify:void 0===c?"end":"space-between",width:"100%",children:[c&&e.jsx(a.Text,{className:"error-msg",color:v.palette.error[500],display:"block",lineSpacing:1,size:"sm",children:c}),g&&e.jsx(o.Tag,{priority:"low",tagLabel:`${T}/${g}`,variant:"error"})]}):void 0,h||x?e.jsxs(t.Container,{alignItems:"center",display:"flex",gap:.25,width:"100%",children:[h&&e.jsxs(e.Fragment,{children:[e.jsx(l.Icon,{icon:"circle-info",iconColor:v.palette.gray[400],iconSize:"xxs",iconType:"fa-light"}),e.jsx(a.Text,{color:v.palette.gray[400],display:"inline-block",size:"sm",children:h})]}),x&&e.jsx(s.Link,{href:x,children:p})]}):void 0]})};

package/dist/components/inputs/styles.d.ts

@@ -0,0 +1,3 @@
+declare const StyledOutlineContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledTextInputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { StyledOutlineContainer, StyledTextInputContainer };

package/{types → dist}/components/inputs/types.d.ts

@@ -1,4 +1,4 @@
-import type { InputHTMLAttributes, TextareaHTMLAttributes } from "react";
+import { InputHTMLAttributes, TextareaHTMLAttributes } from 'react';
 /**
  * Label component props.
  * @interface ILabelProps

package/dist/components/inputs/utils/action-button/index.d.ts

@@ -0,0 +1,3 @@
+import { IActionButtonProps } from '../types';
+declare const ActionButton: import('react').ForwardRefExoticComponent<Readonly<IActionButtonProps> & import('react').RefAttributes<HTMLButtonElement>>;
+export { ActionButton };

package/dist/components/inputs/utils/action-button/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("../../../../styles-3pR4Xdvy.js"),n=require("../../../icon/index.js"),r=i.forwardRef((function({disabled:i,icon:r,margin:o,onClick:c,...s},a){return e.jsx(t.StyledButtonAction,{$margin:o,"aria-label":r,className:"action-btn",disabled:i,onClick:c,ref:a,type:"button",...s,children:e.jsx(n.Icon,{icon:r,iconClass:"action",iconSize:"xs",iconType:"fa-light"})})}));exports.ActionButton=r;

package/{types → dist}/components/inputs/utils/calendar-button/index.d.ts

@@ -1,5 +1,5 @@
-import type { IconName } from "@fortawesome/free-solid-svg-icons";
-import type { AriaButtonOptions } from "react-aria";
+import { IconName } from '@fortawesome/free-solid-svg-icons';
+import { AriaButtonOptions } from 'react-aria';
 declare const Button: ({ disabled, icon, props, }: Readonly<{
     disabled?: boolean;
     icon: IconName;

package/dist/components/inputs/utils/calendar-button/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("react-aria"),o=require("../../../../styles-3pR4Xdvy.js"),n=require("../../../colors/index.js"),i=require("../../../icon/index.js");exports.Button=({disabled:a=!1,icon:s,props:c})=>{const u=r.useRef(null),{buttonProps:l}=t.useButton(c,u);return e.jsx(o.CalendarButtonAction,{...l,$disabled:a,$focus:Boolean(l["aria-expanded"]),$header:"calendar"===s||"calendar-clock"===s,disabled:a,ref:u,type:"button",children:e.jsx(i.Icon,{icon:s,iconColor:n.theme.palette.gray[a?400:700],iconSize:"xs",iconType:"fa-light"})})};

package/{types → dist}/components/inputs/utils/date-selector/index.d.ts

@@ -1,3 +1,3 @@
-import type { IDateSelectorProps } from "../types";
+import { IDateSelectorProps } from '../types';
 declare const DateSelector: ({ error, buttonProps, datePickerRef, disabled, granularity, fieldProps, groupProps, inputRef, name, ...props }: Readonly<IDateSelectorProps>) => JSX.Element;
 export { DateSelector };

package/dist/components/inputs/utils/date-selector/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../../styles-Bl-CstrT.js"),t=require("../calendar-button/index.js"),a=require("../date-time-field/index.js");exports.DateSelector=({error:s,buttonProps:i,datePickerRef:d,disabled:l=!1,granularity:o="day",fieldProps:n,groupProps:u,inputRef:c,name:p,...x})=>e.jsxs(r.StyledTextInputContainer,{...u,className:`${l?"disabled":""} ${s?"error":""}`,ref:d,children:[e.jsx(a.DateField,{disabled:l,error:null!=s,props:{...n,autoFocus:!1,granularity:o,shouldForceLeadingZeros:!0}}),e.jsx(t.Button,{disabled:l,icon:"minute"===o?"calendar-clock":"calendar",props:i}),e.jsx("input",{...x,"aria-label":p,className:"date-input",disabled:l,name:p,ref:c,type:"text",value:""})]});

package/{types → dist}/components/inputs/utils/date-time-field/index.d.ts

@@ -1,4 +1,4 @@
-import type { TDateFieldProps, TTimeFieldProps } from "../types";
+import { TDateFieldProps, TTimeFieldProps } from '../types';
 declare const DateField: ({ disabled, error, props, }: Readonly<TDateFieldProps>) => JSX.Element;
 declare const TimeField: (props: Readonly<TTimeFieldProps>) => JSX.Element;
 export { DateField, TimeField };

package/dist/components/inputs/utils/date-time-field/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@internationalized/date"),r=require("lodash"),s=require("react"),i=require("react-aria"),l=require("react-stately"),a=require("styled-components"),n=require("../../../../styles-3pR4Xdvy.js"),o=require("../../../icon/index.js"),c=({segment:t,state:r})=>{const l=a.useTheme(),n=s.useRef(null),o={...t,placeholder:{day:"dd",dayPeriod:"(AM/PM)",era:"",hour:"hh",literal:"",minute:"mm",month:"mm",second:"",timeZoneName:"",year:"yyyy"}[t.type]},{segmentProps:c}=i.useDateSegment(o,r,n),d=l.palette.gray[o.isEditable?800:500];return e.jsx("div",{..."literal"!==o.type&&{...c,className:"segment-cell"},ref:n,style:"literal"===o.type?void 0:{color:o.isPlaceholder?l.palette.gray[400]:d},children:o.isPlaceholder?o.placeholder:o.text})};exports.DateField=({disabled:d,error:u=!1,props:m})=>{const y=a.useTheme(),p=s.useRef(null),x=l.useDateFieldState({...m,createCalendar:t.createCalendar,locale:"en-US"}),{fieldProps:g}=i.useDateField(m,x,p),h=s.useCallback((e=>{const t=document.getElementsByClassName("segment-cell"),r=e.currentTarget;Object.values(t).some((e=>e.contains(r)))||(e.preventDefault(),e.stopPropagation())}),[]);return e.jsxs(n.InputDateBox,{...g,onClick:h,children:[e.jsx("div",{className:"flex flex-row",style:{color:y.palette.gray[r.isNil(x.value)?400:800]},tabIndex:-1,children:x.segments.map(((t,r)=>{const s=`key_${r}`;return e.jsx(c,{segment:{...t,isEditable:!d},state:x},s)}))}),u?e.jsx(o.Icon,{icon:"exclamation-circle",iconColor:y.palette.error[500],iconSize:"xs"}):void 0]})},exports.TimeField=t=>{const a=s.useRef(null),o=l.useTimeFieldState({...t,locale:"en-US",shouldForceLeadingZeros:!0}),{timeValue:d}=o,u=!r.isNil(d)&&d.hour<12?"AM":"PM",[m,y]=s.useState(r.isNil(d)?"AM":u),{fieldProps:p}=i.useTimeField(t,o,a),x=s.useCallback((e=>{const t=e.currentTarget.name;t!==m&&(r.isNil(d)||("AM"===t?o.setSegment("dayPeriod",0):"PM"===t&&o.setSegment("dayPeriod",12))),y(t)}),[m,o,d]);return e.jsxs(n.TimeOutlineContainer,{children:[e.jsx(n.TimePickerContainer,{...p,ref:a,children:o.segments.slice(0,-2).map(((t,r)=>{const s=`key_${r}`;return e.jsx(c,{segment:t,state:o},s)}))}),e.jsxs(n.TimePickerContainer,{children:[e.jsx(n.DayPeriodButton,{id:"AM"===m?"active":"",name:"AM",onClick:x,type:"button",children:"AM"}),e.jsx(n.DayPeriodButton,{id:"PM"===m?"active":"",name:"PM",onClick:x,type:"button",children:"PM"})]})]})};

package/{types → dist}/components/inputs/utils/dialog/index.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
-import type { AriaDialogProps } from "react-aria";
+import { PropsWithChildren } from 'react';
+import { AriaDialogProps } from 'react-aria';
 declare const Dialog: ({ children, ...props }: Readonly<PropsWithChildren<AriaDialogProps>>) => JSX.Element;
 export { Dialog };

package/dist/components/inputs/utils/dialog/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("react-aria"),i=require("../../../../styles-3pR4Xdvy.js");exports.Dialog=({children:o,...s})=>{const a=r.useRef(null),{dialogProps:l}=t.useDialog(s,a);return e.jsx(i.DialogContainer,{...l,ref:a,children:o})};

package/{types → dist}/components/inputs/utils/number-field/index.d.ts

@@ -1,5 +1,5 @@
-import { Ref } from "react";
-import type { IInputNumberProps } from "../../types";
+import { Ref } from 'react';
+import { IInputNumberProps } from '../../types';
 declare const NumberField: ({ error, decimalPlaces, disabled, max, min, name, placeholder, ref, required, value, ...props }: Readonly<IInputNumberProps & {
     ref: Ref<HTMLInputElement>;
 }>) => JSX.Element;

package/dist/components/inputs/utils/number-field/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),i=require("styled-components"),t=require("../../../../styles-Bl-CstrT.js"),n=require("../action-button/index.js"),o=require("../../../icon/index.js");exports.NumberField=({error:a,decimalPlaces:s=0,disabled:d=!1,max:l=1/0,min:u=0,name:c="input-number",placeholder:m,ref:p,required:x,value:b,...j})=>{const q=i.useTheme(),h=r.useMemo((()=>s<0?0:s),[s]);return e.jsxs(t.StyledTextInputContainer,{className:`${d?"disabled":""} ${a?"error":""}`,children:[e.jsx("input",{"aria-hidden":!1,"aria-invalid":a?"true":"false","aria-label":c,"aria-required":x,autoComplete:"off",disabled:d,max:l,min:u,placeholder:m,ref:p,required:void 0,step:10**-h,type:"number",value:/^-?\d+/u.test(String(b))?b:"",...j}),a&&e.jsx(o.Icon,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:q.palette.error[500],iconSize:"xs"}),e.jsx(n.ActionButton,{borderLeft:"inherit",borderRight:"inherit",disabled:d,icon:"minus",margin:"0 -0.625rem 0 0",px:.75,py:.75}),e.jsx(n.ActionButton,{borderRadius:`0 ${q.spacing[.5]} ${q.spacing[.5]} 0`,disabled:d,icon:"plus",px:.75,py:.75})]})};

package/{types → dist}/components/inputs/utils/popover/index.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
-import type { IPopoverProps } from "../types";
+import { PropsWithChildren } from 'react';
+import { IPopoverProps } from '../types';
 declare const Popover: ({ className, children, isFilter, popoverRef, state, triggerRef, ...props }: Readonly<PropsWithChildren<IPopoverProps>>) => JSX.Element;
 export { Popover };

package/dist/components/inputs/utils/popover/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("react-aria");exports.Popover=({className:o,children:i,isFilter:l=!1,popoverRef:n,state:s,triggerRef:u,...a})=>{var c;const d=r.useRef(null),p=null==(c=null==u?void 0:u.current)?void 0:c.getBoundingClientRect(),{popoverProps:v}=t.usePopover({...a,popoverRef:n??d,triggerRef:u},s),f=r.useCallback((e=>{e.preventDefault()}),[]);return e.jsx(t.Overlay,{children:e.jsx("div",{...v,className:o,onPointerDown:l?f:void 0,ref:n??d,style:{...v.style,..."dropdown"===o?{display:"flex",justifyContent:"center",width:null==p?void 0:p.width}:{}},children:i})})};

package/dist/components/inputs/utils/styles.d.ts

@@ -0,0 +1,17 @@
+import { IActionButtonProps } from './types';
+declare const StyledButtonAction: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import('../../@core').IPaddingModifiable | keyof import('../../@core').IMarginModifiable | keyof import('../../@core').IPositionModifiable | keyof import('../../@core').IBorderModifiable | keyof import('../../@core').IDisplayModifiable | keyof import('../../@core').ITextModifiable | keyof import('../../@core').IInteractionModifiable> & import('../../@core').IBorderModifiable & import('../../@core').IDisplayModifiable & import('../../@core').IInteractionModifiable & import('../../@core').IMarginModifiable & import('../../@core').IPaddingModifiable & import('../../@core').IPositionModifiable & import('../../@core').ITextModifiable, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}, {
+    $margin: IActionButtonProps["margin"];
+}>> & string;
+declare const DialogContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const CalendarButtonAction: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $disabled: boolean;
+    $focus: boolean;
+    $header: boolean;
+}>> & string;
+declare const InputDateBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const TimeOutlineContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const TimePickerContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const DayPeriodButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export { StyledButtonAction, CalendarButtonAction, DayPeriodButton, DialogContainer, InputDateBox, TimeOutlineContainer, TimePickerContainer, };

package/{types → dist}/components/inputs/utils/types.d.ts

@@ -1,7 +1,7 @@
-import type { Property } from "csstype";
-import type { AriaDatePickerProps, AriaPopoverProps, DatePickerAria, DateValue } from "react-aria";
-import type { DateFieldState, DateFieldStateOptions, DateSegment, OverlayTriggerState, TimeFieldStateOptions } from "react-stately";
-import { IBorderModifiable, IIconModifiable, IPaddingModifiable } from "components/@core";
+import { Property } from 'csstype';
+import { AriaDatePickerProps, AriaPopoverProps, DatePickerAria, DateValue } from 'react-aria';
+import { DateFieldState, DateFieldStateOptions, DateSegment, OverlayTriggerState, TimeFieldStateOptions } from 'react-stately';
+import { IBorderModifiable, IIconModifiable, IPaddingModifiable } from '../../@core';
 /**
  * Action button component props.
  * @interface IActionButtonProps

package/{types → dist}/components/interactive-card/icon/index.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from "@fortawesome/free-solid-svg-icons";
+import { IconName } from '@fortawesome/free-solid-svg-icons';
 declare const InteractiveIcon: ({ icon, }: Readonly<{
     icon: IconName;
 }>) => JSX.Element;

package/dist/components/interactive-card/icon/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime");const e=require("../../../index-JPf5Yzg6.js");require("../../colors/index.js"),require("../../icon/index.js"),exports.InteractiveIcon=e.InteractiveIcon;

package/{types → dist}/components/interactive-card/index.d.ts

@@ -1,3 +1,3 @@
-import { IInteractiveCardProps } from "./types";
+import { IInteractiveCardProps } from './types';
 declare const InteractiveCard: ({ category, description, href, icon, location, title, }: Readonly<IInteractiveCardProps>) => JSX.Element;
 export { InteractiveCard };

package/dist/components/interactive-card/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("styled-components"),t=require("../../index-JPf5Yzg6.js"),n=require("../button/index.js"),s=require("../container/index.js"),l=require("../typography/heading/index.js");require("../typography/span/index.js");const r=require("../typography/text/index.js");exports.InteractiveCard=({category:a,description:o,href:c,icon:d,location:x,title:p})=>{const h=i.useTheme();return e.jsxs(t.InteractiveCardContainer,{children:[e.jsxs(s.Container,{alignItems:"flex-start",display:"flex",flexDirection:"column",gap:1.5,height:"100%",id:"uncover",justify:"space-between",children:[e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsx(r.Text,{color:h.palette.white,size:"sm",sizeSm:"xs",children:a}),e.jsx(l.Heading,{color:h.palette.white,fontWeight:"bold",lineSpacing:2.25,lineSpacingSm:1.75,size:"lg",sizeSm:"md",children:p})]}),e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsx(r.Text,{color:h.palette.white,size:"sm",sizeSm:"xs",children:"Location"}),e.jsx(r.Text,{color:h.palette.white,fontWeight:"bold",lineSpacing:1.5,lineSpacingSm:1.25,size:"md",sizeSm:"sm",children:x})]})]}),e.jsxs(s.Container,{alignItems:"self-start",display:"flex",flexDirection:"column",gap:2,height:"100%",id:"hovered",justify:"space-between",pt:1,children:[e.jsx(l.Heading,{color:h.palette.white,fontWeight:"bold",lineSpacing:1.75,lineSpacingSm:1.5,size:"md",sizeSm:"sm",children:p}),e.jsxs("div",{className:"flex flex-col gap-8",children:[e.jsx(r.Text,{color:h.palette.gray[100],lineSpacing:1.5,lineSpacingSm:1.25,size:"md",sizeSm:"sm",children:o}),e.jsx(n.Button,{external:!0,href:c,variant:"link",width:"max-content",children:"Download now"})]})]}),e.jsx(t.InteractiveIcon,{icon:d})]})};

package/dist/components/interactive-card/styles.d.ts

@@ -0,0 +1,3 @@
+declare const InteractiveCardContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const InteractiveCardIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { InteractiveCardContainer, InteractiveCardIcon };

package/{types → dist}/components/interactive-card/types.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from "@fortawesome/free-solid-svg-icons";
+import { IconName } from '@fortawesome/free-solid-svg-icons';
 /**
  * Interactive card component props.
  * @interface IInteractiveCardProps

package/{types → dist}/components/language-selector/index.d.ts

@@ -1,3 +1,3 @@
-import { ILangSelectorProps } from "./types";
+import { ILangSelectorProps } from './types';
 declare const LanguageSelector: ({ items, handleClick, mode, }: Readonly<ILangSelectorProps>) => JSX.Element;
 export { LanguageSelector };

package/dist/components/language-selector/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),i=require("../../index-qCiUU4sZ.js"),r=require("../icon/index.js"),s=[{text:"EN"},{text:"ES"}];exports.LanguageSelector=({items:l,handleClick:n,mode:o="light"})=>{const c=l??s,[x,d]=t.useState(c[0].text),a=t.useCallback((e=>()=>{n(e.text),d(e.text)}),[n]);return e.jsxs(i.StyledLangSelector,{children:[e.jsxs(i.StyledSelector,{className:o,children:[e.jsx(r.Icon,{icon:"globe",iconSize:"xs",iconType:"fa-light"}),x]}),e.jsx(i.StyledDropdown,{children:c.map(((t,r)=>e.jsx(i.ItemList,{disabled:t.disabled,mode:o,onClick:a(t),text:t.text},`${t.text}_${r}`)))})]})};

package/{types → dist}/components/language-selector/item-list/index.d.ts

@@ -1,3 +1,3 @@
-import { IItemList } from "../types";
+import { IItemList } from '../types';
 declare const ItemList: ({ disabled, mode, onClick, text, }: Readonly<IItemList>) => JSX.Element;
 export { ItemList };

package/dist/components/language-selector/item-list/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime");const e=require("../../../index-qCiUU4sZ.js");require("../../typography/heading/index.js"),require("../../typography/span/index.js"),require("../../typography/text/index.js"),exports.ItemList=e.ItemList;

package/dist/components/language-selector/styles.d.ts

@@ -0,0 +1,5 @@
+declare const StyledItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+declare const StyledSelector: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledLangSelector: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { StyledDropdown, StyledLangSelector, StyledItem, StyledSelector };

package/{types → dist}/components/language-selector/types.d.ts

@@ -1,4 +1,4 @@
-import { TMode } from "components/@core";
+import { TMode } from '../@core';
 /**
  * Item list props
  * @property {boolean} [disabled] - Show the item as disabled.

package/{types → dist}/components/link/index.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from "react";
-import type { ILinkProps } from "./types";
+import { PropsWithChildren } from 'react';
+import { ILinkProps } from './types';
 declare const Link: ({ children, color, download, href, iconPosition, onClick, target, variant, }: Readonly<PropsWithChildren<ILinkProps>>) => JSX.Element;
 export type { ILinkProps };
 export { Link };

package/dist/components/link/index.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react-router-dom"),n=require("styled-components"),o=require("../../utils-C2whpEd3.js"),t=require("../icon/index.js"),{getVariant:i}=o.variantBuilder((e=>({highRelevance:`\n      color: ${e.palette.primary[500]};\n\n      &:hover:not([disabled]) {\n        color: ${e.palette.primary[400]};\n      }\n    `,lowRelevance:`\n      color: ${e.palette.gray[800]};\n\n      &:hover:not([disabled]) {\n        color: ${e.palette.gray[500]};\n      }\n    `}))),a=n.css`
+  ${({theme:e,$color:r,$variant:n})=>`\n    align-items: center;\n    cursor: pointer;\n    font-family: ${e.typography.type.primary};\n    font-size: ${e.typography.text.sm};\n    font-weight: ${e.typography.weight.regular};\n    gap: ${e.spacing[.25]};\n    line-height: ${e.spacing[1.25]};\n    text-decoration: underline;\n    word-break: break-word;\n    word-wrap: break-word;\n\n    &:disabled {\n      color: ${e.palette.gray[300]};\n      cursor: not-allowed;\n    }\n\n    &:has(button) {\n      text-decoration: none;\n    }\n\n    ${r??i(e,n)}\n  `}
+`,l=n.styled.a`
+  ${a}
+`,c=n.styled(r.Link)`
+  ${a}
+`;exports.Link=({children:r,color:n,download:o,href:i,iconPosition:a="right",onClick:d,target:s,variant:p="lowRelevance"})=>{const g=i.startsWith("https://"),h=e.jsx(t.Icon,{icon:void 0===o?"arrow-up-right-from-square":"arrow-down-to-bracket",iconSize:"xxs",iconType:"fa-regular",ml:.25,mr:.25});return g?e.jsxs(l,{$color:n,$variant:p,download:o,href:i,onClick:d,rel:"nofollow noopener noreferrer",target:s??"_blank",children:["left"===a?h:void 0,r,"right"===a?h:void 0]}):e.jsxs(c,{$variant:p,download:o,onClick:d,rel:"nofollow noopener noreferrer",target:s,to:i,children:[void 0!==s&&"left"===a?h:void 0,r,void 0!==s&&"right"===a?h:void 0]})};