@clicktap/ui 0.13.0 → 0.14.10

package/components/PasswordCheck/PasswordCheck.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as n}from"react/jsx-runtime";import{cn as l}from"../../utils/cn.js";import{checkStrength as i,getProgressText as d}from"./PasswordCheck.utils.js";function f({value:o,variant:s="default"}){const e=i(o);return t("div",{children:n("div",{className:l("relative w-full flex gap-x-2",s==="default"&&"mb-8 -mt-1"),children:[Array.from({length:5},(a,r)=>r).map((a,r)=>t("div",{className:l("grow shrink basis-1/5 h-1 rounded-full transition-colors duration-700 ease bg-slate-200",e<=r&&"bg-slate-600",(e===1||e===2)&&"bg-red-600",e===3&&"bg-yellow-600",e===4&&"bg-green-600",e===5&&"bg-blue-600")},a)),s==="default"&&n("div",{className:l("inline-flex gap-x-1 absolute top-0 left-0 text-xs translate-y-2/4 text-slate-950",e?"opacity-100":"opacity-0"),children:[t("span",{children:"Password Strength:"}),t("span",{className:l((e===1||e===2)&&"text-red-600",e===3&&"text-yellow-600",e===4&&"text-green-600",e===5&&"text-blue-600"),children:d(e)})]})]})})}export{f as PasswordCheck,f as default};

package/components/PasswordCheck/PasswordCheck.types.d.ts

@@ -0,0 +1,4 @@
+export type PasswordCheckProps = {
+    value: string;
+    variant?: 'default' | 'short';
+};

package/components/PasswordCheck/PasswordCheck.utils.d.ts

@@ -0,0 +1,9 @@
+/** @todo these functions should probably be passed as props to be able to extend */
+export declare const checkStrength: (value: string) => number;
+export declare const getProgressText: (strength: number) => "" | "Very Strong" | "Strong" | "Good" | "Weak" | "Very Weak";
+/** @todo this doesn't look like it is used...remove? */
+export declare const getPasswordRequirements: (value?: string) => {
+    eightСharacters: boolean;
+    upLowCaseLetters: boolean;
+    oneNumber: boolean;
+};

package/components/PasswordCheck/PasswordCheck.utils.js

@@ -0,0 +1 @@
+const s=t=>{const r=t.length>=8;let e=0;return/^(?=.*[a-z])(?=.*[A-Z])/.test(t)&&r&&(e+=1),/\d/.test(t)&&r&&(e+=1),t.length>=8&&(e+=1),t.length>=11&&(e+=1),/[ `!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?~]/.test(t)&&r&&(e+=1),e},n=t=>{switch(t){case 5:return"Very Strong";case 4:return"Strong";case 3:return"Good";case 2:return"Weak";case 1:return"Very Weak";default:return""}},c=(t="")=>({eightСharacters:t.length>=8,upLowCaseLetters:/^(?=.*[a-z])(?=.*[A-Z])/.test(t),oneNumber:/\d/.test(t)});export{s as checkStrength,c as getPasswordRequirements,n as getProgressText};

package/components/PasswordCheck/index.d.ts

@@ -0,0 +1 @@
+export { PasswordCheck } from './PasswordCheck';

package/components/PasswordCheck/index.js

@@ -0,0 +1 @@
+import{PasswordCheck as i}from"./PasswordCheck.js";import"react/jsx-runtime";import"../../utils/cn.js";import"./PasswordCheck.utils.js";export{i as PasswordCheck};

package/components/PhoneInput/PhoneInput.d.ts

@@ -0,0 +1,23 @@
+import { CountryIso2 } from 'react-international-phone';
+import { TextFieldProps } from 'react-aria-components';
+import { SlotsToClasses } from '../../types/SlotsToClasses';
+interface PhoneInputProps extends Omit<TextFieldProps, 'type'> {
+    label?: string;
+    description?: string;
+    errorMessage?: string;
+    placeholder?: string;
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error'>;
+    defaultCountry?: CountryIso2;
+}
+export declare function PhoneInput({ value, onChange, defaultCountry, ...props }: PhoneInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace PhoneInput {
+    var defaultProps: {
+        label: undefined;
+        description: undefined;
+        errorMessage: undefined;
+        placeholder: undefined;
+        classNames: undefined;
+        defaultCountry: undefined;
+    };
+}
+export default PhoneInput;

package/components/PhoneInput/PhoneInput.js

@@ -0,0 +1 @@
+import{jsxs as q,jsx as F}from"react/jsx-runtime";import{useFilter as oe}from"react-aria";import k,{forwardRef as ie,useImperativeHandle as le,useRef as _,useCallback as H,useMemo as J,useEffect as W,useState as j}from"react";import{DialogTrigger as se,Button as de,Input as ue,ListBox as ce,ListBoxItem as fe}from"react-aria-components";import{cn as U}from"../../utils/cn.js";import{Input as pe}from"../Input/Input.js";import"../Skeleton/Skeleton.js";import"../../hooks/useIsClient.js";var R=[["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"]],me="react-international-phone-",ee=(...t)=>t.filter(e=>!!e).join(" ").trim(),he=(...t)=>ee(...t).split(" ").map(e=>`${me}${e}`).join(" "),A=({addPrefix:t,rawClassNames:e})=>ee(he(...t),...e),ye=({value:t,mask:e,maskSymbol:o,offset:i=0,trimNonMaskCharsLeftover:a=!1})=>{if(t.length<i)return t;let r=t.slice(0,i),c=t.slice(i),d=r,n=0;for(let s of e.split("")){if(n>=c.length){if(!a&&s!==o){d+=s;continue}break}s===o?(d+=c[n],n+=1):d+=s}return d},O=t=>t?/^\d+$/.test(t):!1,Q=t=>t.replace(/\D/g,""),Ce=(t,e)=>{let o=t.style.display;o!=="block"&&(t.style.display="block");let i=t.getBoundingClientRect(),a=e.getBoundingClientRect(),r=a.top-i.top,c=i.bottom-a.bottom;r>=0&&c>=0||(Math.abs(r)<Math.abs(c)?t.scrollTop+=r:t.scrollTop-=c),t.style.display=o},ge=()=>typeof window>"u"?!1:window.navigator.userAgent.toLowerCase().includes("macintosh"),be=(t,e)=>{let o=e.disableDialCodeAndPrefix?!1:e.forceDialCode,i=e.disableDialCodeAndPrefix?!1:e.insertDialCodeOnEmpty,a=t,r=s=>e.trimNonDigitsEnd?s.trim():s;if(!a)return i&&!a.length||o?r(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`):r(a);if(a=Q(a),a===e.dialCode&&!e.disableDialCodeAndPrefix)return r(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`);if(e.dialCode.startsWith(a)&&!e.disableDialCodeAndPrefix)return r(o?`${e.prefix}${e.dialCode}${e.charAfterDialCode}`:`${e.prefix}${a}`);if(!a.startsWith(e.dialCode)&&!e.disableDialCodeAndPrefix){if(o)return r(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`);if(a.length<e.dialCode.length)return r(`${e.prefix}${a}`)}let c=()=>{let s=e.dialCode.length,l=a.slice(0,s),y=a.slice(s);return{phoneLeftSide:l,phoneRightSide:y}},{phoneLeftSide:d,phoneRightSide:n}=c();return d=`${e.prefix}${d}${e.charAfterDialCode}`,n=ye({value:n,mask:e.mask,maskSymbol:e.maskChar,trimNonMaskCharsLeftover:e.trimNonDigitsEnd||e.disableDialCodeAndPrefix&&n.length===0}),e.disableDialCodeAndPrefix&&(d=""),r(`${d}${n}`)},ve=({phoneBeforeInput:t,phoneAfterInput:e,phoneAfterFormatted:o,cursorPositionAfterInput:i,leftOffset:a=0,deletion:r})=>{if(i<a)return a;if(!t)return o.length;let c=null;for(let l=i-1;l>=0;l-=1)if(O(e[l])){c=l;break}if(c===null){for(let l=0;l<e.length;l+=1)if(O(o[l]))return l;return e.length}let d=0;for(let l=0;l<c;l+=1)O(e[l])&&(d+=1);let n=0,s=0;for(let l=0;l<o.length&&(n+=1,O(o[l])&&(s+=1),!(s>=d+1));l+=1);if(r!=="backward")for(;!O(o[n])&&n<o.length;)n+=1;return n},Z=({phone:t,prefix:e})=>t?`${e}${Q(t)}`:"";function X({value:t,country:e,insertDialCodeOnEmpty:o,trimNonDigitsEnd:i,countries:a,prefix:r,charAfterDialCode:c,forceDialCode:d,disableDialCodeAndPrefix:n,defaultMask:s,countryGuessingEnabled:l,disableFormatting:y}){let u=t;n&&(u=u.startsWith(`${r}`)?u:`${r}${e.dialCode}${u}`);let m=l?$e({phone:u,countries:a,currentCountryIso2:e==null?void 0:e.iso2}):void 0,v=(m==null?void 0:m.country)??e,h=be(u,{prefix:r,mask:Pe({phone:u,country:v,defaultMask:s,disableFormatting:y}),maskChar:te,dialCode:v.dialCode,trimNonDigitsEnd:i,charAfterDialCode:c,forceDialCode:d,insertDialCodeOnEmpty:o,disableDialCodeAndPrefix:n}),C=l&&!(m!=null&&m.fullDialCodeMatch)?e:v;return{phone:Z({phone:n?`${C.dialCode}${h}`:h,prefix:r}),inputValue:h,country:C}}var we=t=>{if((t==null?void 0:t.toLocaleLowerCase().includes("delete"))??!1)return t!=null&&t.toLocaleLowerCase().includes("forward")?"forward":"backward"},xe=(t,{country:e,insertDialCodeOnEmpty:o,phoneBeforeInput:i,prefix:a,charAfterDialCode:r,forceDialCode:c,disableDialCodeAndPrefix:d,countryGuessingEnabled:n,defaultMask:s,disableFormatting:l,countries:y})=>{let u=t.nativeEvent,m=u.inputType,v=we(m),h=!!(m!=null&&m.startsWith("insertFrom")),C=m==="insertText",x=(u==null?void 0:u.data)||void 0,p=t.target.value,$=t.target.selectionStart??0;if(m!=null&&m.includes("history"))return{inputValue:i,phone:Z({phone:i,prefix:a}),cursorPosition:i.length,country:e};if(C&&!O(x)&&p!==a)return{inputValue:i,phone:Z({phone:d?`${e.dialCode}${i}`:i,prefix:a}),cursorPosition:$-((x==null?void 0:x.length)??0),country:e};if(c&&!p.startsWith(`${a}${e.dialCode}`)&&!h){let g=p?i:`${a}${e.dialCode}${r}`;return{inputValue:g,phone:Z({phone:g,prefix:a}),cursorPosition:a.length+e.dialCode.length+r.length,country:e}}let{phone:B,inputValue:M,country:f}=X({value:p,country:e,trimNonDigitsEnd:v==="backward",insertDialCodeOnEmpty:o,countryGuessingEnabled:n,countries:y,prefix:a,charAfterDialCode:r,forceDialCode:c,disableDialCodeAndPrefix:d,disableFormatting:l,defaultMask:s}),b=ve({cursorPositionAfterInput:$,phoneBeforeInput:i,phoneAfterInput:p,phoneAfterFormatted:M,leftOffset:c?a.length+e.dialCode.length+r.length:0,deletion:v});return{phone:B,inputValue:M,cursorPosition:b,country:f}},De=(t,e)=>{let o=Object.keys(t),i=Object.keys(e);if(o.length!==i.length)return!1;for(let a of o)if(t[a]!==e[a])return!1;return!0},Ne=()=>{let t=_(),e=_(Date.now());return{check:()=>{let o=Date.now(),i=t.current?o-e.current:void 0;return t.current=e.current,e.current=o,i}}},ke={size:20,overrideLastItemDebounceMS:-1};function Se(t,e){let{size:o,overrideLastItemDebounceMS:i,onChange:a}={...ke,...e},[r,c]=j(t),[d,n]=j([r]),[s,l]=j(0),y=Ne();return[r,(u,m)=>{if(typeof u=="object"&&typeof r=="object"&&De(u,r)||u===r)return;let v=i>0,h=y.check(),C=v&&h!==void 0?h>i:!0;if((m==null?void 0:m.overrideLastItem)!==void 0?m.overrideLastItem:!C)n(x=>[...x.slice(0,s),u]);else{let x=d.length>=o;n(p=>[...p.slice(x?1:0,s+1),u]),x||l(p=>p+1)}c(u),a==null||a(u)},()=>{if(s<=0)return{success:!1};let u=d[s-1];return c(u),l(m=>m-1),a==null||a(u),{success:!0,value:u}},()=>{if(s+1>=d.length)return{success:!1};let u=d[s+1];return c(u),l(m=>m+1),a==null||a(u),{success:!0,value:u}}]}var te=".",E={defaultCountry:"us",value:"",prefix:"+",defaultMask:"............",charAfterDialCode:" ",historySaveDebounceMS:200,disableCountryGuess:!1,disableDialCodePrefill:!1,forceDialCode:!1,disableDialCodeAndPrefix:!1,disableFormatting:!1,countries:R,preferredCountries:[]},ae=({defaultCountry:t=E.defaultCountry,value:e=E.value,countries:o=E.countries,prefix:i=E.prefix,defaultMask:a=E.defaultMask,charAfterDialCode:r=E.charAfterDialCode,historySaveDebounceMS:c=E.historySaveDebounceMS,disableCountryGuess:d=E.disableCountryGuess,disableDialCodePrefill:n=E.disableDialCodePrefill,forceDialCode:s=E.forceDialCode,disableDialCodeAndPrefix:l=E.disableDialCodeAndPrefix,disableFormatting:y=E.disableFormatting,onChange:u,inputRef:m})=>{let v={countries:o,prefix:i,charAfterDialCode:r,forceDialCode:l?!1:s,disableDialCodeAndPrefix:l,defaultMask:a,countryGuessingEnabled:!d,disableFormatting:y},h=_(null),C=m||h,x=w=>{Promise.resolve().then(()=>{var N;typeof window>"u"||C.current!==(document==null?void 0:document.activeElement)||((N=C.current)==null||N.setSelectionRange(w,w))})},[{phone:p,inputValue:$,country:B},M,f,b]=Se(()=>{let w=K({value:t,field:"iso2",countries:o});w||console.error(`[react-international-phone]: can not find a country with "${t}" iso2 code`);let N=w||K({value:"us",field:"iso2",countries:o}),{phone:S,inputValue:V,country:z}=X({value:e,country:N,insertDialCodeOnEmpty:!n,...v});return x(V.length),{phone:S,inputValue:V,country:z.iso2}},{overrideLastItemDebounceMS:c,onChange:({inputValue:w,phone:N,country:S})=>{if(!u)return;let V=g(S);u({phone:N,inputValue:w,country:V})}}),g=H(w=>K({value:w,field:"iso2",countries:o}),[o]),D=J(()=>g(B),[B,g]);W(()=>{let w=C.current;if(!w)return;let N=S=>{if(!S.key)return;let V=S.ctrlKey,z=S.metaKey,ne=S.shiftKey;if(S.key.toLowerCase()==="z"){if(ge()){if(!z)return}else if(!V)return;ne?b():f()}};return w.addEventListener("keydown",N),()=>{w.removeEventListener("keydown",N)}},[C,f,b]);let P=w=>{w.preventDefault();let{phone:N,inputValue:S,country:V,cursorPosition:z}=xe(w,{country:D,phoneBeforeInput:$,insertDialCodeOnEmpty:!1,...v});return M({inputValue:S,phone:N,country:V.iso2}),x(z),e},I=(w,N={focusOnInput:!1})=>{let S=K({value:w,field:"iso2",countries:o});if(!S){console.error(`[react-international-phone]: can not find a country with "${w}" iso2 code`);return}let V=l?"":`${i}${S.dialCode}${r}`;M({inputValue:V,phone:`${i}${S.dialCode}`,country:S.iso2}),N.focusOnInput&&Promise.resolve().then(()=>{var z;(z=C.current)==null||z.focus()})},[T,G]=j(!1);return W(()=>{if(!T){G(!0),e!==p&&(u==null||u({inputValue:$,phone:p,country:D}));return}if(e===p)return;let{phone:w,inputValue:N,country:S}=X({value:e,country:D,insertDialCodeOnEmpty:!n,...v});M({phone:w,inputValue:N,country:S.iso2})},[e]),{phone:p,inputValue:$,country:D,setCountry:I,handlePhoneValueChange:P,inputRef:C}},Pe=({phone:t,country:e,defaultMask:o="............",disableFormatting:i=!1})=>{let a=e.format,r=d=>i?d.replace(new RegExp(`[^${te}]`,"g"),""):d;if(!a)return r(o);if(typeof a=="string")return r(a);if(!a.default)return console.error(`[react-international-phone]: default mask for ${e.iso2} is not provided`),r(o);let c=Object.keys(a).find(d=>{if(d==="default")return!1;if(!(d.charAt(0)==="/"&&d.charAt(d.length-1)==="/"))return console.error(`[react-international-phone]: format regex "${d}" for ${e.iso2} is not valid`),!1;let n=new RegExp(d.substring(1,d.length-1)),s=t.replace(e.dialCode,"");return n.test(Q(s))});return r(c?a[c]:a.default)},L=t=>{let[e,o,i,a,r,c]=t;return{name:e,iso2:o,dialCode:i,format:a,priority:r,areaCodes:c}},Ae=t=>`Field "${t}" is not supported`,K=({field:t,value:e,countries:o=R})=>{if(["priority"].includes(t))throw new Error(Ae(t));let i=o.find(a=>{let r=L(a);return e===r[t]});if(i)return L(i)},$e=({phone:t,countries:e=R,currentCountryIso2:o})=>{var d;let i={country:void 0,fullDialCodeMatch:!1};if(!t)return i;let a=Q(t);if(!a)return i;let r=i,c=({country:n,fullDialCodeMatch:s})=>{var u,m;let l=n.dialCode===((u=r.country)==null?void 0:u.dialCode),y=(n.priority??0)<(((m=r.country)==null?void 0:m.priority)??0);(!l||y)&&(r={country:n,fullDialCodeMatch:s})};for(let n of e){let s=L(n),{dialCode:l,areaCodes:y}=s;if(a.startsWith(l)){let u=r.country?Number(l)>=Number(r.country.dialCode):!0;if(y){let m=a.substring(l.length);for(let v of y)if(m.startsWith(v))return{country:s,fullDialCodeMatch:!0}}(u||l===a||!r.fullDialCodeMatch)&&c({country:s,fullDialCodeMatch:!0})}r.fullDialCodeMatch||a.length<l.length&&l.startsWith(a)&&(!r.country||Number(l)<=Number(r.country.dialCode))&&c({country:s,fullDialCodeMatch:!1})}if(o){let n=K({value:o,field:"iso2",countries:e});if(!n)return r;let s=n?(l=>{if(!(l!=null&&l.areaCodes))return!1;let y=a.substring(l.dialCode.length);return l.areaCodes.some(u=>u.startsWith(y))})(n):!1;r&&((d=r.country)==null?void 0:d.dialCode)===n.dialCode&&r.country!==n&&r.fullDialCodeMatch&&(!n.areaCodes||s)&&(r={country:n,fullDialCodeMatch:!0})}return r},Ee=(t,e)=>{let o=parseInt(t,16);return Number(o+e).toString(16)},Me="abcdefghijklmnopqrstuvwxyz",Ie="1f1e6",Y=Me.split("").reduce((t,e,o)=>({...t,[e]:Ee(Ie,o)}),{}),Le=t=>[Y[t[0]],Y[t[1]]].join("-"),re=({iso2:t,size:e,src:o,protocol:i="https",disableLazyLoading:a,className:r,style:c,...d})=>{if(!t)return k.createElement("img",{className:A({addPrefix:["flag-emoji"],rawClassNames:[r]}),width:e,height:e,...d});let n=()=>{if(o)return o;let s=Le(t);return`${i}://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/${s}.svg`};return k.createElement("img",{className:A({addPrefix:["flag-emoji"],rawClassNames:[r]}),src:n(),width:e,height:e,draggable:!1,"data-country":t,loading:a?void 0:"lazy",style:{width:e,height:e,...c},alt:"",...d})},Ve=1e3,_e=({show:t,dialCodePrefix:e="+",selectedCountry:o,countries:i=R,preferredCountries:a=[],flags:r,onSelect:c,onClose:d,...n})=>{let s=_(null),l=_(),y=J(()=>{if(!a||!a.length)return i;let f=[],b=[...i];for(let g of a){let D=b.findIndex(P=>L(P).iso2===g);if(D!==-1){let P=b.splice(D,1)[0];f.push(P)}}return f.concat(b)},[i,a]),u=_({updatedAt:void 0,value:""}),m=f=>{let b=u.current.updatedAt&&new Date().getTime()-u.current.updatedAt.getTime()>Ve;u.current={value:b?f:`${u.current.value}${f}`,updatedAt:new Date};let g=y.findIndex(D=>L(D).name.toLowerCase().startsWith(u.current.value));g!==-1&&C(g)},v=H(f=>y.findIndex(b=>L(b).iso2===f),[y]),[h,C]=j(v(o)),x=()=>{l.current!==o&&C(v(o))},p=H(f=>{C(v(f.iso2)),c==null||c(f)},[c,v]),$=f=>{let b=y.length-1,g=D=>f==="prev"?D-1:f==="next"?D+1:f==="last"?b:0;C(D=>{let P=g(D);return P<0?0:P>b?b:P})},B=f=>{if(f.stopPropagation(),f.key==="Enter"){f.preventDefault();let b=L(y[h]);p(b);return}if(f.key==="Escape"){d==null||d();return}if(f.key==="ArrowUp"){f.preventDefault(),$("prev");return}if(f.key==="ArrowDown"){f.preventDefault(),$("next");return}if(f.key==="PageUp"){f.preventDefault(),$("first");return}if(f.key==="PageDown"){f.preventDefault(),$("last");return}f.key===" "&&f.preventDefault(),f.key.length===1&&!f.altKey&&!f.ctrlKey&&!f.metaKey&&m(f.key.toLocaleLowerCase())},M=H(()=>{if(!s.current||h===void 0)return;let f=L(y[h]).iso2;if(f===l.current)return;let b=s.current.querySelector(`[data-country="${f}"]`);b&&(Ce(s.current,b),l.current=f)},[h,y]);return W(()=>{M()},[h,M]),W(()=>{s.current&&(t?s.current.focus():x())},[t]),W(()=>{x()},[o]),k.createElement("ul",{ref:s,role:"listbox",className:A({addPrefix:["country-selector-dropdown"],rawClassNames:[n.className]}),style:{display:t?"block":"none",...n.style},onKeyDown:B,onBlur:d,tabIndex:-1,"aria-activedescendant":`react-international-phone__${L(y[h]).iso2}-option`},y.map((f,b)=>{let g=L(f),D=g.iso2===o,P=b===h,I=a.includes(g.iso2),T=b===a.length-1,G=r==null?void 0:r.find(w=>w.iso2===g.iso2);return k.createElement(k.Fragment,{key:g.iso2},k.createElement("li",{"data-country":g.iso2,role:"option","aria-selected":D,"aria-label":`${g.name} ${e}${g.dialCode}`,id:`react-international-phone__${g.iso2}-option`,className:A({addPrefix:["country-selector-dropdown__list-item",I&&"country-selector-dropdown__list-item--preferred",D&&"country-selector-dropdown__list-item--selected",P&&"country-selector-dropdown__list-item--focused"],rawClassNames:[n.listItemClassName]}),onClick:()=>p(g),style:n.listItemStyle,title:g.name},k.createElement(re,{iso2:g.iso2,src:G==null?void 0:G.src,className:A({addPrefix:["country-selector-dropdown__list-item-flag-emoji"],rawClassNames:[n.listItemFlagClassName]}),style:n.listItemFlagStyle}),k.createElement("span",{className:A({addPrefix:["country-selector-dropdown__list-item-country-name"],rawClassNames:[n.listItemCountryNameClassName]}),style:n.listItemCountryNameStyle},g.name),k.createElement("span",{className:A({addPrefix:["country-selector-dropdown__list-item-dial-code"],rawClassNames:[n.listItemDialCodeClassName]}),style:n.listItemDialCodeStyle},e,g.dialCode)),T?k.createElement("hr",{className:A({addPrefix:["country-selector-dropdown__preferred-list-divider"],rawClassNames:[n.preferredListDividerClassName]}),style:n.preferredListDividerStyle}):null)}))},Be=({selectedCountry:t,onSelect:e,disabled:o,hideDropdown:i,countries:a=R,preferredCountries:r=[],flags:c,renderButtonWrapper:d,...n})=>{let[s,l]=j(!1),y=J(()=>{if(t)return K({value:t,field:"iso2",countries:a})},[a,t]),u=_(null),m=h=>{h.key&&["ArrowUp","ArrowDown"].includes(h.key)&&(h.preventDefault(),l(!0))},v=()=>{var x;let h={title:y==null?void 0:y.name,onClick:()=>l(p=>!p),onMouseDown:p=>p.preventDefault(),onKeyDown:m,disabled:i||o,role:"combobox","aria-label":"Country selector","aria-haspopup":"listbox","aria-expanded":s},C=k.createElement("div",{className:A({addPrefix:["country-selector-button__button-content"],rawClassNames:[n.buttonContentWrapperClassName]}),style:n.buttonContentWrapperStyle},k.createElement(re,{iso2:t,src:(x=c==null?void 0:c.find(p=>p.iso2===t))==null?void 0:x.src,className:A({addPrefix:["country-selector-button__flag-emoji",o&&"country-selector-button__flag-emoji--disabled"],rawClassNames:[n.flagClassName]}),style:{visibility:t?"visible":"hidden",...n.flagStyle}}),!i&&k.createElement("div",{className:A({addPrefix:["country-selector-button__dropdown-arrow",o&&"country-selector-button__dropdown-arrow--disabled",s&&"country-selector-button__dropdown-arrow--active"],rawClassNames:[n.dropdownArrowClassName]}),style:n.dropdownArrowStyle}));return d?d({children:C,rootProps:h}):k.createElement("button",{...h,type:"button",className:A({addPrefix:["country-selector-button",s&&"country-selector-button--active",o&&"country-selector-button--disabled",i&&"country-selector-button--hide-dropdown"],rawClassNames:[n.buttonClassName]}),"data-country":t,style:n.buttonStyle},C)};return k.createElement("div",{className:A({addPrefix:["country-selector"],rawClassNames:[n.className]}),style:n.style,ref:u},v(),k.createElement(_e,{show:s,countries:a,preferredCountries:r,flags:c,onSelect:h=>{l(!1),e==null||e(h)},selectedCountry:t,onClose:()=>{l(!1)},...n.dropdownStyleProps}))},ze=({dialCode:t,prefix:e,disabled:o,style:i,className:a})=>k.createElement("div",{className:A({addPrefix:["dial-code-preview",o&&"dial-code-preview--disabled"],rawClassNames:[a]}),style:i},`${e}${t}`);ie(({value:t,onChange:e,countries:o=R,preferredCountries:i=[],hideDropdown:a,showDisabledDialCodeAndPrefix:r,disableFocusAfterCountrySelect:c,flags:d,style:n,className:s,inputStyle:l,inputClassName:y,countrySelectorStyleProps:u,dialCodePreviewStyleProps:m,inputProps:v,placeholder:h,disabled:C,name:x,onFocus:p,onBlur:$,required:B,autoFocus:M,...f},b)=>{let{phone:g,inputValue:D,inputRef:P,country:I,setCountry:T,handlePhoneValueChange:G}=ae({value:t,countries:o,...f,onChange:N=>{e==null||e(N.phone,{country:N.country,inputValue:N.inputValue})}}),w=f.disableDialCodeAndPrefix&&r&&(I==null?void 0:I.dialCode);return le(b,()=>P.current?Object.assign(P.current,{setCountry:T,state:{phone:g,inputValue:D,country:I}}):null,[P,T,g,D,I]),k.createElement("div",{ref:b,className:A({addPrefix:["input-container"],rawClassNames:[s]}),style:n},k.createElement(Be,{onSelect:N=>T(N.iso2,{focusOnInput:!c}),flags:d,selectedCountry:I.iso2,countries:o,preferredCountries:i,disabled:C,hideDropdown:a,...u}),w&&k.createElement(ze,{dialCode:I.dialCode,prefix:f.prefix??"+",disabled:C,...m}),k.createElement("input",{onChange:G,value:D,type:"tel",ref:P,className:A({addPrefix:["input",C&&"input--disabled"],rawClassNames:[y]}),placeholder:h,disabled:C,style:l,name:x,onFocus:p,onBlur:$,autoFocus:M,required:B,...v}))});const Fe=R.map(L);function je({value:t,onChange:e,defaultCountry:o="us",...i}){const a=_(null),r=_(null),{inputValue:c,handlePhoneValueChange:d,inputRef:n,country:s,setCountry:l}=ae({defaultCountry:o,value:t,countries:R,onChange:p=>{e==null||e(p.phone)},forceDialCode:!0}),y=`+${s.dialCode}`,{startsWith:u}=oe({sensitivity:"base"}),[m,v]=j(""),[h,C]=j(!1),x=J(()=>Fe.filter(p=>u(p.name,m)),[m]);return W(()=>{var p;h&&((p=r.current)==null||p.focus())},[h]),q("div",{className:U("flex relative",i.label?"pt-4":""),"aria-label":i["aria-label"],children:[q(se,{isOpen:h,onOpenChange:C,children:[q(de,{"aria-label":"Select Country",className:"flex px-4 h-10 text-sm items-center rounded-l-md bg-slate-100 gap-2 uppercase [&[aria-expanded=false]_svg]:rotate-180 border border-r-0 border-slate-300",excludeFromTabOrder:!0,children:[s.iso2,F("svg",{width:"15",height:"8",viewBox:"0 0 15 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:F("path",{d:"M1 7L7.5 0.999999L14 7",stroke:"currentColor"})})]}),q("div",{className:U("w-full grid absolute left-0 top-[calc(100%+.25rem)] bg-white z-50 rounded-md text-slate-600 border border-slate-300","shadow-inner",h?"block":"hidden"),ref:a,children:[F("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 17 16",className:"absolute top-4 left-[1.325rem]",children:F("path",{fill:"currentColor",fillRule:"evenodd",d:"M12.3 6.9a4.9 4.9 0 1 1-9.8 0 4.9 4.9 0 0 1 9.8 0Zm-1.1 5.7c-1.1.7-2.4 1.2-3.8 1.2a6.9 6.9 0 1 1 5.3-2.5l3 3-1.4 1.4-3.1-3Z",clipRule:"evenodd"})}),F(ue,{"aria-label":"Search for countries",placeholder:"Search for countries",className:U("pl-12 pr-5 py-4 w-full m-0 border-0 text-slate-950 transition-all duration-[0.25s] ease outline-0 bg-transparent","placeholder:text-slate-950 focus:outline-0","border-b border-slate-200"),onChange:p=>v(p.target.value),onBlur:()=>{var p;C(!1),(p=n.current)==null||p.focus()},value:m,ref:r}),F("div",{className:"p-2.5",children:F(ce,{className:"text-slate-950 max-h-60 overflow-y-auto",selectionMode:"single","aria-label":"Countries List",onSelectionChange:p=>{l(String([...p][0])),v(""),C(!1)},children:(h?x:[]).map(p=>q(fe,{id:p.iso2,value:p,textValue:p.iso2,className:"p-3 text-slate-900 data-[hovered]:bg-slate-100 rounded-md",children:[p.name," (+",p.dialCode,")"]},p.iso2))})})]})]}),F(pe,{...i,value:c,inputProps:{onChange:d},ref:n,classNames:{input:U("rounded-l-none",c.trim()===y?"text-slate-600":""),label:"absolute top-0 left-0"}})]})}je.defaultProps={label:void 0,description:void 0,errorMessage:void 0,placeholder:void 0,classNames:void 0,defaultCountry:void 0};export{je as PhoneInput,je as default};

package/components/PhoneInput/index.d.ts

@@ -0,0 +1 @@
+export { PhoneInput } from './PhoneInput';

package/components/PhoneInput/index.js

@@ -0,0 +1 @@
+import{PhoneInput as u}from"./PhoneInput.js";import"react/jsx-runtime";import"react-aria";import"react";import"react-aria-components";import"../../utils/cn.js";import"../Input/Input.js";import"../Skeleton/Skeleton.js";import"../../hooks/useIsClient.js";export{u as PhoneInput};

package/components/PinInput/PinInput.js

@@ -1 +1 @@
-import{jsxs as T,jsx as s}from"react/jsx-runtime";import{useState as j,useRef as J,useEffect as z}from"react";import{Group as M,Label as U,TextField as E,Input as K,Text as Z,FieldError as H}from"react-aria-components";import{c as f}from"../../assets/cn-CytzSlOG.js";function q({description:D,errorMessage:P,isDisabled:k=!1,isInvalid:A=!1,isMasked:L=!1,isRequired:V=!0,label:$,length:c=6,name:h,onChange:w,value:v="",type:I="numeric",validationBehavior:m="native",className:F,classNames:r,...R}){const[S,W]=j(v),[u,g]=j(Array(c).fill("")),a=J([]);z(()=>{a.current=a.current.slice(0,c)},[c]),z(()=>{const t=u.join("");W(t),w&&w(t)},[w,u]);const B=t=>{var l,o;const e=t.target.value,i=Number(t.target.getAttribute("data-pin-input-index"));e!==""&&i<u.length-1&&((o=(l=a.current)==null?void 0:l[i+1])==null||o.focus());const d=u.map((x,p)=>p===i?e:x);g(d)},C=t=>{var l,o,x,p;const e=Number(t.currentTarget.getAttribute("data-pin-input-index"));if(t.ctrlKey||t.metaKey)return;const i=["Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Control","Alt","Meta","Shift","Tab","Enter","Escape"],d={alpha:/^[a-z]$/i,alphanumeric:/^[a-z0-9]$/i,numeric:/^[0-9]$/i};if(!t.key.match(d[I])&&!i.includes(t.key)&&t.preventDefault(),u[e]===""&&e>0&&t.key==="Backspace"){const b=u.map((n,y)=>y===e-1?"":n);g(b),(o=(l=a.current)==null?void 0:l[e-1])==null||o.focus(),t.preventDefault()}if(u[e]===""&&e<u.length-1&&t.key==="Delete"){const b=u.map((n,y)=>y===e+1?"":n);g(b),(p=(x=a.current)==null?void 0:x[e+1])==null||p.focus(),t.preventDefault()}},G=t=>{var p,b;const e=Number(t.currentTarget.getAttribute("data-pin-input-index"));t.preventDefault();const i=(p=t.clipboardData)==null?void 0:p.getData("text");if(!i)return;const d=i.split("").filter(n=>{switch(I){case"alpha":return/^[a-zA-Z]$/.test(n);case"alphanumeric":return/^[a-z0-9]$/i.test(n);case"numeric":default:return/^[0-9]$/.test(n)}});if(d.length===0)return;const l=[...u];let o=e;for(let n=0;n<d.length&&e+n<c;n++)l[e+n]=d[n],o=e+n;g(l);const x=o+1<c?o+1:c-1;(b=a.current[x])==null||b.focus()};return T(M,{className:f("flex flex-wrap gap-2",F),"aria-label":$,...R,children:[s(U,{className:f("flex text-slate-500 text-sm grow shrink-0 basis-full",r==null?void 0:r.label),children:$}),u.map((t,e)=>s(E,{className:f("flex flex-col w-full flex-1 text-slate-900",r==null?void 0:r.inputWrap),"aria-label":`Pin Input Digit ${e+1}`,isDisabled:k,isInvalid:A,isRequired:V,validationBehavior:m,children:s(K,{className:f("border-solid border border-slate-300 rounded-md","text-sm text-slate-900 placeholder-slate-400 text-center","h-10 px-2 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus:outline-2 focus:outline focus:outline-slate-200 focus:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus:border-red-600 invalid:focus:outline-red-200",r==null?void 0:r.input),onChange:B,onKeyDown:C,onPaste:G,type:L?"password":"text",ref:i=>i?a.current[e]=i:null,value:t,maxLength:1,name:h&&`${h}-${e}`,"data-pin-input-index":e})},`pin-input-${e}`)),T(E,{className:f("flex flex-row flex-wrap grow shrink-0 basis-full",r==null?void 0:r.textWrap),"aria-label":"Pin Input",isDisabled:k,isInvalid:A,isRequired:V,validationBehavior:m,children:[h&&s(K,{type:"hidden",name:h,value:S}),D&&s(Z,{className:f("flex text-slate-500 text-sm grow shrink-0 basis-full",r==null?void 0:r.description),slot:"description",children:D}),s(H,{className:f("flex text-red-500 text-sm grow shrink-0 basis-full",r==null?void 0:r.error),children:P})]})]})}export{q as PinInput,q as default};
+import{jsxs as T,jsx as s}from"react/jsx-runtime";import{useState as j,useRef as J,useEffect as z}from"react";import{Group as M,Label as U,TextField as E,Input as K,Text as Z,FieldError as H}from"react-aria-components";import{cn as f}from"../../utils/cn.js";function q({description:D,errorMessage:P,isDisabled:k=!1,isInvalid:A=!1,isMasked:L=!1,isRequired:V=!0,label:$,length:c=6,name:h,onChange:w,value:v="",type:I="numeric",validationBehavior:m="native",className:F,classNames:r,...R}){const[S,W]=j(v),[u,g]=j(Array(c).fill("")),a=J([]);z(()=>{a.current=a.current.slice(0,c)},[c]),z(()=>{const t=u.join("");W(t),w&&w(t)},[w,u]);const B=t=>{var l,o;const e=t.target.value,i=Number(t.target.getAttribute("data-pin-input-index"));e!==""&&i<u.length-1&&((o=(l=a.current)==null?void 0:l[i+1])==null||o.focus());const d=u.map((x,p)=>p===i?e:x);g(d)},C=t=>{var l,o,x,p;const e=Number(t.currentTarget.getAttribute("data-pin-input-index"));if(t.ctrlKey||t.metaKey)return;const i=["Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Control","Alt","Meta","Shift","Tab","Enter","Escape"],d={alpha:/^[a-z]$/i,alphanumeric:/^[a-z0-9]$/i,numeric:/^[0-9]$/i};if(!t.key.match(d[I])&&!i.includes(t.key)&&t.preventDefault(),u[e]===""&&e>0&&t.key==="Backspace"){const b=u.map((n,y)=>y===e-1?"":n);g(b),(o=(l=a.current)==null?void 0:l[e-1])==null||o.focus(),t.preventDefault()}if(u[e]===""&&e<u.length-1&&t.key==="Delete"){const b=u.map((n,y)=>y===e+1?"":n);g(b),(p=(x=a.current)==null?void 0:x[e+1])==null||p.focus(),t.preventDefault()}},G=t=>{var p,b;const e=Number(t.currentTarget.getAttribute("data-pin-input-index"));t.preventDefault();const i=(p=t.clipboardData)==null?void 0:p.getData("text");if(!i)return;const d=i.split("").filter(n=>{switch(I){case"alpha":return/^[a-zA-Z]$/.test(n);case"alphanumeric":return/^[a-z0-9]$/i.test(n);case"numeric":default:return/^[0-9]$/.test(n)}});if(d.length===0)return;const l=[...u];let o=e;for(let n=0;n<d.length&&e+n<c;n++)l[e+n]=d[n],o=e+n;g(l);const x=o+1<c?o+1:c-1;(b=a.current[x])==null||b.focus()};return T(M,{className:f("flex flex-wrap gap-2",F),"aria-label":$,...R,children:[s(U,{className:f("flex text-slate-500 text-sm grow shrink-0 basis-full",r==null?void 0:r.label),children:$}),u.map((t,e)=>s(E,{className:f("flex flex-col w-full flex-1 text-slate-900",r==null?void 0:r.inputWrap),"aria-label":`Pin Input Digit ${e+1}`,isDisabled:k,isInvalid:A,isRequired:V,validationBehavior:m,children:s(K,{className:f("border-solid border border-slate-300 rounded-md","text-sm text-slate-900 placeholder-slate-400 text-center","h-10 px-2 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus:outline-2 focus:outline focus:outline-slate-200 focus:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus:border-red-600 invalid:focus:outline-red-200",r==null?void 0:r.input),onChange:B,onKeyDown:C,onPaste:G,type:L?"password":"text",ref:i=>i?a.current[e]=i:null,value:t,maxLength:1,name:h&&`${h}-${e}`,"data-pin-input-index":e})},`pin-input-${e}`)),T(E,{className:f("flex flex-row flex-wrap grow shrink-0 basis-full",r==null?void 0:r.textWrap),"aria-label":"Pin Input",isDisabled:k,isInvalid:A,isRequired:V,validationBehavior:m,children:[h&&s(K,{type:"hidden",name:h,value:S}),D&&s(Z,{className:f("flex text-slate-500 text-sm grow shrink-0 basis-full",r==null?void 0:r.description),slot:"description",children:D}),s(H,{className:f("flex text-red-500 text-sm grow shrink-0 basis-full",r==null?void 0:r.error),children:P})]})]})}export{q as PinInput,q as default};

package/components/PinInput/index.js

@@ -1 +1 @@
-import{PinInput as n}from"./PinInput.js";import"react/jsx-runtime";import"react";import"react-aria-components";import"../../assets/cn-CytzSlOG.js";export{n as PinInput};
+import{PinInput as n}from"./PinInput.js";import"react/jsx-runtime";import"react";import"react-aria-components";import"../../utils/cn.js";export{n as PinInput};

package/components/Progressbar/CircularProgressbar.js

@@ -1 +1 @@
-import{jsx as o,jsxs as f}from"react/jsx-runtime";import{ProgressBar as b,Label as g}from"react-aria-components";import{c as t}from"../../assets/cn-CytzSlOG.js";function $({label:d,value:x=0,showValue:h=!0,size:n=60,strokeWidth:i=6,className:u,classNames:r,...m}){const e=n/2,l=e-i,c=2*Math.PI*l;return o(b,{"aria-label":"Loading...",className:t("flex",u),...m,value:x,children:({percentage:a=0})=>f("div",{className:t("flex items-center flex-col",r==null?void 0:r.base),children:[o(g,{className:t("text-sm",r==null?void 0:r.label),children:d}),f("svg",{width:n,height:n,fill:"none",children:[o("circle",{className:t("stroke-slate-300"),cx:e,cy:e,r:l,strokeWidth:i}),o("circle",{className:t("stroke-slate-800 transition-stroke-dashoffset duration-500 ease-in-out"),cx:e,cy:e,r:l,strokeWidth:i,strokeDasharray:`${c} ${c}`,strokeDashoffset:(100-a)/100*c,strokeLinecap:"round",transform:`rotate(-90 ${e} ${e})`}),h&&f("text",{className:t("text-sm fill-slate-800",r==null?void 0:r.value),x:"50%",y:"50%",alignmentBaseline:"middle",textAnchor:"middle",children:[a,"%"]})]})]})})}export{$ as CircularProgressbar,$ as default};
+import{jsx as o,jsxs as f}from"react/jsx-runtime";import{ProgressBar as b,Label as g}from"react-aria-components";import{cn as t}from"../../utils/cn.js";function $({label:a,value:x=0,showValue:h=!0,size:n=60,strokeWidth:i=6,className:u,classNames:r,...m}){const e=n/2,l=e-i,c=2*Math.PI*l;return o(b,{"aria-label":"Loading...",className:t("flex",u),...m,value:x,children:({percentage:d=0})=>f("div",{className:t("flex items-center flex-col",r==null?void 0:r.base),children:[o(g,{className:t("text-sm",r==null?void 0:r.label),children:a}),f("svg",{width:n,height:n,fill:"none",children:[o("circle",{className:t("stroke-slate-300"),cx:e,cy:e,r:l,strokeWidth:i}),o("circle",{className:t("stroke-slate-800 transition-stroke-dashoffset duration-500 ease-in-out"),cx:e,cy:e,r:l,strokeWidth:i,strokeDasharray:`${c} ${c}`,strokeDashoffset:(100-d)/100*c,strokeLinecap:"round",transform:`rotate(-90 ${e} ${e})`}),h&&f("text",{className:t("text-sm fill-slate-800",r==null?void 0:r.value),x:"50%",y:"50%",alignmentBaseline:"middle",textAnchor:"middle",children:[d,"%"]})]})]})})}export{$ as CircularProgressbar,$ as default};

package/components/Progressbar/LinearProgressbar.js

@@ -1 +1 @@
-import{jsx as o,jsxs as d,Fragment as w}from"react/jsx-runtime";import{ProgressBar as x,Label as l}from"react-aria-components";import{motion as g}from"framer-motion";import{c as t}from"../../assets/cn-CytzSlOG.js";function L({label:e,isIndeterminate:n,showValue:f=!0,width:h,className:u,classNames:r,...p}){return o(x,{style:{width:h||"100%"},className:t("overflow-hidden",u),...p,children:({percentage:i,valueText:b})=>d(w,{children:[d("div",{className:t("flex items-center justify-between gap-2 mb-1",r==null?void 0:r.labelWrapper),children:[o(l,{className:t("text-sm",r==null?void 0:r.label),children:e}),f&&o("span",{className:t("text-sm",r==null?void 0:r.value),children:b})]}),o("div",{className:t("overflow-hidden forced-color-adjust-none h-2.5 rounded will-change-transform bg-slate-300",r==null?void 0:r.trackWrapper),children:o(g.div,{style:{width:!n&&typeof i=="number"?`${i}%`:""},...n&&{animate:{x:["-100%","250px"]},transition:{repeat:1/0,duration:1.5}},className:t("h-full bg-slate-800 rounded transition-width duration-500 ease-in-out",{"w-1/2":n,"transition-none":n},r==null?void 0:r.track)})})]})})}export{L as LinearProgressbar,L as default};
+import{jsx as o,jsxs as d,Fragment as w}from"react/jsx-runtime";import{ProgressBar as x,Label as l}from"react-aria-components";import{motion as g}from"framer-motion";import{cn as t}from"../../utils/cn.js";function L({label:e,isIndeterminate:n,showValue:f=!0,width:h,className:u,classNames:r,...p}){return o(x,{style:{width:h||"100%"},className:t("overflow-hidden",u),...p,children:({percentage:i,valueText:b})=>d(w,{children:[d("div",{className:t("flex items-center justify-between gap-2 mb-1",r==null?void 0:r.labelWrapper),children:[o(l,{className:t("text-sm",r==null?void 0:r.label),children:e}),f&&o("span",{className:t("text-sm",r==null?void 0:r.value),children:b})]}),o("div",{className:t("overflow-hidden forced-color-adjust-none h-2.5 rounded will-change-transform bg-slate-300",r==null?void 0:r.trackWrapper),children:o(g.div,{style:{width:!n&&typeof i=="number"?`${i}%`:""},...n&&{animate:{x:["-100%","250px"]},transition:{repeat:1/0,duration:1.5}},className:t("h-full bg-slate-800 rounded transition-width duration-500 ease-in-out",{"w-1/2":n,"transition-none":n},r==null?void 0:r.track)})})]})})}export{L as LinearProgressbar,L as default};

package/components/Progressbar/index.js

@@ -1 +1 @@
-import{CircularProgressbar as e}from"./CircularProgressbar.js";import{LinearProgressbar as s}from"./LinearProgressbar.js";import"react/jsx-runtime";import"react-aria-components";import"../../assets/cn-CytzSlOG.js";import"framer-motion";export{e as CircularProgressbar,s as LinearProgressbar};
+import{CircularProgressbar as e}from"./CircularProgressbar.js";import{LinearProgressbar as s}from"./LinearProgressbar.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";import"framer-motion";export{e as CircularProgressbar,s as LinearProgressbar};

package/components/Radio/Radio.js

@@ -1 +1 @@
-import{jsx as t,jsxs as n,Fragment as b}from"react/jsx-runtime";import{Radio as v}from"react-aria-components";import{c as i}from"../../assets/cn-CytzSlOG.js";function c({control:d,classNames:a,...e}){return d?typeof d=="function"?d(e):d:t("div",{"data-hovered":e==null?void 0:e.isHovered,"data-focused":e==null?void 0:e.isFocused,"data-disabled":e==null?void 0:e.isDisabled,"data-invalid":e==null?void 0:e.isInvalid,"data-selected":e==null?void 0:e.isSelected,"data-pressed":e==null?void 0:e.isPressed,className:i("flex items-center justify-center w-6 h-6  border-solid border border-slate-300 ransition-all duration-300 ease rounded-full",'data-[hovered="true"]:border-slate-400','data-[focused="true"]:border-slate-400 data-[focused="true"]:outline-2 data-[focused="true"]:outline data-[focused="true"]:outline-slate-200','data-[disabled="true"]:border-slate-200 data-[disabled="true"]:bg-slate-100','data-[invalid="true"]:bg-red-100 data-[invalid="true"]:text-red-600 data-[invalid="true"]:border-red-500','data-[invalid="true"]:data-[disabled="true"]:border-red-200 data-[invalid="true"]:data-[disabled="true"]:bg-red-100','data-[invalid="true"]:data-[hovered="true"]:border-red-600','data-[invalid="true"]:data-[focused="true"]:border-red-600 data-[invalid="true"]:data-[focused="true"]:outline-red-200','data-[invalid="true"]:data-[selected="true"]:bg-red-100 data-[invalid="true"]:data-[selected="true"]:border-red-500','data-[invalid="true"]:data-[pressed="true"]:bg-red-600 data-[invalid="true"]:data-[pressed="true"]:border-red-600',a==null?void 0:a.control),...e,children:t("div",{"data-invalid":e==null?void 0:e.isInvalid,className:i('w-3 h-3 rounded-full bg-slate-900 opacity-0 transition-all duration-300 ease data-[invalid="true"]:bg-red-500',{"opacity-100":e==null?void 0:e.isSelected})})})}function x({children:d,slots:a,className:e,classNames:u,...l}){return t(v,{className:i("flex items-center gap-2 group","invalid:text-red-500 invalid:disabled:text-red-300","disabled:text-slate-400",e),...l,children:r=>n(b,{children:[t(c,{control:a==null?void 0:a.control,classNames:u,...r}),typeof d=="function"?d(r):d]})})}export{x as Radio,x as default};
+import{jsx as t,jsxs as n,Fragment as b}from"react/jsx-runtime";import{Radio as v}from"react-aria-components";import{cn as i}from"../../utils/cn.js";function c({control:d,classNames:a,...e}){return d?typeof d=="function"?d(e):d:t("div",{"data-hovered":e==null?void 0:e.isHovered,"data-focused":e==null?void 0:e.isFocused,"data-disabled":e==null?void 0:e.isDisabled,"data-invalid":e==null?void 0:e.isInvalid,"data-selected":e==null?void 0:e.isSelected,"data-pressed":e==null?void 0:e.isPressed,className:i("flex items-center justify-center w-6 h-6  border-solid border border-slate-300 ransition-all duration-300 ease rounded-full",'data-[hovered="true"]:border-slate-400','data-[focused="true"]:border-slate-400 data-[focused="true"]:outline-2 data-[focused="true"]:outline data-[focused="true"]:outline-slate-200','data-[disabled="true"]:border-slate-200 data-[disabled="true"]:bg-slate-100','data-[invalid="true"]:bg-red-100 data-[invalid="true"]:text-red-600 data-[invalid="true"]:border-red-500','data-[invalid="true"]:data-[disabled="true"]:border-red-200 data-[invalid="true"]:data-[disabled="true"]:bg-red-100','data-[invalid="true"]:data-[hovered="true"]:border-red-600','data-[invalid="true"]:data-[focused="true"]:border-red-600 data-[invalid="true"]:data-[focused="true"]:outline-red-200','data-[invalid="true"]:data-[selected="true"]:bg-red-100 data-[invalid="true"]:data-[selected="true"]:border-red-500','data-[invalid="true"]:data-[pressed="true"]:bg-red-600 data-[invalid="true"]:data-[pressed="true"]:border-red-600',a==null?void 0:a.control),...e,children:t("div",{"data-invalid":e==null?void 0:e.isInvalid,className:i('w-3 h-3 rounded-full bg-slate-900 opacity-0 transition-all duration-300 ease data-[invalid="true"]:bg-red-500',{"opacity-100":e==null?void 0:e.isSelected})})})}function x({children:d,slots:a,className:e,classNames:u,...l}){return t(v,{className:i("flex items-center gap-2 group","invalid:text-red-500 invalid:disabled:text-red-300","disabled:text-slate-400",e),...l,children:r=>n(b,{children:[t(c,{control:a==null?void 0:a.control,classNames:u,...r}),typeof d=="function"?d(r):d]})})}export{x as Radio,x as default};

package/components/Radio/index.js

@@ -1 +1 @@
-import{Radio as t}from"./Radio.js";import"react/jsx-runtime";import"react-aria-components";import"../../assets/cn-CytzSlOG.js";export{t as Radio};
+import{Radio as t}from"./Radio.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";export{t as Radio};

package/components/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,3 @@
+import { RadioGroupProps } from './RadioGroup.types';
+export declare function RadioGroup({ label, errorMessage, description, orientation, children, className, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export default RadioGroup;

package/components/RadioGroup/RadioGroup.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r,Fragment as c}from"react/jsx-runtime";import{RadioGroup as p,Label as i}from"react-aria-components";import{cn as o}from"../../utils/cn.js";function N({label:l,errorMessage:a,description:s,orientation:x,children:t,className:m,...f}){return e(p,{className:o("flex flex-col gap-4",m),orientation:x,...f,children:typeof t=="function"?t:r(c,{children:[l&&e(i,{className:"flex text-slate-500 text-xs",children:l}),e("div",{className:o("flex flex-col gap-2",x==="horizontal"&&"flex-row items-center gap-4"),children:t}),s&&e("p",{className:"flex mt-1 text-slate-500 text-sm",children:s}),a&&e("p",{className:"flex pl-6 text-red-500 text-sm",children:a})]})})}export{N as RadioGroup,N as default};

package/components/RadioGroup/RadioGroup.types.d.ts

@@ -0,0 +1,6 @@
+import { RadioGroupProps as AriaRadioGroupProps } from 'react-aria-components';
+export interface RadioGroupProps extends AriaRadioGroupProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string;
+}

package/components/RadioGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioGroup } from './RadioGroup';
+export type { RadioGroupProps } from './RadioGroup.types';

package/components/RadioGroup/index.js

@@ -0,0 +1 @@
+import{RadioGroup as t}from"./RadioGroup.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";export{t as RadioGroup};

package/components/Select/Option.js

@@ -1 +1 @@
-import{jsx as a}from"react/jsx-runtime";import{ListBoxItem as d}from"react-aria-components";import{c as s}from"../../assets/cn-CytzSlOG.js";function n({className:e,...t}){return a(d,{...t,className:s("flex flex-auto items-center","rounded-md","p-2.5 mx-1.5","text-sm","cursor-default","outline-none","text-slate-900","transition-all ease-in-out duration-300","data-[hovered]:bg-slate-100 data-[hovered]:text-slate-900","data-[focused]:bg-slate-100 data-[hovered]:text-slate-900","data-[pressed]:bg-slate-200 data-[hovered]:text-slate-900","data-[selected]:bg-none data-[selected]:text-slate-900 data-[selected]:font-semibold data-[selected]:data-[focused]:bg-slate-100","data-[disabled]:bg-none data-[disabled]:text-slate-500",e)})}export{n as Option,n as default};
+import{jsx as a}from"react/jsx-runtime";import{ListBoxItem as d}from"react-aria-components";import{cn as s}from"../../utils/cn.js";function n({className:e,...t}){return a(d,{...t,className:s("flex flex-auto items-center","rounded-md","p-2.5 mx-1.5","text-sm","cursor-default","outline-none","text-slate-900","transition-all ease-in-out duration-300","data-[hovered]:bg-slate-100 data-[hovered]:text-slate-900","data-[focused]:bg-slate-100 data-[hovered]:text-slate-900","data-[pressed]:bg-slate-200 data-[hovered]:text-slate-900","data-[selected]:bg-none data-[selected]:text-slate-900 data-[selected]:font-semibold data-[selected]:data-[focused]:bg-slate-100","data-[disabled]:bg-none data-[disabled]:text-slate-500",e)})}export{n as Option,n as default};

package/components/Select/Select.js

@@ -1 +1 @@
-import{jsx as e,jsxs as v,Fragment as O}from"react/jsx-runtime";import{Popover as S,ComboBox as I,Label as P,Input as j,Button as m,Text as A,FieldError as D,ListBox as E}from"react-aria-components";import{forwardRef as F,useState as g}from"react";import{motion as M}from"framer-motion";import{c as o}from"../../assets/cn-CytzSlOG.js";import{Pulse as T}from"../Loader/Pulse.js";const R=F((d,i)=>e(S,{...d,ref:i})),U=M.create(R);function W({buttonIcon:d,...i}){return d?typeof d=="function"?d(i):d:e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:o("transition-all ease-in-out duration-200",i.isOpen?"rotate-180":"rotate-0"),children:e("path",{d:"M6 9L12 15L18 9",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:o(["stroke-slate-900",i.isDisabled&&"stroke-slate-400",i.isInvalid&&"stroke-red-500"])})})}function q({listBoxComponent:d,children:i,...r}){return e(d||E,{...r,children:i})}function X({label:d,description:i,errorMessage:r,children:u,placeholder:w,key:C,isLoading:a,slots:n,popoverPortalContainer:B,popoverOffset:c,selectedKey:x,className:_,classNames:t,...b}){const[l,f]=g("unmounted"),[h,k]=g(!1);return e(I,{onOpenChange:()=>{f(l==="visible"?"hidden":"visible"),k(!h)},isDisabled:b.isDisabled||a,"data-has-value":!!x,selectedKey:x,...b,className:o("flex flex-col","w-full",_),children:y=>v(O,{children:[e(P,{className:o("flex","text-xs text-slate-500",t==null?void 0:t.label),children:d}),v("div",{className:o("flex","relative","w-full",t==null?void 0:t.comboBoxContainer),children:[e(j,{placeholder:w,className:o("border border-solid border-slate-300","text-sm text-slate-900","py-0 px-2","h-10 w-full","m-0","rounded-md","bg-white","transition-all ease-in-out duration-200","data-[hovered]:border-slate-400","data-[focused]:border-slate-400 data-[focused]:outline data-[focused]:outline-2 data-[focused]:outline-slate-200"," data-[disabled]:bg-slate-100 data-[disabled]:border-slate-300",a?"data-[disabled]:text-slate-900":"data-[disabled]:text-slate-500","data-[invalid]:border-red-500 data-[invalid]:bg-red-100 data-[invalid]:text-red-600","data-[invalid]:data-[hovered]:border-red-600","data-[invalid]:data-[focused]:border-red-600 data-[invalid]:data-[focused]:outline data-[invalid]:data-[focused]:outline-2 data-[invalid]:data-[focused]:outline-red-200","data-[invalid]:placeholder:text-slate-400",t==null?void 0:t.input)}),a?e("div",{className:o("absolute top-2 right-2","block",t==null?void 0:t.loader),children:(n==null?void 0:n.loadingIcon)||e(T,{})}):e(m,{className:o("absolute top-2 right-0","block","border-none","bg-none",t==null?void 0:t.arrowButton),children:e(W,{buttonIcon:n==null?void 0:n.buttonIcon,...y})})]}),i&&e(A,{slot:"description",className:o("flex","text-xs","text-slate-500",t==null?void 0:t.description),children:i}),e(D,{className:o("flex","text-xs","text-red-500",t==null?void 0:t.errorMessage),children:r}),e(U,{isOpen:h,isExiting:l==="hidden",offset:c,UNSTABLE_portalContainer:B,onAnimationComplete:L=>{f(p=>L==="hidden"&&p==="hidden"?"unmounted":p)},variants:{hidden:{opacity:0,y:-10},visible:{opacity:1,y:0}},initial:"hidden",animate:l,className:o("px-0 py-1.5","shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-4px_rgba(0,0,0,0.1)]","rounded-md","w-[var(--trigger-width)]","bg-white","border border-solid border-slate-300",t==null?void 0:t.listContainer),children:e(q,{listBoxComponent:n==null?void 0:n.listBoxComponent,className:o("max-h-80","overflow-y-scroll",t==null?void 0:t.list),children:u})},C)]})})}export{X as Select,X as default};
+import{jsx as e,jsxs as v,Fragment as O}from"react/jsx-runtime";import{Popover as S,ComboBox as I,Label as P,Input as j,Button as m,Text as A,FieldError as D,ListBox as E}from"react-aria-components";import{forwardRef as F,useState as g}from"react";import{motion as M}from"framer-motion";import{cn as o}from"../../utils/cn.js";import{Pulse as T}from"../Loader/Pulse.js";const R=F((d,i)=>e(S,{...d,ref:i})),U=M.create(R);function W({buttonIcon:d,...i}){return d?typeof d=="function"?d(i):d:e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:o("transition-all ease-in-out duration-200",i.isOpen?"rotate-180":"rotate-0"),children:e("path",{d:"M6 9L12 15L18 9",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:o(["stroke-slate-900",i.isDisabled&&"stroke-slate-400",i.isInvalid&&"stroke-red-500"])})})}function q({listBoxComponent:d,children:i,...r}){return e(d||E,{...r,children:i})}function X({label:d,description:i,errorMessage:r,children:u,placeholder:w,key:C,isLoading:a,slots:n,popoverPortalContainer:B,popoverOffset:_,selectedKey:x,className:c,classNames:t,...b}){const[l,f]=g("unmounted"),[h,k]=g(!1);return e(I,{onOpenChange:()=>{f(l==="visible"?"hidden":"visible"),k(!h)},isDisabled:b.isDisabled||a,"data-has-value":!!x,selectedKey:x,...b,className:o("flex flex-col","w-full",c),children:y=>v(O,{children:[e(P,{className:o("flex","text-xs text-slate-500",t==null?void 0:t.label),children:d}),v("div",{className:o("flex","relative","w-full",t==null?void 0:t.comboBoxContainer),children:[e(j,{placeholder:w,className:o("border border-solid border-slate-300","text-sm text-slate-900","py-0 px-2","h-10 w-full","m-0","rounded-md","bg-white","transition-all ease-in-out duration-200","data-[hovered]:border-slate-400","data-[focused]:border-slate-400 data-[focused]:outline data-[focused]:outline-2 data-[focused]:outline-slate-200"," data-[disabled]:bg-slate-100 data-[disabled]:border-slate-300",a?"data-[disabled]:text-slate-900":"data-[disabled]:text-slate-500","data-[invalid]:border-red-500 data-[invalid]:bg-red-100 data-[invalid]:text-red-600","data-[invalid]:data-[hovered]:border-red-600","data-[invalid]:data-[focused]:border-red-600 data-[invalid]:data-[focused]:outline data-[invalid]:data-[focused]:outline-2 data-[invalid]:data-[focused]:outline-red-200","data-[invalid]:placeholder:text-slate-400",t==null?void 0:t.input)}),a?e("div",{className:o("absolute top-2 right-2","block",t==null?void 0:t.loader),children:(n==null?void 0:n.loadingIcon)||e(T,{})}):e(m,{className:o("absolute top-2 right-0","block","border-none","bg-none",t==null?void 0:t.arrowButton),children:e(W,{buttonIcon:n==null?void 0:n.buttonIcon,...y})})]}),i&&e(A,{slot:"description",className:o("flex","text-xs","text-slate-500",t==null?void 0:t.description),children:i}),e(D,{className:o("flex","text-xs","text-red-500",t==null?void 0:t.errorMessage),children:r}),e(U,{isOpen:h,isExiting:l==="hidden",offset:_,UNSTABLE_portalContainer:B,onAnimationComplete:L=>{f(p=>L==="hidden"&&p==="hidden"?"unmounted":p)},variants:{hidden:{opacity:0,y:-10},visible:{opacity:1,y:0}},initial:"hidden",animate:l,className:o("px-0 py-1.5","shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-4px_rgba(0,0,0,0.1)]","rounded-md","w-[var(--trigger-width)]","bg-white","border border-solid border-slate-300",t==null?void 0:t.listContainer),children:e(q,{listBoxComponent:n==null?void 0:n.listBoxComponent,className:o("max-h-80","overflow-y-scroll",t==null?void 0:t.list),children:u})},C)]})})}export{X as Select,X as default};

package/components/Select/index.js

@@ -1 +1 @@
-import{Option as x}from"./Option.js";import{Select as l}from"./Select.js";import"react/jsx-runtime";import"react-aria-components";import"../../assets/cn-CytzSlOG.js";import"react";import"framer-motion";import"../Loader/Pulse.js";export{x as Option,l as Select};
+import{Option as x}from"./Option.js";import{Select as l}from"./Select.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";import"react";import"framer-motion";import"../Loader/Pulse.js";export{x as Option,l as Select};

package/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,3 @@
+import { SkeletonProps } from './Skeleton.types';
+export declare function Skeleton({ className }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export default Skeleton;

package/components/Skeleton/Skeleton.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{cn as r}from"../../utils/cn.js";function m({className:e}){return t("div",{className:r("relative rounded-md animate-pulse bg-slate-200",e)})}export{m as Skeleton,m as default};

package/components/Skeleton/Skeleton.types.d.ts

@@ -0,0 +1,3 @@
+export type SkeletonProps = {
+    className?: string;
+};

package/components/Skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export { Skeleton } from './Skeleton';
+export type { SkeletonProps } from './Skeleton.types';

package/components/Skeleton/index.js

@@ -0,0 +1 @@
+import{Skeleton as m}from"./Skeleton.js";import"react/jsx-runtime";import"../../utils/cn.js";export{m as Skeleton};

package/components/Slider/Slider.js

@@ -1 +1 @@
-import{jsx as i,jsxs as u,Fragment as v}from"react/jsx-runtime";import{Slider as x,Label as c,SliderOutput as w,SliderTrack as z,SliderThumb as y}from"react-aria-components";import{c as r}from"../../assets/cn-CytzSlOG.js";function k({label:d,showOutput:f=!0,thumbLabels:a,classNames:t,orientation:l,isDisabled:o,children:h,...p}){return i(x,{orientation:l,isDisabled:o,className:r('data-[orientation="horizontal"]:w-full data-[orientation="horizontal"]:flex data-[orientation="horizontal"]:flex-wrap','data-[orientation="vertical"]:w-8 data-[orientation="vertical"]:block data-[orientation="vertical"]:h-full',t==null?void 0:t.base),...p,children:h||u(v,{children:[(d||f)&&u("div",{className:r("w-full flex justify-between items-center",l==="vertical"&&"gap-2 w-max mb-2",t==null?void 0:t.outputWrapper),children:[i(c,{className:r("flex-1 text-sm",o&&"opacity-50",t==null?void 0:t.label),children:d}),f&&i(w,{className:r("flex flex-initial ml-auto justify-end text-sm",o&&"opacity-50",t==null?void 0:t.output),children:({state:n})=>n.values.map((b,e)=>n.getThumbValueLabel(e)).join(" – ")})]}),i(z,{className:r('data-[orientation="horizontal"]:w-full data-[orientation="horizontal"]:h-8','data-[orientation="vertical"]:w-8 data-[orientation="vertical"]:h-full',"transition-all duration-200 ease","before:bg-slate-300 before:block before:absolute cursor-pointer",'data-[orientation="horizontal"]:before:w-full data-[orientation="horizontal"]:before:h-0.5','data-[orientation="horizontal"]:before:top-1/2 data-[orientation="horizontal"]:before:-translate-y-1/2','data-[orientation="vertical"]:before:w-0.5 data-[orientation="vertical"]:before:h-full data-[orientation="vertical"]:before:left-1/2 data-[orientation="vertical"]:before:-translate-y-1/2 data-[orientation="vertical"]:before:-translate-x-1/2',o&&"opacity-50 before:cursor-default",t==null?void 0:t.track),children:({state:n})=>n.values.map((b,e)=>i(y,{index:e,"aria-label":a==null?void 0:a[e],className:r("w-6 h-6 bg-slate-300 forced-color-adjust-none cursor-pointer top-1/2","border-2 border-slate-400 rounded-full",o&&"cursor-default",l==="vertical"&&"left-1/2",t==null?void 0:t.thumb)},e))})]})})}export{k as Slider,k as default};
+import{jsx as i,jsxs as u,Fragment as v}from"react/jsx-runtime";import{Slider as x,Label as c,SliderOutput as w,SliderTrack as z,SliderThumb as y}from"react-aria-components";import{cn as r}from"../../utils/cn.js";function k({label:d,showOutput:f=!0,thumbLabels:a,classNames:t,orientation:l,isDisabled:o,children:h,...p}){return i(x,{orientation:l,isDisabled:o,className:r('data-[orientation="horizontal"]:w-full data-[orientation="horizontal"]:flex data-[orientation="horizontal"]:flex-wrap','data-[orientation="vertical"]:w-8 data-[orientation="vertical"]:block data-[orientation="vertical"]:h-full',t==null?void 0:t.base),...p,children:h||u(v,{children:[(d||f)&&u("div",{className:r("w-full flex justify-between items-center",l==="vertical"&&"gap-2 w-max mb-2",t==null?void 0:t.outputWrapper),children:[i(c,{className:r("flex-1 text-sm",o&&"opacity-50",t==null?void 0:t.label),children:d}),f&&i(w,{className:r("flex flex-initial ml-auto justify-end text-sm",o&&"opacity-50",t==null?void 0:t.output),children:({state:n})=>n.values.map((b,e)=>n.getThumbValueLabel(e)).join(" – ")})]}),i(z,{className:r('data-[orientation="horizontal"]:w-full data-[orientation="horizontal"]:h-8','data-[orientation="vertical"]:w-8 data-[orientation="vertical"]:h-full',"transition-all duration-200 ease","before:bg-slate-300 before:block before:absolute cursor-pointer",'data-[orientation="horizontal"]:before:w-full data-[orientation="horizontal"]:before:h-0.5','data-[orientation="horizontal"]:before:top-1/2 data-[orientation="horizontal"]:before:-translate-y-1/2','data-[orientation="vertical"]:before:w-0.5 data-[orientation="vertical"]:before:h-full data-[orientation="vertical"]:before:left-1/2 data-[orientation="vertical"]:before:-translate-y-1/2 data-[orientation="vertical"]:before:-translate-x-1/2',o&&"opacity-50 before:cursor-default",t==null?void 0:t.track),children:({state:n})=>n.values.map((b,e)=>i(y,{index:e,"aria-label":a==null?void 0:a[e],className:r("w-6 h-6 bg-slate-300 forced-color-adjust-none cursor-pointer top-1/2","border-2 border-slate-400 rounded-full",o&&"cursor-default",l==="vertical"&&"left-1/2",t==null?void 0:t.thumb)},e))})]})})}export{k as Slider,k as default};

package/components/Slider/index.js

@@ -1 +1 @@
-import{Slider as t}from"./Slider.js";import"react/jsx-runtime";import"react-aria-components";import"../../assets/cn-CytzSlOG.js";export{t as Slider};
+import{Slider as t}from"./Slider.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";export{t as Slider};

package/components/Switch/Switch.js

@@ -1 +1 @@
-import{jsx as n,jsxs as u,Fragment as c}from"react/jsx-runtime";import{Switch as g}from"react-aria-components";import{c as l}from"../../assets/cn-CytzSlOG.js";function h({children:e,className:a,classNames:t,...s}){return n(g,{className:l("flex items-center gap-2 text-sm text-slate-500 forced-color-adjust-none group","",a),...s,children:o=>{const{isSelected:b,isHovered:r,isFocused:i,isPressed:d,isDisabled:f}=o;return u(c,{children:[n("div",{className:l("w-12 h-7 bg-transparent border-solid border border-slate-300 rounded-3xl transition-all duration-200 ease-in-out","before:block before:w-5 before:h-5 before:m-[3px] before:bg-slate-300 before:rounded-full","before:transition-all before:duration-200 before:ease-in-out",[r&&"border-slate-400",b&&[" bg-slate-300 before:translate-x-full before:bg-white",(r||i)&&"border-slate-400"],i&&["outline outline-2 outline-slate-200"],d&&"before:bg-slate-400",f&&"bg-slate-100",t==null?void 0:t.indicator])}),typeof e=="function"?e({defaultChildren:void 0,...o}):e]})}})}export{h as Switch,h as default};
+import{jsx as l,jsxs as u,Fragment as c}from"react/jsx-runtime";import{Switch as g}from"react-aria-components";import{cn as n}from"../../utils/cn.js";function h({children:e,className:a,classNames:t,...b}){return l(g,{className:n("flex items-center gap-2 text-sm text-slate-500 forced-color-adjust-none group","",a),...b,children:o=>{const{isSelected:s,isHovered:r,isFocused:i,isPressed:d,isDisabled:f}=o;return u(c,{children:[l("div",{className:n("w-12 h-7 bg-transparent border-solid border border-slate-300 rounded-3xl transition-all duration-200 ease-in-out","before:block before:w-5 before:h-5 before:m-[3px] before:bg-slate-300 before:rounded-full","before:transition-all before:duration-200 before:ease-in-out",[r&&"border-slate-400",s&&[" bg-slate-300 before:translate-x-full before:bg-white",(r||i)&&"border-slate-400"],i&&["outline outline-2 outline-slate-200"],d&&"before:bg-slate-400",f&&"bg-slate-100",t==null?void 0:t.indicator])}),typeof e=="function"?e({defaultChildren:void 0,...o}):e]})}})}export{h as Switch,h as default};

package/components/Switch/index.js

@@ -1 +1 @@
-import{Switch as p}from"./Switch.js";import"react/jsx-runtime";import"react-aria-components";import"../../assets/cn-CytzSlOG.js";export{p as Switch};
+import{Switch as p}from"./Switch.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";export{p as Switch};

package/components/Table/Table.d.ts

@@ -0,0 +1,3 @@
+import { TableProps } from './Table.types';
+export declare function Table<T>({ columns, rows, onRowClick, classNames, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+export default Table;

package/components/Table/Table.js

@@ -0,0 +1 @@
+import{jsxs as o,jsx as i}from"react/jsx-runtime";import{cn as r}from"../../utils/cn.js";function j({columns:b,rows:e,onRowClick:p=()=>{},classNames:t}){return o("table",{className:r(t==null?void 0:t.table),children:[i("thead",{className:r(t==null?void 0:t.thead),children:i("tr",{className:r(t==null?void 0:t.theadTr),children:b.map(d=>i("th",{className:r(t==null?void 0:t.th),"data-th-header":d.label.toLowerCase(),children:d.label},String(d.id)))})}),i("tbody",{className:r(t==null?void 0:t.tbody),children:Object.entries(e).map(([d,n])=>i("tr",{onClick:()=>p(n),className:r(t==null?void 0:t.tbodyTr),children:b.map(h=>i("td",{"data-th":h.label.toLowerCase(),className:r(t==null?void 0:t.td),children:h.renderer?h.renderer(n):String(n[h.id])},`${String(h.id)}_${d}`))},d))})]})}export{j as Table,j as default};

package/components/Table/Table.types.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { SlotsToClasses } from '../../types/SlotsToClasses';
+export type TableProps<T> = {
+    columns: ({
+        id: keyof T;
+        label: string;
+        renderer?: (props: T) => ReactNode;
+    } | {
+        id: string;
+        label: string;
+        renderer: (props: T) => ReactNode;
+    })[];
+    rows: T[];
+    onRowClick?: (row: T) => void;
+    classNames?: SlotsToClasses<'table' | 'thead' | 'tbody' | 'theadTr' | 'tbodyTr' | 'th' | 'td'>;
+};

package/components/Table/index.d.ts

@@ -0,0 +1,2 @@
+export { Table } from './Table';
+export type { TableProps } from './Table.types';

package/components/Table/index.js

@@ -0,0 +1 @@
+import{Table as t}from"./Table.js";import"react/jsx-runtime";import"../../utils/cn.js";export{t as Table};

package/components/Tabs/Tab.js

@@ -1 +1 @@
-import{jsx as i,jsxs as u,Fragment as b}from"react/jsx-runtime";import{useContext as c}from"react";import{Tab as f}from"react-aria-components";import{motion as p}from"framer-motion";import{TabsOrientationContext as m}from"./Tabs.js";import{c as s}from"../../assets/cn-CytzSlOG.js";function x({orientation:o,variant:e="base",className:l,children:t,...d}){return i(f,{className:s("flex items-center relative z-10","text-sm cursor-pointer forced-color-adjust-none","transition-all duration-300 ease-in-out","justify-center","disabled:opacity-50","selected:outline-0 hover:outline-0 hover:text-slate-500",e==="underline"&&o==="vertical"&&"justify-start","py-2 px-3",e==="underline"&&o==="horizontal"&&"p-3",e==="underline"&&o==="vertical"&&"py-3 pr-3 pl-0",(e==="underline"||e==="outline"||e==="enclosed")&&"text-slate-800",e==="solid"&&"text-slate-400",(e==="underline"||e==="outline")&&"selected:text-slate-800",(e==="solid"||e==="enclosed")&&"selected:text-slate-100",l),...d,children:t})}function z({variant:o="base",children:e,className:l,classNames:t,...d}){const n=c(m);return i(x,{orientation:n,variant:o,className:l,...d,children:r=>u(b,{children:[typeof e=="function"?e({defaultChildren:void 0,...r}):e,(r.isFocusVisible||r.isSelected)&&i(p.span,{className:s("absolute z-0",o==="solid"&&"inset-0 rounded-lg bg-slate-600 mix-blend-color",o==="outline"&&"inset-0 rounded-lg border-solid border-2 border-slate-800",o==="underline"&&"rounded-lg bg-slate-800 mix-blend-color bottom-0",o==="underline"&&n==="horizontal"&&"left-0 w-full h-px",o==="underline"&&n==="vertical"&&"right-0 w-px h-full",o==="enclosed"&&"inset-0 border-solid border-1 border-slate-800 -mb-px border-b-0 rounded-t-lg rounded-b-none bg-white mix-blend-difference",o==="base"&&"hidden",t==null?void 0:t.overflow),layoutId:o,transition:{type:"spring",bounce:.2,duration:.75}})]})})}export{x as BaseTab,z as Tab,z as default};
+import{jsx as i,jsxs as u,Fragment as b}from"react/jsx-runtime";import{useContext as c}from"react";import{Tab as f}from"react-aria-components";import{motion as p}from"framer-motion";import{cn as s}from"../../utils/cn.js";import{TabsOrientationContext as m}from"./Tabs.context.js";function x({orientation:o,variant:e="base",className:l,children:t,...d}){return i(f,{className:s("flex items-center relative z-10","text-sm cursor-pointer forced-color-adjust-none","transition-all duration-300 ease-in-out","justify-center","disabled:opacity-50","selected:outline-0 hover:outline-0 hover:text-slate-500",e==="underline"&&o==="vertical"&&"justify-start","py-2 px-3",e==="underline"&&o==="horizontal"&&"p-3",e==="underline"&&o==="vertical"&&"py-3 pr-3 pl-0",(e==="underline"||e==="outline"||e==="enclosed")&&"text-slate-800",e==="solid"&&"text-slate-400",(e==="underline"||e==="outline")&&"selected:text-slate-800",(e==="solid"||e==="enclosed")&&"selected:text-slate-100",l),...d,children:t})}function z({variant:o="base",children:e,className:l,classNames:t,...d}){const n=c(m);return i(x,{orientation:n,variant:o,className:l,...d,children:r=>u(b,{children:[typeof e=="function"?e({defaultChildren:void 0,...r}):e,(r.isFocusVisible||r.isSelected)&&i(p.span,{className:s("absolute z-0",o==="solid"&&"inset-0 rounded-lg bg-slate-600 mix-blend-color",o==="outline"&&"inset-0 rounded-lg border-solid border-2 border-slate-800",o==="underline"&&"rounded-lg bg-slate-800 mix-blend-color bottom-0",o==="underline"&&n==="horizontal"&&"left-0 w-full h-px",o==="underline"&&n==="vertical"&&"right-0 w-px h-full",o==="enclosed"&&"inset-0 border-solid border-1 border-slate-800 -mb-px border-b-0 rounded-t-lg rounded-b-none bg-white mix-blend-difference",o==="base"&&"hidden",t==null?void 0:t.overflow),layoutId:o,transition:{type:"spring",bounce:.2,duration:.75}})]})})}export{x as BaseTab,z as Tab,z as default};

package/components/Tabs/TabList.js

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{useContext as f}from"react";import{TabList as n}from"react-aria-components";import{TabsOrientationContext as s}from"./Tabs.js";import{c as m}from"../../assets/cn-CytzSlOG.js";import{BaseTab as c}from"./Tab.js";import"framer-motion";function T({items:t,children:i,variant:e="base",className:l,...a}){const o=f(s);return r(n,{className:m("flex flex-row w-full flex-wrap gap-2 relative",o==="vertical"&&"orientation-vertical:max-w-max orientation-vertical:flex-col orientation-vertical:justify-start",[e==="solid"&&["bg-slate-200 rounded-xl p-1"],e==="outline"&&["border-solid border-2 border-slate-200 rounded-xl p-1"],e==="underline"&&o==="vertical"&&["before:block before:absolute before:inset-y-0 before:right-0 before:w-px before:bg-slate-200"],e==="underline"&&o==="horizontal"&&["before:block before:absolute before:inset-x-0 before:bottom-0 before:h-px before:bg-slate-200"]],l),items:t,...a,children:i||(b=>r(c,{orientation:o,children:b.title}))})}export{T as TabList,T as default};
+import{jsx as r}from"react/jsx-runtime";import{useContext as f}from"react";import{TabList as n}from"react-aria-components";import{cn as s}from"../../utils/cn.js";import{BaseTab as m}from"./Tab.js";import{TabsOrientationContext as x}from"./Tabs.context.js";import"framer-motion";function T({items:t,children:i,variant:e="base",className:l,...a}){const o=f(x);return r(n,{className:s("flex flex-row w-full flex-wrap gap-2 relative",o==="vertical"&&"orientation-vertical:max-w-max orientation-vertical:flex-col orientation-vertical:justify-start",[e==="solid"&&["bg-slate-200 rounded-xl p-1"],e==="outline"&&["border-solid border-2 border-slate-200 rounded-xl p-1"],e==="underline"&&o==="vertical"&&["before:block before:absolute before:inset-y-0 before:right-0 before:w-px before:bg-slate-200"],e==="underline"&&o==="horizontal"&&["before:block before:absolute before:inset-x-0 before:bottom-0 before:h-px before:bg-slate-200"]],l),items:t,...a,children:i||(b=>r(m,{orientation:o,children:b.title}))})}export{T as TabList,T as default};

package/components/Tabs/TabPanel.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{TabPanel as m}from"react-aria-components";import{c as n}from"../../assets/cn-CytzSlOG.js";function p({children:a,className:r,...o}){return e(m,{className:n("flex grow py-4 px-0",r),...o,children:a})}export{p as TabPanel,p as default};
+import{jsx as e}from"react/jsx-runtime";import{TabPanel as m}from"react-aria-components";import{cn as n}from"../../utils/cn.js";function p({children:a,className:r,...o}){return e(m,{className:n("flex grow py-4 px-0",r),...o,children:a})}export{p as TabPanel,p as default};

package/components/Tabs/Tabs.context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const TabsOrientationContext: import('react').Context<import('react-aria').Orientation | undefined>;
+export default TabsOrientationContext;

package/components/Tabs/Tabs.context.js

@@ -0,0 +1 @@
+import{createContext as t}from"react";const e=t("horizontal");export{e as TabsOrientationContext,e as default};

package/components/Tabs/Tabs.d.ts

@@ -1,5 +1,10 @@
 import { TabsProps } from './Tabs.types';
-/** @todo consider making available through use hook instead */
-export declare const TabsOrientationContext: import('react').Context<import('react-aria').Orientation | undefined>;
+import { TabList } from './TabList';
+import { TabPanel } from './TabPanel';
 export declare function Tabs({ children, className, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Tabs {
+    var List: typeof TabList;
+    var Tab: typeof import("./Tab").Tab;
+    var Panel: typeof TabPanel;
+}
 export default Tabs;

package/components/Tabs/Tabs.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{Tabs as a}from"react-aria-components";import{LayoutGroup as n}from"framer-motion";import{createContext as l,useId as c}from"react";import{c as f}from"../../assets/cn-CytzSlOG.js";const m=l("horizontal");function b({children:r,className:e,...o}){const i=c();return t(m.Provider,{value:o.orientation??"horizontal",children:t(n,{id:i,children:t(a,{className:f("flex flex-col w-full px-0 py-2",o.orientation==="vertical"&&"orientation-vertical:flex-row",e),...o,children:r})})})}export{b as Tabs,m as TabsOrientationContext,b as default};
+import{jsx as r}from"react/jsx-runtime";import{Tabs as m}from"react-aria-components";import{LayoutGroup as n}from"framer-motion";import{useId as l}from"react";import{cn as f}from"../../utils/cn.js";import{TabList as s}from"./TabList.js";import{Tab as c}from"./Tab.js";import{TabPanel as p}from"./TabPanel.js";import{TabsOrientationContext as b}from"./Tabs.context.js";function t({children:i,className:a,...o}){const e=l();return r(b.Provider,{value:o.orientation??"horizontal",children:r(n,{id:e,children:r(m,{className:f("flex flex-col w-full px-0 py-2",o.orientation==="vertical"&&"orientation-vertical:flex-row",a),...o,children:i})})})}t.List=s;t.Tab=c;t.Panel=p;export{t as Tabs,t as default};

package/components/Tabs/index.d.ts

@@ -1,7 +1,8 @@
 export { BaseTab, Tab } from './Tab';
 export { TabList } from './TabList';
 export { TabPanel } from './TabPanel';
-export { Tabs, TabsOrientationContext } from './Tabs';
+export { Tabs } from './Tabs';
+export { TabsOrientationContext } from './Tabs.context';
 export type { TabProps, TabRenderProps } from './Tab.types';
 export type { TabItemType, TabListProps } from './TabList.types';
 export type { TabPanelProps } from './TabPanel.types';

package/components/Tabs/index.js

@@ -1 +1 @@
-import{BaseTab as i,Tab as b}from"./Tab.js";import{TabList as x}from"./TabList.js";import{TabPanel as n}from"./TabPanel.js";import{Tabs as l,TabsOrientationContext as B}from"./Tabs.js";import"react/jsx-runtime";import"react";import"react-aria-components";import"framer-motion";import"../../assets/cn-CytzSlOG.js";export{i as BaseTab,b as Tab,x as TabList,n as TabPanel,l as Tabs,B as TabsOrientationContext};
+import{BaseTab as i,Tab as b}from"./Tab.js";import{TabList as T}from"./TabList.js";import{TabPanel as n}from"./TabPanel.js";import{Tabs as l}from"./Tabs.js";import{TabsOrientationContext as C}from"./Tabs.context.js";import"react/jsx-runtime";import"react";import"react-aria-components";import"framer-motion";import"../../utils/cn.js";export{i as BaseTab,b as Tab,T as TabList,n as TabPanel,l as Tabs,C as TabsOrientationContext};

package/components/TimeInput/TimeInput.js

@@ -1 +1 @@
-import{jsxs as u,jsx as i}from"react/jsx-runtime";import{TimeField as f,Label as x,DateInput as b,DateSegment as h,Text as c,FieldError as p}from"react-aria-components";import{c as t}from"../../assets/cn-CytzSlOG.js";function g({label:o,description:r,errorMessage:d,className:l,classNames:e,...n}){return u(f,{className:t("text-slate-900",l),...n,children:[i(x,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.label),children:o}),i(b,{className:t("flex items-center","border-solid border border-slate-300 rounded-md","text-sm text-slate-900","h-10 px-1 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus-within:outline-2 focus-within:outline focus-within:outline-slate-200 focus-within:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus-within:border-red-600 invalid:focus-within:outline-red-200",e==null?void 0:e.input),children:a=>i(h,{segment:a,className:t("p-1 tabular-nums text-end text-slate-900","invalid:text-red-500","disabled:cursor-default disabled:select-none disabled:text-slate-400","focus:text-slate-900 focus:bg-slate-200 focus:outline-0 focus:rounded-md focus:caret-transparent focus:invalid:bg-red-500 focus:invalid:text-white","type-literal:p-0.5","data-[placeholder]:text-slate-400 data-[placeholder]:invalid:text-red-500 data-[placeholder]:invalid:focus:text-white","aria-[readonly]:focus-visible:outline aria-[readonly]:focus-visible:outline-slate-500 aria-[readonly]:focus-visible:outline-1","aria-[readonly]:focus:outline aria-[readonly]:focus:outline-slate-500 aria-[readonly]:focus:bg-transparent aria-[readonly]:focus:outline-2",e==null?void 0:e.segment)})}),r&&i(c,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.description),slot:"description",children:r}),i(p,{className:t("flex text-red-500 text-sm",e==null?void 0:e.error),children:d})]})}export{g as TimeInput,g as default};
+import{jsxs as a,jsx as i}from"react/jsx-runtime";import{TimeField as f,Label as x,DateInput as b,DateSegment as h,Text as c,FieldError as p}from"react-aria-components";import{cn as t}from"../../utils/cn.js";function g({label:o,description:r,errorMessage:d,className:l,classNames:e,...n}){return a(f,{className:t("text-slate-900",l),...n,children:[i(x,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.label),children:o}),i(b,{className:t("flex items-center","border-solid border border-slate-300 rounded-md","text-sm text-slate-900","h-10 px-1 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus-within:outline-2 focus-within:outline focus-within:outline-slate-200 focus-within:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus-within:border-red-600 invalid:focus-within:outline-red-200",e==null?void 0:e.input),children:u=>i(h,{segment:u,className:t("p-1 tabular-nums text-end text-slate-900","invalid:text-red-500","disabled:cursor-default disabled:select-none disabled:text-slate-400","focus:text-slate-900 focus:bg-slate-200 focus:outline-0 focus:rounded-md focus:caret-transparent focus:invalid:bg-red-500 focus:invalid:text-white","type-literal:p-0.5","data-[placeholder]:text-slate-400 data-[placeholder]:invalid:text-red-500 data-[placeholder]:invalid:focus:text-white","aria-[readonly]:focus-visible:outline aria-[readonly]:focus-visible:outline-slate-500 aria-[readonly]:focus-visible:outline-1","aria-[readonly]:focus:outline aria-[readonly]:focus:outline-slate-500 aria-[readonly]:focus:bg-transparent aria-[readonly]:focus:outline-2",e==null?void 0:e.segment)})}),r&&i(c,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.description),slot:"description",children:r}),i(p,{className:t("flex text-red-500 text-sm",e==null?void 0:e.error),children:d})]})}export{g as TimeInput,g as default};

package/components/TimeInput/index.js

@@ -1 +1 @@
-import{TimeInput as i}from"./TimeInput.js";import"react/jsx-runtime";import"react-aria-components";import"../../assets/cn-CytzSlOG.js";export{i as TimeInput};
+import{TimeInput as i}from"./TimeInput.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";export{i as TimeInput};

package/components/ToggleButton/ToggleButton.js

@@ -1 +1 @@
-import{jsx as l}from"react/jsx-runtime";import{ToggleButton as b}from"react-aria-components";import{c as n}from"../../assets/cn-CytzSlOG.js";function g({children:o,size:e="md",variant:t="solid",className:r,...d}){return l(b,{className:a=>{const{isDisabled:s}=a;return n("flex items-center justify-center","font-semibold text-sm","rounded-md border-solid border","px-4","transition-all duration-200 ease-in-out","focus:outline-2 focus:outline focus:outline-slate-200 pressed:scale-95",{"h-8":e==="sm","h-10":e==="md","h-12":e==="lg"},[t==="ghost"&&["bg-transparent hover:bg-transparent focus:bg-transparent disabled:bg-transparent","border-transparent hover:border-transparent focus:border-transparent disabled:border-transparent","text-slate-900 disabled:text-slate-400",s&&["disabled:text-slate-900","opacity-75"]],t==="outline"&&["bg-transparent hover:bg-transparent focus:bg-transparent disabled:bg-transparent","border-slate-300 hover:border-slate-400 focus:border-slate-400 disabled:border-slate-200","text-slate-900 disabled:text-slate-500",s&&["disabled:border-slate-300","disabled:text-slate-900","opacity-75"]],t==="solid"&&["bg-slate-800 hover:bg-slate-900 focus:bg-slate-900 disabled:bg-slate-900","border-slate-800 hover:border-slate-900 focus:border-slate-900 disabled:border-slate-200","text-white disabled:text-slate-400",s&&["disabled:border-slate-900","disabled:text-white","opacity-75"]]],typeof r=="function"?r(a):r)},...d,children:o})}export{g as ToggleButton,g as default};
+import{jsx as l}from"react/jsx-runtime";import{ToggleButton as b}from"react-aria-components";import{cn as n}from"../../utils/cn.js";function g({children:o,size:e="md",variant:t="solid",className:r,...d}){return l(b,{className:a=>{const{isDisabled:s}=a;return n("flex items-center justify-center","font-semibold text-sm","rounded-md border-solid border","px-4","transition-all duration-200 ease-in-out","focus:outline-2 focus:outline focus:outline-slate-200 pressed:scale-95",{"h-8":e==="sm","h-10":e==="md","h-12":e==="lg"},[t==="ghost"&&["bg-transparent hover:bg-transparent focus:bg-transparent disabled:bg-transparent","border-transparent hover:border-transparent focus:border-transparent disabled:border-transparent","text-slate-900 disabled:text-slate-400",s&&["disabled:text-slate-900","opacity-75"]],t==="outline"&&["bg-transparent hover:bg-transparent focus:bg-transparent disabled:bg-transparent","border-slate-300 hover:border-slate-400 focus:border-slate-400 disabled:border-slate-200","text-slate-900 disabled:text-slate-500",s&&["disabled:border-slate-300","disabled:text-slate-900","opacity-75"]],t==="solid"&&["bg-slate-800 hover:bg-slate-900 focus:bg-slate-900 disabled:bg-slate-900","border-slate-800 hover:border-slate-900 focus:border-slate-900 disabled:border-slate-200","text-white disabled:text-slate-400",s&&["disabled:border-slate-900","disabled:text-white","opacity-75"]]],typeof r=="function"?r(a):r)},...d,children:o})}export{g as ToggleButton,g as default};

package/components/ToggleButton/index.js

@@ -1 +1 @@
-import{ToggleButton as i}from"./ToggleButton.js";import"react/jsx-runtime";import"react-aria-components";import"../../assets/cn-CytzSlOG.js";export{i as ToggleButton};
+import{ToggleButton as i}from"./ToggleButton.js";import"react/jsx-runtime";import"react-aria-components";import"../../utils/cn.js";export{i as ToggleButton};

package/components/Tooltip/Tooltip.js

@@ -1 +1 @@
-import{jsx as l}from"react/jsx-runtime";import{forwardRef as f}from"react";import{Tooltip as b}from"@nextui-org/tooltip";import{c as t}from"../../assets/cn-CytzSlOG.js";const s=f(function({classNames:e,placement:a,showArrow:o=!1,...r},n){return l(b,{classNames:{base:[t(["z-0 relative bg-transparent outline-none","focus-visible:z-10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-slate-500","before:absolute before:rotate-45 before:w-2.5 before:h-2.5 before:rounded-sm before:bg-slate-500 before:shadow-sm","before:hidden data-[arrow=true]:before:block","data-[placement=bottom]:before:-top-1 data-[placement=bottom]:before:left-1/2 data-[placement=bottom]:before:rotate-45 data-[placement=bottom]:before:-translate-x-1/2","data-[placement=bottom-end]:before:-top-1 data-[placement=bottom-end]:before:left-1/2 data-[placement=bottom-end]:before:rotate-45 data-[placement=bottom-end]:before:-translate-x-1/2","data-[placement=bottom-start]:before:-top-1 data-[placement=bottom-start]:before:left-1/2 data-[placement=bottom-start]:before:rotate-45 data-[placement=bottom-start]:before:-translate-x-1/2","data-[placement=left]:before:-right-1 data-[placement=left]:before:top-1/2 data-[placement=left]:before:-translate-y-1/2","data-[placement=left-end]:before:-right-1 data-[placement=left-end]:before:top-1/2 data-[placement=left-end]:before:-translate-y-1/2","data-[placement=left-start]:before:-right-1 data-[placement=left-start]:before:top-1/2 data-[placement=left-start]:before:-translate-y-1/2","data-[placement=right]:before:-left-1 data-[placement=right]:before:top-1/2 data-[placement=right]:before:-translate-y-1/2","data-[placement=right-end]:before:-left-1 data-[placement=right-end]:before:top-1/2 data-[placement=right-end]:before:-translate-y-1/2","data-[placement=right-start]:before:-left-1 data-[placement=right-start]:before:top-1/2 data-[placement=right-start]:before:-translate-y-1/2","data-[placement=top]:before:-bottom-1 data-[placement=top]:before:left-1/2 data-[placement=top]:before:rotate-45 data-[placement=top]:before:-translate-x-1/2","data-[placement=top-end]:before:-bottom-1 data-[placement=top-end]:before:left-1/2 data-[placement=top-end]:before:rotate-45 data-[placement=top-end]:before:-translate-x-1/2","data-[placement=top-start]:before:-bottom-1 data-[placement=top-start]:before:left-1/2 data-[placement=top-start]:before:rotate-45 data-[placement=top-start]:before:-translate-x-1/2",e==null?void 0:e.base])],content:[t(["inline-flex flex-col items-center justify-center outline-none","w-full py-1 px-2.5 z-10 box-border bg-slate-500 rounded-md shadow-sm","text-sm text-white subpixel-antialiased",e==null?void 0:e.content])]},placement:a,showArrow:o,...r,ref:n})});export{s as Tooltip,s as default};
+import{jsx as l}from"react/jsx-runtime";import{forwardRef as f}from"react";import{Tooltip as b}from"@nextui-org/tooltip";import{cn as t}from"../../utils/cn.js";const s=f(function({classNames:e,placement:a,showArrow:o=!1,...r},n){return l(b,{classNames:{base:[t(["z-0 relative bg-transparent outline-none","focus-visible:z-10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-slate-500","before:absolute before:rotate-45 before:w-2.5 before:h-2.5 before:rounded-sm before:bg-slate-500 before:shadow-sm","before:hidden data-[arrow=true]:before:block","data-[placement=bottom]:before:-top-1 data-[placement=bottom]:before:left-1/2 data-[placement=bottom]:before:rotate-45 data-[placement=bottom]:before:-translate-x-1/2","data-[placement=bottom-end]:before:-top-1 data-[placement=bottom-end]:before:left-1/2 data-[placement=bottom-end]:before:rotate-45 data-[placement=bottom-end]:before:-translate-x-1/2","data-[placement=bottom-start]:before:-top-1 data-[placement=bottom-start]:before:left-1/2 data-[placement=bottom-start]:before:rotate-45 data-[placement=bottom-start]:before:-translate-x-1/2","data-[placement=left]:before:-right-1 data-[placement=left]:before:top-1/2 data-[placement=left]:before:-translate-y-1/2","data-[placement=left-end]:before:-right-1 data-[placement=left-end]:before:top-1/2 data-[placement=left-end]:before:-translate-y-1/2","data-[placement=left-start]:before:-right-1 data-[placement=left-start]:before:top-1/2 data-[placement=left-start]:before:-translate-y-1/2","data-[placement=right]:before:-left-1 data-[placement=right]:before:top-1/2 data-[placement=right]:before:-translate-y-1/2","data-[placement=right-end]:before:-left-1 data-[placement=right-end]:before:top-1/2 data-[placement=right-end]:before:-translate-y-1/2","data-[placement=right-start]:before:-left-1 data-[placement=right-start]:before:top-1/2 data-[placement=right-start]:before:-translate-y-1/2","data-[placement=top]:before:-bottom-1 data-[placement=top]:before:left-1/2 data-[placement=top]:before:rotate-45 data-[placement=top]:before:-translate-x-1/2","data-[placement=top-end]:before:-bottom-1 data-[placement=top-end]:before:left-1/2 data-[placement=top-end]:before:rotate-45 data-[placement=top-end]:before:-translate-x-1/2","data-[placement=top-start]:before:-bottom-1 data-[placement=top-start]:before:left-1/2 data-[placement=top-start]:before:rotate-45 data-[placement=top-start]:before:-translate-x-1/2",e==null?void 0:e.base])],content:[t(["inline-flex flex-col items-center justify-center outline-none","w-full py-1 px-2.5 z-10 box-border bg-slate-500 rounded-md shadow-sm","text-sm text-white subpixel-antialiased",e==null?void 0:e.content])]},placement:a,showArrow:o,...r,ref:n})});export{s as Tooltip,s as default};

package/components/Tooltip/index.js

@@ -1 +1 @@
-import{Tooltip as e}from"./Tooltip.js";import"react/jsx-runtime";import"react";import"@nextui-org/tooltip";import"../../assets/cn-CytzSlOG.js";export{e as Tooltip};
+import{Tooltip as e}from"./Tooltip.js";import"react/jsx-runtime";import"react";import"@nextui-org/tooltip";import"../../utils/cn.js";export{e as Tooltip};

package/components/UploadImage/UploadImage.d.ts

@@ -0,0 +1,3 @@
+import { UploadImageProps } from './UploadImage.types';
+export declare const UploadImage: import('react').ForwardRefExoticComponent<Omit<UploadImageProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+export default UploadImage;

package/components/UploadImage/UploadImage.js

@@ -0,0 +1 @@
+import{jsxs as t,Fragment as u,jsx as e}from"react/jsx-runtime";import{forwardRef as v,useState as j}from"react";import{motion as N}from"framer-motion";import{N as V}from"../../assets/image-DzfFRUBL.js";import{FieldError as _}from"react-aria-components";import{cn as a}from"../../utils/cn.js";import{useIsClient as k}from"../../hooks/useIsClient.js";import{Skeleton as x}from"../Skeleton/Skeleton.js";import"react-dom";function U({hasTitle:n,className:o}){return t("div",{className:"w-full h-full flex flex-col gap-4",children:[n&&e(x,{className:"w-1/2 h-8 mx-auto rounded-md z-20"}),e(x,{className:a("w-full h-56 rounded-md z-20 relative",o)})]})}const O=v(({title:n,description:o="Preview will display here.",fileExtension:h,actionTitle:g="select file",variant:c,errorMessage:f,defaultImagePath:d,classNames:i,...l},p)=>{const b=k(),[r,w]=j({src:null,alt:null}),C=!!f,y=h?h.split(",").map(s=>`image/${s.trim()}`).join(", "):"image/*";return t("div",{className:a("w-full h-full","flex flex-col gap-4"),children:[b?t(u,{children:[n&&e("h6",{className:a("text-center","text-2xl","m-0 mb-4"),children:n}),t("div",{className:a("w-full h-full","flex flex-col justify-between gap-5 items-center",["bg-slate-100",c==="base"&&"bg-transparent"],"rounded-md",[c==="base"&&"rounded-none"],["p-6 lg:p-7",c==="base"&&"p-0 lg:p-0"]),children:[t("label",{htmlFor:`${l==null?void 0:l.name}-upload-file`,"aria-label":"image upload",onChange:s=>{const{target:{files:m}}=s;m&&w({src:URL.createObjectURL(m[0]),alt:m[0].name})},className:a("inline-flex justify-center items-center","uppercase text-base border-slate-200","bg-transparent","border-1 border-solid","px-4 py-0","rounded-2xl","cursor-pointer","w-full h-9",["max-w-48",c==="base"&&"max-w-none"],"my-0 mx-auto","has-[:disabled]:bg-transparent has-[:disabled]:text-slate-950","hover:bg-slate-100s hover:text-black",i==null?void 0:i.label),children:[g,e("input",{id:`${l==null?void 0:l.name}-upload-file`,accept:y,type:"file",hidden:!0,...l,ref:p,className:"hidden"})]}),d&&!r.src?e("div",{className:"flex justify-center items-center w-60",children:e("a",{href:d,target:"_blank",rel:"noreferrer",children:e("img",{src:d,alt:"",className:"w-full h-auto"})})}):t(u,{children:[e(N.div,{initial:{opacity:0},animate:{opacity:1},transition:{type:"spring",duration:3,bounce:0},className:"flex justify-center items-center w-52 h-auto",children:r.src?e(V,{src:r.src,height:96,width:200,alt:r.alt||"",className:"max-h-full object-contain"}):t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"31",height:"55",viewBox:"0 0 31 55",fill:"none",children:[e("g",{clipPath:"url(#clip0_15607_32844)",children:e("path",{d:"M15.9521 0.721924C24.2431 0.721924 30.9521 7.36392 30.9521 15.5719V43.9219C30.9521 49.8889 26.0703 54.7219 20.0431 54.7219C14.0158 54.7219 9.13397 49.8889 9.13397 43.9219V20.9719C9.13397 17.2459 12.1885 14.2219 15.9521 14.2219C19.7158 14.2219 22.7703 17.2459 22.7703 20.9719V41.2219H17.3158V20.7289C17.3158 19.2439 14.5885 19.2439 14.5885 20.7289V43.9219C14.5885 46.8919 17.0431 49.3219 20.0431 49.3219C23.0431 49.3219 25.4976 46.8919 25.4976 43.9219V15.5719C25.4976 10.3609 21.2158 6.12192 15.9521 6.12192C10.6885 6.12192 6.40669 10.3609 6.40669 15.5719V41.2219H0.952148V15.5719C0.952148 7.36392 7.66124 0.721924 15.9521 0.721924Z",fill:"#646464"})}),e("defs",{children:e("clipPath",{id:"clip0_15607_32844",children:e("rect",{width:"30",height:"54",fill:"white",transform:"translate(0.952148 0.721924)"})})})]})},r.src),e("p",{className:"m-0 text-slate-950 text-center",children:r.alt||o})]})]})]}):e(U,{hasTitle:!!n,className:i==null?void 0:i.skeleton}),C&&e(_,{className:a("-mt-2","self-start"),children:f})]})});export{O as UploadImage,O as default};

package/components/UploadImage/UploadImage.types.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
+import { SlotsToClasses } from '../../types/SlotsToClasses';
+export type UploadImageProps = UseFormRegisterReturn & {
+    title?: string;
+    description?: ReactNode;
+    name?: string;
+    fileExtension?: string;
+    actionTitle?: string;
+    errorMessage?: string;
+    defaultImagePath?: string;
+    variant?: 'default' | 'base';
+    classNames?: SlotsToClasses<'label' | 'skeleton'>;
+};

package/components/UploadImage/index.d.ts

@@ -0,0 +1,2 @@
+export { UploadImage } from './UploadImage';
+export type { UploadImageProps } from './UploadImage.types';

package/components/UploadImage/index.js

@@ -0,0 +1 @@
+import{UploadImage as l}from"./UploadImage.js";import"react/jsx-runtime";import"react";import"framer-motion";import"../../assets/image-DzfFRUBL.js";import"react-dom";import"react-aria-components";import"../../utils/cn.js";import"../../hooks/useIsClient.js";import"../Skeleton/Skeleton.js";export{l as UploadImage};

package/hooks/useIsClient.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsClient(): boolean;
+export default useIsClient;