@arkyn/components 1.3.79 → 1.3.81
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/bundle.js +173 -168
- package/dist/bundle.umd.cjs +1 -1
- package/dist/components/Table/TableBody/index.d.ts.map +1 -1
- package/dist/components/Table/TableBody/index.js +4 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/Popover/styles.css +1 -1
- package/src/components/Table/TableBody/index.tsx +22 -2
- package/src/components/Table/TableBody/styles.css +19 -0
package/dist/bundle.umd.cjs
CHANGED
@@ -29,5 +29,5 @@ Check the top-level render call using <`+g+">.")}return m}}function Rt(n,m){{if(
|
|
29
29
|
<%s {...props} />
|
30
30
|
React keys must be passed directly to JSX without using spread:
|
31
31
|
let props = %s;
|
32
|
-
<%s key={someKey} {...props} />`,ct,Te,Sa,Te),_t[Te+ct]=!0}}return n===s?wa(re):xa(re),re}}function Ca(n,m,g){return Ft(n,m,g,!0)}function ka(n,m,g){return Ft(n,m,g,!1)}var Na=ka,ja=Ca;Be.Fragment=s,Be.jsx=Na,Be.jsxs=ja}()),Be}process.env.NODE_ENV==="production"?Je.exports=zt():Je.exports=Dt();var r=Je.exports;const ft=l.createContext({});function Lt(){return l.useContext(ft)}function Mt(e){const{schema:t,className:a,...s}=e,i=`arkynAlertContainer ${t} ${a}`;return r.jsx(ft.Provider,{value:e,children:r.jsx("div",{className:i.trim(),...s})})}function At(e){const{className:t,...a}=e,s=`arkynAlertContent ${t}`;return r.jsx("div",{className:s.trim(),...a})}function Vt(e){const{className:t,...a}=e,s=`arkynAlertDescription ${t}`;return r.jsx("div",{className:s.trim(),...a})}function Wt(e){const{className:t,...a}=e,{schema:s}=Lt(),i=`arkynAlertIcon ${s} ${t}`;switch(s){case"success":return r.jsx(Y.CheckCircle2,{className:i,...a});case"danger":return r.jsx(Y.XCircle,{className:i,...a});case"warning":return r.jsx(Y.AlertTriangle,{className:i,...a});case"info":return r.jsx(Y.Info,{className:i,...a})}}function Yt(e){const{className:t,...a}=e,s=`arkynAlertTitle ${t}`;return r.jsx("div",{className:s.trim(),...a})}function Ae(e,t){return t?r.jsx(t,{size:e,strokeWidth:2.5}):r.jsx(r.Fragment,{})}function mt(e,t){return[...new Array(t-e)].map((a,s)=>e+s+1).filter(a=>a>0)}function Ht(e,t,a){return e>=a?[]:mt(e,e+t)}function Ut(e,t){return e<=1?[]:mt(e-1-t,e-1)}function Kt(e,t,a){if(!e)return r.jsx(r.Fragment,{});if(typeof e=="string")return r.jsx("p",{className:a,children:e});const s=e;return r.jsx("p",{className:a,children:r.jsx(s,{color:"var(--secondary-600)",size:t,strokeWidth:2.5})})}function Xt(e){const{variant:t="ghost",scheme:a="primary",size:s="md",leftIcon:i,rightIcon:c,className:f="",children:u,...d}=e,h={md:12,lg:14}[s],y=`arkynBadge ${t} ${a} ${s} ${f}`;return r.jsxs("div",{className:y.trim(),...d,children:[Ae(h,i),u,Ae(h,i)]})}function qt(e){const{className:t,...a}=e,s=`arkynCard ${t}`;return r.jsx("div",{className:s.trim(),...a})}function Gt(e){const{className:t,orientation:a="horizontal",...s}=e,i=`arkynDivider ${a} ${t}`;return r.jsx("div",{className:i.trim(),...s})}function Jt(e){const{className:t,...a}=e,s=`arkynSkeleton ${t}`;return r.jsx("aside",{className:s.trim(),...a})}function Zt(e){const{className:t,...a}=e,s=`arkynTableBody ${t}`;return r.jsx("tbody",{className:s.trim(),...a})}function Qt(e){const{className:t,children:a,...s}=e,i=`arkynTableCaption ${t}`;return r.jsx("caption",{className:i.trim(),...s,children:r.jsx("div",{className:"arkynTableCaptionContent",children:a})})}function en(e){const{children:t,className:a,...s}=e,i=`arkynTableContainer ${a}`;return r.jsx("div",{className:i.trim(),...s,children:r.jsx("table",{children:t})})}function tn(e){const{className:t,children:a,...s}=e,i=`arkynTableFooter ${t}`;return r.jsxs("tfoot",{className:i.trim(),...s,children:[r.jsx("tr",{className:"spacingRow"}),r.jsx("tr",{children:r.jsx("th",{colSpan:100,children:r.jsx("div",{className:"arkynTableFooterContent",children:a})})})]})}function nn(e){const{className:t,children:a,...s}=e,i=`arkynTableHeader ${t}`;return r.jsxs("thead",{className:i.trim(),...s,children:[r.jsx("tr",{children:a}),r.jsx("tr",{className:"spacingRow"})]})}function an(e){const{isLoading:t=!1,scheme:a="primary",variant:s="solid",loadingText:i,size:c="md",leftIcon:f,rightIcon:u,disabled:d,className:p="",children:h,...y}=e,b={xs:12,sm:16,md:20,lg:24}[c],k=`arkynButton ${t?"loadingTrue":"loadingFalse"} ${s} ${a} ${c} ${i?"loadingTextTrue":"loadingTextFalse"} ${p}`;return r.jsxs("button",{className:k,disabled:d||t,...y,children:[r.jsxs("div",{className:"arkynButtonSpinner",children:[r.jsx(Y.Loader2,{size:b,strokeWidth:2.5}),i&&i]}),r.jsxs("div",{className:"arkynButtonContent",children:[Ae(b,f),h,Ae(b,u)]})]})}const ht=l.createContext({});function rn(e){var h,y;const t=Pe.useActionData(),{children:a,className:s,...i}=e,c=l.useRef(null),f=((h=c.current)==null?void 0:h.name)||"",u=((y=t==null?void 0:t.fieldErrors)==null?void 0:y[f])||null,d=l.useId(),p=`arkynFormController ${s}`;return r.jsx(ht.Provider,{value:{error:u,id:d,inputRef:c},children:r.jsx("section",{className:p.trim(),...i,children:a})})}function be(){return l.useContext(ht)}function sn(e){const{name:t,className:a="",size:s="md",isError:i,defaultChecked:c=!1,checked:f=null,onCheck:u,value:d,...p}=e,{id:h,inputRef:y,error:o}=be(),b=i||!!o,[j,C]=l.useState(c||!1),k=typeof f=="boolean"?f:j,O=`arkynCheckbox ${s} ${b?"errorTrue":"errorFalse"} ${k?"checkedTrue":"checkedFalse"} ${a}`;function F(){const $=j;C(!$),u&&u($?"":d||"checked")}return r.jsxs("button",{id:h,type:"button",className:O,onClick:F,...p,children:[r.jsx("input",{type:"hidden",name:t,ref:y,value:k?d||"checked":""}),r.jsx(Y.Check,{})]})}function on(e){const{children:t,className:a,...s}=e,i=`arkynFormError ${a}`,{error:c}=be();return t?r.jsx("strong",{className:i.trim(),...s,children:t}):c?r.jsx("strong",{className:i.trim(),...s,children:c}):r.jsx(r.Fragment,{})}function ln(e){const{showAsterisk:t=!1,className:a="",...s}=e,{id:i}=be(),f=`arkynFormLabel ${t?"asteriskTrue":"asteriskFalse"} ${a}`;return r.jsx("label",{className:f.trim(),htmlFor:i,...s})}function cn(e){const{isLoading:t=!1,scheme:a="primary",variant:s="solid",size:i="md",icon:c,disabled:f,className:u="",...d}=e,p={xs:12,sm:16,md:20,lg:24},y=`arkynIconButton ${s} ${a} ${i} ${t?"loadingTrue":"loadingFalse"} ${u}`;return r.jsxs("button",{disabled:f||t,className:y.trim(),...d,children:[r.jsx("div",{className:"arkynIconButtonSpinner",children:r.jsx(Y.Loader2,{size:p[i],strokeWidth:2.5})}),r.jsx("div",{className:"arkynIconButtonContent",children:r.jsx(c,{size:p[i],strokeWidth:2.5})})]})}function Ce(e,t,a){if(!e)return r.jsx(r.Fragment,{});if(typeof e=="string")return r.jsx("p",{className:a,children:e});const s=e;return r.jsx("p",{className:a,children:r.jsx(s,{color:"var(--secondary-600)",size:t,strokeWidth:2.5})})}function Ze(e){return e&&e.replace(/[^0-9]/g,"")}function pt(e,t){let a="",s=0;return Array.from(e).forEach((i,c)=>{t[c+s].match(/[0-9]/)||(a+=t[c+s],s++),a+=i}),a}function gt(e){return e.length>11?"CNPJ":"CPF"}const Qe={CPF:"999.999.999-999",CNPJ:"99.999.999/9999-99"},vt=Ze(Qe.CNPJ).length;function un(e,t){const{isLoading:a,isError:s,size:i="md",className:c="",variant:f="solid",prefix:u,sufix:d,leftIcon:p,rightIcon:h,disabled:y,defaultValue:o,readOnly:b,onFocus:j,onBlur:C,title:k,style:v,onChange:w,...O}=e;function F(X){let M=Ze(X);const q=gt(M);if(!(M.length>vt))return M=pt(M,Qe[q]),M}const $=h?"right":"left",z=`arkyn_input ${u?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${i} ${y||b||a?"opacity":""} ${s?"errored":""} ${t?"focused":""} ${c}`,E={md:20,lg:20}[i];return{isLoading:a,className:z,prefix:Ce(u,E,"prefix"),sufix:Ce(d,E,"sufix"),LeftIcon:p,RightIcon:h,defaultValue:F(o||""),disabled:y,readOnly:b,onFocus:j,onBlur:C,title:k,style:v,onChange:w,loadingPosition:$,iconSize:E,Spinner:r.jsx(Y.Loader2,{className:"spinner",size:E,strokeWidth:2.5}),...O}}function dn(e){const[t,a]=l.useState(!1),s=l.useRef(null),{inputRef:i,id:c,error:f}=be(),u=i||s,d=e.isError||!!f,{disabled:p,title:h,style:y,className:o,prefix:b,sufix:j,iconSize:C,loadingPosition:k,isLoading:v,LeftIcon:w,readOnly:O,onFocus:F,onBlur:$,RightIcon:W,Spinner:L,onChange:K,value:H,defaultValue:Z,...z}=un({...e,id:c,isError:d},t),[ae,E]=l.useState(Z),X=w&&!v,M=W&&!v,q=k==="left"&&v,te=k==="right"&&v;function R(){p||!(u!=null&&u.current)||(a(!0),u.current.focus())}function Q(P){let S=Ze(P.target.value);const ee=gt(S);S.length>vt||(S=pt(S,Qe[ee]),P.target.value=S,E(S),K&&K(P))}function le(P){a(!0),F&&F(P)}function _(P){a(!1),$&&$(P)}return r.jsxs("section",{title:h,style:y,onClick:R,className:o,children:[b,q&&L,X&&r.jsx(w,{size:C,strokeWidth:2.5}),r.jsx("input",{disabled:p||v,readOnly:O,ref:u,value:H||ae,onFocus:le,onChange:Q,onBlur:_,...z}),M&&r.jsx(W,{size:C,strokeWidth:2.5}),te&&L,j]})}const fn=3,mn=(e="pt-BR",t,a="BRL",s=!0)=>new Intl.NumberFormat(e,{style:"currency",currency:a,currencyDisplay:"symbol",minimumFractionDigits:2,maximumFractionDigits:2}).format(t).slice(s?fn:0),Ve=2,bt=e=>typeof e=="number"?e:Number(e.toString().replace(/[^0-9-]/g,"")),et=e=>{let t=e;return typeof e=="string"?(t=bt(e),t%1!==0&&(t=t.toFixed(Ve))):t=Number.isInteger(e)?Number(e)*10**Ve:e.toFixed(Ve),bt(t)/10**Ve},yt=(e,t,a)=>{if(!t)return[0,""];const s=et(t),i=mn(e,s,a);return[s,i]};function hn(e,t){const{isLoading:a,isError:s,size:i="md",className:c="",variant:f="solid",prefix:u,sufix:d,leftIcon:p,rightIcon:h,disabled:y,readOnly:o,onFocus:b,onBlur:j,title:C,style:k,max:v=1e9,locale:w="pt-BR",currency:O="BRL",...F}=e,$=h?"right":"left",z=`arkyn_input ${u?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${i} ${y||o||a?"opacity":""} ${s?"errored":""} ${t?"focused":""} ${c}`,E={md:20,lg:20}[i];return{isLoading:a,className:z,prefix:Ce(u,E,"prefix"),sufix:Ce(d,E,"sufix"),LeftIcon:p,RightIcon:h,disabled:y,locale:w,currency:O,readOnly:o,onFocus:b,onBlur:j,title:C,style:k,max:v,loadingPosition:$,iconSize:E,Spinner:r.jsx(Y.Loader2,{className:"spinner",size:E,strokeWidth:2.5}),...F}}function pn(e){const[t,a]=l.useState(!1),[s,i]=l.useState("0"),c=l.useRef(null),{inputRef:f,id:u,error:d}=be(),p=f||c,h=e.isError||!!d,{disabled:y,title:o,style:b,className:j,prefix:C,sufix:k,iconSize:v,loadingPosition:w,isLoading:O,LeftIcon:F,readOnly:$,onFocus:W,onBlur:L,RightIcon:K,Spinner:H,value:Z,max:z,onChangeValue:ae,onKeyPress:E,currency:X,locale:M,name:q,defaultValue:te,...R}=hn({...e,id:u,isError:h},t),Q=F&&!O,le=K&&!O,_=w==="left"&&O,P=w==="right"&&O;function S(){y||!(p!=null&&p.current)||(a(!0),p.current.focus())}function ee(J){a(!0),W&&W(J)}function ce(J){a(!1),L&&L(J)}const G=J=>{const[se,ke]=yt(M,J,X);return!z||se<=z?(i(ke),[se,ke]):[et(s),s]},xe=J=>{J.preventDefault();const[se,ke]=G(J.target.value);ae(J,String(se),String(ke))},he=J=>E&&E(J,J.key,J.key);return l.useEffect(()=>{const J=Z||te||void 0,[,se]=yt(M,J,X);i(se)},[X,te,Z]),r.jsxs("section",{title:o,style:b,onClick:S,className:j,children:[C,_&&H,Q&&r.jsx(F,{size:v,strokeWidth:2.5}),r.jsx("input",{value:s,onChange:xe,onBlur:ce,onFocus:ee,onKeyUp:he,disabled:y||O,readOnly:$,ref:p,...R}),r.jsx("input",{type:"hidden",name:q,value:et(s)}),P&&H,le&&r.jsx(K,{size:v,strokeWidth:2.5}),k]})}function gn(e,t){const{isLoading:a,isError:s,size:i="md",className:c="",variant:f="solid",prefix:u,sufix:d,leftIcon:p,rightIcon:h,disabled:y,readOnly:o,onFocus:b,onBlur:j,title:C,style:k,onChange:v,showMask:w=!1,type:O,...F}=e,$=h?"right":"left",z=`arkyn_input ${u?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${i} ${y||o||a?"opacity":""} ${s?"errored":""} ${t?"focused":""} ${c}`,E={md:20,lg:20}[i];return{isLoading:a,className:z,prefix:Ce(u,E,"prefix"),sufix:Ce(d,E,"sufix"),LeftIcon:p,RightIcon:h,disabled:y,readOnly:o,onFocus:b,onBlur:j,title:C,style:k,onChange:v,loadingPosition:$,iconSize:E,showMask:w,Spinner:r.jsx(Y.Loader2,{className:"spinner",size:E,strokeWidth:2.5}),...F}}const vn=l.forwardRef((e,t)=>r.jsx("input",{ref:t,...e}));function bn(e){const[t,a]=l.useState(!1),s=l.useRef(null),{inputRef:i,id:c,error:f}=be(),u=i||s,d=e.isError||!!f,{disabled:p,title:h,style:y,className:o,prefix:b,sufix:j,iconSize:C,loadingPosition:k,isLoading:v,LeftIcon:w,readOnly:O,onFocus:F,onBlur:$,RightIcon:W,Spinner:L,...K}=gn({...e,id:c,isError:d},t),H=w&&!v,Z=W&&!v,z=k==="left"&&v,ae=k==="right"&&v;function E(){p||!(u!=null&&u.current)||(a(!0),u.current.focus())}function X(q){a(!0),F&&F(q)}function M(q){a(!1),$&&$(q)}return r.jsxs("section",{title:h,style:y,onClick:E,className:o,children:[b,z&&L,H&&r.jsx(w,{size:C,strokeWidth:2.5}),r.jsx(Bt.InputMask,{component:vn,ref:u,onFocus:X,onBlur:M,disabled:p,...K}),Z&&r.jsx(W,{size:C,strokeWidth:2.5}),ae&&L,j]})}function yn(e,t){const{isLoading:a,isError:s,size:i="md",className:c="",variant:f="solid",prefix:u,sufix:d,leftIcon:p,rightIcon:h,disabled:y,readOnly:o,onFocus:b,onBlur:j,title:C,style:k,onChange:v,...w}=e,O=h?"right":"left",H=`arkyn_input ${u?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${i} ${y||o||a?"opacity":""} ${s?"errored":""} ${t?"focused":""} ${c}`,z={md:20,lg:20}[i];return{isLoading:a,className:H,prefix:Ce(u,z,"prefix"),sufix:Ce(d,z,"sufix"),LeftIcon:p,RightIcon:h,disabled:y,readOnly:o,onFocus:b,onBlur:j,title:C,style:k,onChange:v,loadingPosition:O,iconSize:z,Spinner:r.jsx(Y.Loader2,{className:"spinner",size:z,strokeWidth:2.5}),...w}}function xn(e){const[t,a]=l.useState(!1),s=l.useRef(null),{inputRef:i,id:c,error:f}=be(),u=i||s,d=e.isError||!!f,{disabled:p,title:h,style:y,className:o,prefix:b,sufix:j,iconSize:C,loadingPosition:k,isLoading:v,LeftIcon:w,readOnly:O,onFocus:F,onBlur:$,RightIcon:W,type:L,Spinner:K,...H}=yn({...e,id:c,isError:d},t),Z=w&&!v,z=W&&!v,ae=k==="left"&&v,E=k==="right"&&v;function X(){p||!(u!=null&&u.current)||(a(!0),u.current.focus())}function M(te){a(!0),F&&F(te)}function q(te){a(!1),$&&$(te)}return L==="hidden"?r.jsx("input",{style:{display:"none"},readOnly:!0,type:"text",ref:u,...H}):r.jsxs("section",{title:h,style:y,onClick:X,className:o,children:[b,ae&&K,Z&&r.jsx(w,{size:C,strokeWidth:2.5}),r.jsx("input",{disabled:p||v,readOnly:O,ref:u,onFocus:M,onBlur:q,type:L,...H}),z&&r.jsx(W,{size:C,strokeWidth:2.5}),E&&K,j]})}function wn(e){return e.type==="currency"?r.jsx(pn,{...e}):e.type==="masked"?r.jsx(bn,{...e}):e.type==="cpf-cnpj"?r.jsx(dn,{...e}):r.jsx(xn,{...e})}const xt=l.createContext({});function Cn(){return l.useContext(xt)}function kn(e){const{defaultValue:t,name:a,value:s,onChange:i,size:c="md",className:f="",...u}=e,[d,p]=l.useState(t||""),{inputRef:h,id:y}=be();function o(j){p(j),i&&i(j)}const b=`arkynRadioGroup ${c} ${f}`;return r.jsxs(xt.Provider,{value:{onChange:o,value:s||d,size:c},children:[r.jsx("input",{style:{display:"none"},type:"text",id:y,readOnly:!0,name:a,ref:h,value:d}),r.jsx("div",{className:b.trim(),...u})]})}function Nn(e){const{value:t,size:a,disabled:s,children:i,className:c="",...f}=e,{onChange:u,size:d,value:p}=Cn(),{error:h}=be(),C=`arkynRadioBox ${a||d} ${p===t?"checkedTrue":"checkedFalse"} ${h?"errorTrue":"errorFalse"} ${s?"disabledTrue":"disabledFalse"} ${c}`;return r.jsxs("label",{className:C.trim(),children:[r.jsx("button",{type:"button",disabled:s,onClick:()=>u(t),onFocus:()=>u(t),...f}),i]})}function jn(e,t){const{isLoading:a,isError:s,size:i="md",className:c="",variant:f="solid",prefix:u,leftIcon:d,disabled:p,readOnly:h,onFocus:y,onBlur:o,title:b,style:j,closeOnSelect:C=!0,...k}=e,$=`arkyn_select ${u?"hasPrefix":""} ${f} ${i} ${p||h||a?"opacity":""} ${s?"errored":""} ${t?"focused":""} ${c}`,L={md:20,lg:20}[i];return{isLoading:a,className:$,prefix:Kt(u,L,"prefix"),LeftIcon:d,disabled:p||a||h,onFocus:y,onBlur:o,title:b,closeOnSelect:C,style:j,iconSize:L,Spinner:r.jsx(Y.Loader2,{className:"spinner",size:L,strokeWidth:2.5}),...k}}function Sn(e){var P;const[t,a]=l.useState(!1),{inputRef:s,id:i,error:c}=be(),f=l.useRef(null),u=s||f,d=e.isError||!!c,{disabled:p,title:h,style:y,className:o,prefix:b,iconSize:j,isLoading:C,LeftIcon:k,value:v=null,defaultValue:w="",onFocus:O,onBlur:F,Spinner:$,name:W,placeholder:L,onSelect:K,options:H,optionMaxHeight:Z,closeOnSelect:z,...ae}=jn({...e,id:i,isError:d},t),[E,X]=l.useState(w);function M(){p||!(u!=null&&u.current)||t||(a(!0),u.current.focus())}function q(S){t||(a(!0),O&&O(S))}function te(){a(!1),F&&u.current&&u.current.blur()}function R(S){const{label:ee,value:ce}=S;X(E!==ce?ce:""),K&&K({label:ee,value:ce}),z&&te()}const Q=typeof v=="string"?v:E,le=((P=H.find(S=>S.value===Q))==null?void 0:P.label)||"",_=()=>{if(!t&&le)return!0;if(!t&&!le)return!1;if(t&&le)return!0;if(t&&!le)return!1};return r.jsxs(r.Fragment,{children:[r.jsxs("section",{title:h,style:y,onClick:M,className:`${o} placeholder_dark_${_()}`,children:[b,k&&r.jsx(k,{size:j,strokeWidth:2.5}),r.jsx("input",{disabled:p,readOnly:!0,placeholder:le||L,onFocus:q,...ae}),r.jsx("input",{type:"hidden",ref:u,name:W,value:Q||"",readOnly:!0}),t&&r.jsxs("div",{className:"arkyn_select_content",style:{overflow:"auto",maxHeight:Z},children:[H.map(({label:S,value:ee})=>r.jsxs("div",{onClick:()=>R({label:S,value:ee}),className:Q===ee?"arkyn_select_option active":"arkyn_select_option",children:[S," ",r.jsx(Y.Check,{})]},ee)),H.length<=0&&r.jsx("p",{children:"Sem opções disponíveis"})]}),!C&&r.jsx(Y.ChevronDown,{className:"arkyn_select_arrow",size:j,strokeWidth:2.5}),C&&$]}),t&&r.jsx("aside",{className:"arkyn_select_overlay",onClick:te})]})}function En(e){const{variant:t="solid",size:a="md",className:s,disabled:i=!1,readOnly:c=!1,onFocus:f,onBlur:u,title:d,style:p,...h}=e,[y,o]=l.useState(!1),{inputRef:b,id:j,error:C}=be(),k=l.useRef(null),v=b||k,O=e.isError||!!C?"errorTrue":"errorFalse",W=`arkynTextarea ${t} ${a} ${i||c?"opacityTrue":"opacityFalse"} ${O} ${y?"focusedTrue":"focusedFalse"} ${s}`;function L(){i||!(v!=null&&v.current)||(o(!0),v.current.focus())}function K(Z){o(!0),f&&f(Z)}function H(Z){o(!1),u&&u(Z)}return r.jsx("section",{title:d,style:p,onClick:L,className:W,children:r.jsx("textarea",{id:j,disabled:i,readOnly:c,ref:v,onFocus:K,onBlur:H,...h})})}function Tn(e){const{className:t="",...a}=e,s=`arkynBreadcrumbContainer ${t}`;return r.jsx("nav",{className:s,...a})}function Pn(e){const{pathname:t}=Pe.useLocation(),{className:a="",disabled:s=!1,children:i,to:c,...f}=e,d=`arkynBreadcrumbLink ${t===c?"active":"inactive"} ${a}`;return s?r.jsxs("p",{className:d,children:[r.jsx(Y.ChevronRight,{size:14,strokeWidth:2.5}),i]}):r.jsxs(Pe.Link,{to:c,className:d,...f,children:[r.jsx(Y.ChevronRight,{size:14,strokeWidth:2.5}),i]})}function wt(e=""){const t=Pe.useLocation(),a=new URLSearchParams(t.search),s=e?`${e}:`:"",i=c=>{Object.entries(c).forEach(([f,u])=>{u===void 0?a.delete(`${s}${f}`):a.set(`${s}${f}`,String(u))})};return{getParam:c=>a.get(`${s}${c}`),getScopedSearch:c=>{i(c);let f=a.toString();return f&&(f="?"+f),f}}}function $n(e){const{scope:t,totalCountRegisters:a,perPageKey:s="per_page",pageKey:i="page",siblingsCount:c=2,...f}=e,u=Pe.useNavigate(),{getParam:d,getScopedSearch:p}=wt(t),h=Number(d(i))||1,y=Number(d(s))||20,o=Math.ceil(a/y),b=Ut(h,c),j=Ht(h,c,o);function C(k){u(p({page:k}))}return r.jsxs("div",{className:"arkynPagination",...f,children:[r.jsx("button",{className:"arkynPaginationIconButton",disabled:h<=1,onClick:()=>C(h-1),children:r.jsx(Y.ChevronLeft,{})}),h>1+c&&r.jsxs(r.Fragment,{children:[r.jsx("button",{className:"arkynPaginationPageButton",onClick:()=>C(1),children:"1"}),h>2+c&&r.jsx("button",{disabled:!0,className:"arkynPaginationSpread",children:r.jsx(Y.Ellipsis,{})})]}),b.map((k,v)=>r.jsx("button",{onClick:()=>C(k),className:"arkynPaginationPageButton",children:k},v)),r.jsx("button",{className:"arkynPaginationCurrent",disabled:!0,children:h}),j.map((k,v)=>r.jsx("button",{onClick:()=>C(k),className:"arkynPaginationPageButton",children:k},v)),h+c<o&&r.jsxs(r.Fragment,{children:[h+1+c<o&&r.jsx("button",{disabled:!0,className:"arkynPaginationSpread",children:r.jsx(Y.Ellipsis,{})}),r.jsx("button",{className:"arkynPaginationPageButton",onClick:()=>C(o),children:o})]}),r.jsx("button",{className:"arkynPaginationIconButton",disabled:h>=o,onClick:()=>C(h+1),children:r.jsx(Y.ChevronRight,{})})]})}const tt=l.createContext({});function Rn(){if(!tt)throw new Error("useTabContext must be used within a TabProvider");return l.useContext(tt)}function In(e){const{children:t,onClick:a,defaultActive:s,className:i,...c}=e,[f,u]=l.useState(s||""),[d,p]=l.useState(!0),h=l.useRef(null),y=`arkynTabContainer ${i||""}`,[o,b]=l.useState({width:"0px",left:"0px",transition:"none"}),j=(k,v)=>{const w=k.getBoundingClientRect(),O=h.current.getBoundingClientRect(),F=v?void 0:"none";p(!1),b({transition:F,width:`${w.width}px`,left:`${w.left-O.left}px`})};l.useEffect(()=>{const k=h.current;if(!k)return;let v=null;v=k.querySelector("button.active"),v&&j(v)},[]);const C=k=>{const v=k.target;v&&(u(v.value),v.classList.add("active"),j(v,!0),a&&a(v.value))};return r.jsxs("nav",{ref:h,className:y.trim(),...c,children:[r.jsx(tt.Provider,{value:{handleTabClick:C,showInitialTab:d,value:f},children:t}),r.jsx("div",{className:"activeLine",style:o})]})}function _n(e){const{children:t,className:a="",onClick:s,...i}=e,{value:c,showInitialTab:f,handleTabClick:u}=Rn(),d=c===i.value&&c?"activeTrue":"activeFalse",h=`arkynTabButton ${c===i.value&&f?"showBorderBottom":""} ${d} ${a}`;function y(o){u(o),s&&s(o)}return r.jsx("button",{onClick:y,className:h.trim(),...i,children:t})}const Ct=l.createContext({});function Fn(e){const{isVisibled:t,makeInvisible:a,orientation:s="left",children:i,className:c,...f}=e,u=s==="left"?"-100%":"100%",p=`arkynDrawerContainer ${s} ${t?"visibleTrue":"visibleFalse"} ${c}`;return r.jsx(Ct.Provider,{value:{makeInvisible:a},children:r.jsx(Se.AnimatePresence,{children:t&&r.jsxs("aside",{className:p.trim(),...f,children:[r.jsx(Se.motion.div,{className:"arkynDrawerContainerOverlay",transition:{duration:.15,ease:"easeOut"},initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:a}),r.jsx(Se.motion.div,{className:"arkynDrawerContainerContent",transition:{ease:"easeOut",duration:.15},initial:{transform:`translateX(${u})`},animate:{transform:"translateX(0px)"},exit:{transform:`translateX(${u})`},children:i})]})})})}function Bn(e){const{showCloseButton:t=!0,className:a,children:s,...i}=e,{makeInvisible:c}=l.useContext(Ct),f=`arkynDrawerHeader ${a}`;return r.jsxs("header",{className:f.trim(),...i,children:[s,t&&r.jsx("button",{className:"arkynDrawerHeaderCloseButton",type:"button",onClick:c,"aria-label":"Close drawer",children:r.jsx(Y.X,{size:24})})]})}const kt=l.createContext({});function On(e){const{isVisibled:t,makeInvisible:a,children:s,className:i="",...c}=e,u=`arkynModalContainer ${t?"visibleTrue":"visibleFalse"} ${i}`;return r.jsx(kt.Provider,{value:{makeInvisible:a},children:r.jsx(Se.AnimatePresence,{children:t&&r.jsxs("aside",{className:u.trim(),...c,children:[r.jsx(Se.motion.div,{className:"arkynModalContainerOverlay",transition:{duration:.15,ease:"easeOut"},initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:a}),r.jsx(Se.motion.div,{className:"arkynModalContainerContent",transition:{duration:.15,ease:"easeOut"},initial:{opacity:0,scale:.75},animate:{opacity:1,scale:1},exit:{opacity:0,scale:0},children:s})]})})})}function zn(e){const{alignment:t="right",className:a,...s}=e,i=`arkynModalFooter ${t} ${a}`;return r.jsx("footer",{className:i.trim(),...s})}function Dn(e){const{showCloseButton:t=!0,className:a,children:s,...i}=e,{makeInvisible:c}=l.useContext(kt),f=`arkynModalHeader ${a}`;return r.jsxs("header",{className:f.trim(),...i,children:[s,t&&r.jsx("button",{type:"button",onClick:c,"aria-label":"Close modal button",className:"arkynModalHeaderCloseButton",children:r.jsx(Y.X,{size:24})})]})}function Ln(e){const{children:t,button:a,closeOnClick:s,orientation:i="bottom-left"}=e,[c,f]=l.useState(!1),d=`arkynPopover ${i} ${c?"visibleTrue":"visibleFalse"}`;function p(){c||f(!0)}return r.jsxs("div",{className:d,onClick:p,children:[a,r.jsx(Se.motion.div,{style:{visibility:c?"visible":"hidden"},transition:{ease:"easeOut",duration:0},initial:{opacity:0},animate:{opacity:c?1:0},exit:{opacity:0},onClick:()=>s&&f(!1),className:"arkynPopoverContent",children:t}),c&&r.jsx("div",{onClick:()=>f(!1),className:"arkynPopoverOverlay"})]})}function Nt(e){const{message:t,title:a,type:s,size:i="lg"}=e,c=`arkynToast ${s} ${i}`;function f(){switch(s){case"info":return r.jsx(Y.Info,{});case"success":return r.jsx(Y.CheckCircle2,{});case"danger":return r.jsx(Y.XCircle,{});case"warning":return r.jsx(Y.AlertCircle,{});default:return r.jsx(Y.Info,{})}}return r.jsxs("aside",{className:c,children:[r.jsxs("div",{children:[r.jsx("div",{className:"bg"}),r.jsx(f,{})]}),r.jsxs("p",{children:[r.jsx("strong",{title:a,children:a}),r.jsx("span",{children:t})]})]})}function Mn(e){const{text:t,size:a="lg",children:s,orientation:i="top",className:c="",...f}=e,u=`arkynTooltip ${a} ${i} ${c}`;return r.jsxs("div",{className:u.trim(),...f,children:[s,r.jsx("div",{className:"arkynTooltipText",children:t})]})}const nt=l.createContext({}),jt=l.createContext({});function St(){const e=l.useContext(jt);if(Object.entries(e).length===0)throw new Error("useToast must be used within a Provider");return e}function Et(e){return e&&typeof e.title=="string"&&typeof e.message=="string"&&(e.size===void 0||e.size==="md"||e.size==="lg")&&(e.type==="info"||e.type==="success"||e.type==="danger"||e.type==="warning")}function An(){const e=Pe.useActionData(),{closeModal:t}=l.useContext(nt),{showToast:a}=St();l.useEffect(()=>{const s=e==null?void 0:e.closeModalKey;s&&t(s)},[e]),l.useEffect(()=>{const s=e==null?void 0:e.toast,i=e==null?void 0:e.message;Et(s)&&a(s),!Et(s)&&i&&a({message:i,title:"Atenção!",type:"warning"})},[e])}const Tt=l.createContext({});function Vn(e){const t=l.useContext(Tt);if(Object.entries(t).length===0)throw new Error("useDrawer must be used within a Provider");if(e){const{drawerData:a,drawerIsOpen:s,openDrawer:i,closeDrawer:c}=t,f=s(e),u=a(e);return{drawerIsOpen:f,drawerData:u,openDrawer:h=>i(e,h),closeDrawer:()=>c(e)}}else return t}function Wn(e){const t=l.useContext(nt);if(Object.entries(t).length===0)throw new Error("useModal must be used within a Provider");if(e){const{modalData:a,modalIsOpen:s,openModal:i,closeModal:c}=t,f=s(e),u=a(e);return{modalIsOpen:f,modalData:u,openModal:h=>i(e,h),closeModal:()=>c(e)}}else return t}function Yn(e){const{children:t=!1}=e,[a,s]=l.useState([]);function i(d){return!!a.some(p=>p.key===d)}function c(d){var p;return(p=a.find(h=>h.key===d))==null?void 0:p.data}function f(d,p){const h=i(d);s(h?y=>[...y.filter(b=>b.key!==d),{key:d,data:p}]:[...a,{key:d,data:p}])}function u(d){s(a.filter(p=>p.key!==d))}return r.jsx(Tt.Provider,{value:{drawerIsOpen:i,drawerData:c,openDrawer:f,closeDrawer:u},children:t})}function Hn(e){const{children:t=!1}=e,[a,s]=l.useState([]);function i(d){return!!a.some(p=>p.key===d)}function c(d){var p;return(p=a.find(h=>h.key===d))==null?void 0:p.data}function f(d,p){const h=i(d);s(h?y=>[...y.filter(b=>b.key!==d),{key:d,data:p}]:[...a,{key:d,data:p}])}function u(d){s(a.filter(p=>p.key!==d))}return r.jsx(nt.Provider,{value:{modalIsOpen:i,modalData:c,openModal:f,closeModal:u},children:t})}var Un=e=>{switch(e){case"success":return qn;case"info":return Jn;case"warning":return Gn;case"error":return Zn;default:return null}},Kn=Array(12).fill(0),Xn=({visible:e})=>l.createElement("div",{className:"sonner-loading-wrapper","data-visible":e},l.createElement("div",{className:"sonner-spinner"},Kn.map((t,a)=>l.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${a}`})))),qn=l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},l.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),Gn=l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},l.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),Jn=l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},l.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),Zn=l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},l.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),Qn=()=>{let[e,t]=l.useState(document.hidden);return l.useEffect(()=>{let a=()=>{t(document.hidden)};return document.addEventListener("visibilitychange",a),()=>window.removeEventListener("visibilitychange",a)},[]),e},at=1,ea=class{constructor(){this.subscribe=e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);this.subscribers.splice(t,1)}),this.publish=e=>{this.subscribers.forEach(t=>t(e))},this.addToast=e=>{this.publish(e),this.toasts=[...this.toasts,e]},this.create=e=>{var t;let{message:a,...s}=e,i=typeof(e==null?void 0:e.id)=="number"||((t=e.id)==null?void 0:t.length)>0?e.id:at++,c=this.toasts.find(u=>u.id===i),f=e.dismissible===void 0?!0:e.dismissible;return c?this.toasts=this.toasts.map(u=>u.id===i?(this.publish({...u,...e,id:i,title:a}),{...u,...e,id:i,dismissible:f,title:a}):u):this.addToast({title:a,...s,dismissible:f,id:i}),i},this.dismiss=e=>(e||this.toasts.forEach(t=>{this.subscribers.forEach(a=>a({id:t.id,dismiss:!0}))}),this.subscribers.forEach(t=>t({id:e,dismiss:!0})),e),this.message=(e,t)=>this.create({...t,message:e}),this.error=(e,t)=>this.create({...t,message:e,type:"error"}),this.success=(e,t)=>this.create({...t,type:"success",message:e}),this.info=(e,t)=>this.create({...t,type:"info",message:e}),this.warning=(e,t)=>this.create({...t,type:"warning",message:e}),this.loading=(e,t)=>this.create({...t,type:"loading",message:e}),this.promise=(e,t)=>{if(!t)return;let a;t.loading!==void 0&&(a=this.create({...t,promise:e,type:"loading",message:t.loading,description:typeof t.description!="function"?t.description:void 0}));let s=e instanceof Promise?e:e(),i=a!==void 0;return s.then(async c=>{if(na(c)&&!c.ok){i=!1;let f=typeof t.error=="function"?await t.error(`HTTP error! status: ${c.status}`):t.error,u=typeof t.description=="function"?await t.description(`HTTP error! status: ${c.status}`):t.description;this.create({id:a,type:"error",message:f,description:u})}else if(t.success!==void 0){i=!1;let f=typeof t.success=="function"?await t.success(c):t.success,u=typeof t.description=="function"?await t.description(c):t.description;this.create({id:a,type:"success",message:f,description:u})}}).catch(async c=>{if(t.error!==void 0){i=!1;let f=typeof t.error=="function"?await t.error(c):t.error,u=typeof t.description=="function"?await t.description(c):t.description;this.create({id:a,type:"error",message:f,description:u})}}).finally(()=>{var c;i&&(this.dismiss(a),a=void 0),(c=t.finally)==null||c.call(t)}),a},this.custom=(e,t)=>{let a=(t==null?void 0:t.id)||at++;return this.create({jsx:e(a),id:a,...t}),a},this.subscribers=[],this.toasts=[]}},me=new ea,ta=(e,t)=>{let a=(t==null?void 0:t.id)||at++;return me.addToast({title:e,...t,id:a}),a},na=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",aa=ta,ra=()=>me.toasts,sa=Object.assign(aa,{success:me.success,info:me.info,warning:me.warning,error:me.error,custom:me.custom,message:me.message,promise:me.promise,dismiss:me.dismiss,loading:me.loading},{getHistory:ra});function oa(e,{insertAt:t}={}){if(!e||typeof document>"u")return;let a=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css",t==="top"&&a.firstChild?a.insertBefore(s,a.firstChild):a.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}oa(`:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999}:where([data-sonner-toaster][data-x-position="right"]){right:max(var(--offset),env(safe-area-inset-right))}:where([data-sonner-toaster][data-x-position="left"]){left:max(var(--offset),env(safe-area-inset-left))}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:max(var(--offset),env(safe-area-inset-top))}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:max(var(--offset),env(safe-area-inset-bottom))}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;background:var(--gray1);color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:0;right:0;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount, 0px));transition:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation:swipe-out .2s ease-out forwards}@keyframes swipe-out{0%{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount)));opacity:1}to{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount) + var(--lift) * -100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;--mobile-offset: 16px;right:var(--mobile-offset);left:var(--mobile-offset);width:100%}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset)}[data-sonner-toaster][data-y-position=bottom]{bottom:20px}[data-sonner-toaster][data-y-position=top]{top:20px}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset);right:var(--mobile-offset);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
|
32
|
+
<%s key={someKey} {...props} />`,ct,Te,Sa,Te),_t[Te+ct]=!0}}return n===s?wa(re):xa(re),re}}function Ca(n,m,g){return Ft(n,m,g,!0)}function ka(n,m,g){return Ft(n,m,g,!1)}var Na=ka,ja=Ca;Be.Fragment=s,Be.jsx=Na,Be.jsxs=ja}()),Be}process.env.NODE_ENV==="production"?Je.exports=zt():Je.exports=Dt();var r=Je.exports;const ft=l.createContext({});function Lt(){return l.useContext(ft)}function Mt(e){const{schema:t,className:a,...s}=e,i=`arkynAlertContainer ${t} ${a}`;return r.jsx(ft.Provider,{value:e,children:r.jsx("div",{className:i.trim(),...s})})}function At(e){const{className:t,...a}=e,s=`arkynAlertContent ${t}`;return r.jsx("div",{className:s.trim(),...a})}function Vt(e){const{className:t,...a}=e,s=`arkynAlertDescription ${t}`;return r.jsx("div",{className:s.trim(),...a})}function Wt(e){const{className:t,...a}=e,{schema:s}=Lt(),i=`arkynAlertIcon ${s} ${t}`;switch(s){case"success":return r.jsx(Y.CheckCircle2,{className:i,...a});case"danger":return r.jsx(Y.XCircle,{className:i,...a});case"warning":return r.jsx(Y.AlertTriangle,{className:i,...a});case"info":return r.jsx(Y.Info,{className:i,...a})}}function Yt(e){const{className:t,...a}=e,s=`arkynAlertTitle ${t}`;return r.jsx("div",{className:s.trim(),...a})}function Ae(e,t){return t?r.jsx(t,{size:e,strokeWidth:2.5}):r.jsx(r.Fragment,{})}function mt(e,t){return[...new Array(t-e)].map((a,s)=>e+s+1).filter(a=>a>0)}function Ht(e,t,a){return e>=a?[]:mt(e,e+t)}function Ut(e,t){return e<=1?[]:mt(e-1-t,e-1)}function Kt(e,t,a){if(!e)return r.jsx(r.Fragment,{});if(typeof e=="string")return r.jsx("p",{className:a,children:e});const s=e;return r.jsx("p",{className:a,children:r.jsx(s,{color:"var(--secondary-600)",size:t,strokeWidth:2.5})})}function Xt(e){const{variant:t="ghost",scheme:a="primary",size:s="md",leftIcon:i,rightIcon:c,className:f="",children:u,...d}=e,h={md:12,lg:14}[s],y=`arkynBadge ${t} ${a} ${s} ${f}`;return r.jsxs("div",{className:y.trim(),...d,children:[Ae(h,i),u,Ae(h,i)]})}function qt(e){const{className:t,...a}=e,s=`arkynCard ${t}`;return r.jsx("div",{className:s.trim(),...a})}function Gt(e){const{className:t,orientation:a="horizontal",...s}=e,i=`arkynDivider ${a} ${t}`;return r.jsx("div",{className:i.trim(),...s})}function Jt(e){const{className:t,...a}=e,s=`arkynSkeleton ${t}`;return r.jsx("aside",{className:s.trim(),...a})}function Zt(e){const{emptyMessage:t="Nenhum dado adicionado.",className:a,children:s,...i}=e,c=`arkynTableBody ${a}`,f=l.Children.count(s)===0;return r.jsx("tbody",{className:c.trim(),...i,children:f?r.jsx("tr",{className:"arkynTableBodyEmptyLine",children:r.jsx("td",{colSpan:100,children:r.jsx("div",{children:t})})}):s})}function Qt(e){const{className:t,children:a,...s}=e,i=`arkynTableCaption ${t}`;return r.jsx("caption",{className:i.trim(),...s,children:r.jsx("div",{className:"arkynTableCaptionContent",children:a})})}function en(e){const{children:t,className:a,...s}=e,i=`arkynTableContainer ${a}`;return r.jsx("div",{className:i.trim(),...s,children:r.jsx("table",{children:t})})}function tn(e){const{className:t,children:a,...s}=e,i=`arkynTableFooter ${t}`;return r.jsxs("tfoot",{className:i.trim(),...s,children:[r.jsx("tr",{className:"spacingRow"}),r.jsx("tr",{children:r.jsx("th",{colSpan:100,children:r.jsx("div",{className:"arkynTableFooterContent",children:a})})})]})}function nn(e){const{className:t,children:a,...s}=e,i=`arkynTableHeader ${t}`;return r.jsxs("thead",{className:i.trim(),...s,children:[r.jsx("tr",{children:a}),r.jsx("tr",{className:"spacingRow"})]})}function an(e){const{isLoading:t=!1,scheme:a="primary",variant:s="solid",loadingText:i,size:c="md",leftIcon:f,rightIcon:u,disabled:d,className:p="",children:h,...y}=e,b={xs:12,sm:16,md:20,lg:24}[c],k=`arkynButton ${t?"loadingTrue":"loadingFalse"} ${s} ${a} ${c} ${i?"loadingTextTrue":"loadingTextFalse"} ${p}`;return r.jsxs("button",{className:k,disabled:d||t,...y,children:[r.jsxs("div",{className:"arkynButtonSpinner",children:[r.jsx(Y.Loader2,{size:b,strokeWidth:2.5}),i&&i]}),r.jsxs("div",{className:"arkynButtonContent",children:[Ae(b,f),h,Ae(b,u)]})]})}const ht=l.createContext({});function rn(e){var h,y;const t=Pe.useActionData(),{children:a,className:s,...i}=e,c=l.useRef(null),f=((h=c.current)==null?void 0:h.name)||"",u=((y=t==null?void 0:t.fieldErrors)==null?void 0:y[f])||null,d=l.useId(),p=`arkynFormController ${s}`;return r.jsx(ht.Provider,{value:{error:u,id:d,inputRef:c},children:r.jsx("section",{className:p.trim(),...i,children:a})})}function be(){return l.useContext(ht)}function sn(e){const{name:t,className:a="",size:s="md",isError:i,defaultChecked:c=!1,checked:f=null,onCheck:u,value:d,...p}=e,{id:h,inputRef:y,error:o}=be(),b=i||!!o,[j,C]=l.useState(c||!1),k=typeof f=="boolean"?f:j,O=`arkynCheckbox ${s} ${b?"errorTrue":"errorFalse"} ${k?"checkedTrue":"checkedFalse"} ${a}`;function F(){const $=j;C(!$),u&&u($?"":d||"checked")}return r.jsxs("button",{id:h,type:"button",className:O,onClick:F,...p,children:[r.jsx("input",{type:"hidden",name:t,ref:y,value:k?d||"checked":""}),r.jsx(Y.Check,{})]})}function on(e){const{children:t,className:a,...s}=e,i=`arkynFormError ${a}`,{error:c}=be();return t?r.jsx("strong",{className:i.trim(),...s,children:t}):c?r.jsx("strong",{className:i.trim(),...s,children:c}):r.jsx(r.Fragment,{})}function ln(e){const{showAsterisk:t=!1,className:a="",...s}=e,{id:i}=be(),f=`arkynFormLabel ${t?"asteriskTrue":"asteriskFalse"} ${a}`;return r.jsx("label",{className:f.trim(),htmlFor:i,...s})}function cn(e){const{isLoading:t=!1,scheme:a="primary",variant:s="solid",size:i="md",icon:c,disabled:f,className:u="",...d}=e,p={xs:12,sm:16,md:20,lg:24},y=`arkynIconButton ${s} ${a} ${i} ${t?"loadingTrue":"loadingFalse"} ${u}`;return r.jsxs("button",{disabled:f||t,className:y.trim(),...d,children:[r.jsx("div",{className:"arkynIconButtonSpinner",children:r.jsx(Y.Loader2,{size:p[i],strokeWidth:2.5})}),r.jsx("div",{className:"arkynIconButtonContent",children:r.jsx(c,{size:p[i],strokeWidth:2.5})})]})}function Ce(e,t,a){if(!e)return r.jsx(r.Fragment,{});if(typeof e=="string")return r.jsx("p",{className:a,children:e});const s=e;return r.jsx("p",{className:a,children:r.jsx(s,{color:"var(--secondary-600)",size:t,strokeWidth:2.5})})}function Ze(e){return e&&e.replace(/[^0-9]/g,"")}function pt(e,t){let a="",s=0;return Array.from(e).forEach((i,c)=>{t[c+s].match(/[0-9]/)||(a+=t[c+s],s++),a+=i}),a}function gt(e){return e.length>11?"CNPJ":"CPF"}const Qe={CPF:"999.999.999-999",CNPJ:"99.999.999/9999-99"},vt=Ze(Qe.CNPJ).length;function un(e,t){const{isLoading:a,isError:s,size:i="md",className:c="",variant:f="solid",prefix:u,sufix:d,leftIcon:p,rightIcon:h,disabled:y,defaultValue:o,readOnly:b,onFocus:j,onBlur:C,title:k,style:v,onChange:w,...O}=e;function F(X){let M=Ze(X);const q=gt(M);if(!(M.length>vt))return M=pt(M,Qe[q]),M}const $=h?"right":"left",z=`arkyn_input ${u?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${i} ${y||b||a?"opacity":""} ${s?"errored":""} ${t?"focused":""} ${c}`,E={md:20,lg:20}[i];return{isLoading:a,className:z,prefix:Ce(u,E,"prefix"),sufix:Ce(d,E,"sufix"),LeftIcon:p,RightIcon:h,defaultValue:F(o||""),disabled:y,readOnly:b,onFocus:j,onBlur:C,title:k,style:v,onChange:w,loadingPosition:$,iconSize:E,Spinner:r.jsx(Y.Loader2,{className:"spinner",size:E,strokeWidth:2.5}),...O}}function dn(e){const[t,a]=l.useState(!1),s=l.useRef(null),{inputRef:i,id:c,error:f}=be(),u=i||s,d=e.isError||!!f,{disabled:p,title:h,style:y,className:o,prefix:b,sufix:j,iconSize:C,loadingPosition:k,isLoading:v,LeftIcon:w,readOnly:O,onFocus:F,onBlur:$,RightIcon:W,Spinner:L,onChange:K,value:H,defaultValue:Z,...z}=un({...e,id:c,isError:d},t),[ae,E]=l.useState(Z),X=w&&!v,M=W&&!v,q=k==="left"&&v,te=k==="right"&&v;function R(){p||!(u!=null&&u.current)||(a(!0),u.current.focus())}function Q(P){let S=Ze(P.target.value);const ee=gt(S);S.length>vt||(S=pt(S,Qe[ee]),P.target.value=S,E(S),K&&K(P))}function le(P){a(!0),F&&F(P)}function _(P){a(!1),$&&$(P)}return r.jsxs("section",{title:h,style:y,onClick:R,className:o,children:[b,q&&L,X&&r.jsx(w,{size:C,strokeWidth:2.5}),r.jsx("input",{disabled:p||v,readOnly:O,ref:u,value:H||ae,onFocus:le,onChange:Q,onBlur:_,...z}),M&&r.jsx(W,{size:C,strokeWidth:2.5}),te&&L,j]})}const fn=3,mn=(e="pt-BR",t,a="BRL",s=!0)=>new Intl.NumberFormat(e,{style:"currency",currency:a,currencyDisplay:"symbol",minimumFractionDigits:2,maximumFractionDigits:2}).format(t).slice(s?fn:0),Ve=2,bt=e=>typeof e=="number"?e:Number(e.toString().replace(/[^0-9-]/g,"")),et=e=>{let t=e;return typeof e=="string"?(t=bt(e),t%1!==0&&(t=t.toFixed(Ve))):t=Number.isInteger(e)?Number(e)*10**Ve:e.toFixed(Ve),bt(t)/10**Ve},yt=(e,t,a)=>{if(!t)return[0,""];const s=et(t),i=mn(e,s,a);return[s,i]};function hn(e,t){const{isLoading:a,isError:s,size:i="md",className:c="",variant:f="solid",prefix:u,sufix:d,leftIcon:p,rightIcon:h,disabled:y,readOnly:o,onFocus:b,onBlur:j,title:C,style:k,max:v=1e9,locale:w="pt-BR",currency:O="BRL",...F}=e,$=h?"right":"left",z=`arkyn_input ${u?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${i} ${y||o||a?"opacity":""} ${s?"errored":""} ${t?"focused":""} ${c}`,E={md:20,lg:20}[i];return{isLoading:a,className:z,prefix:Ce(u,E,"prefix"),sufix:Ce(d,E,"sufix"),LeftIcon:p,RightIcon:h,disabled:y,locale:w,currency:O,readOnly:o,onFocus:b,onBlur:j,title:C,style:k,max:v,loadingPosition:$,iconSize:E,Spinner:r.jsx(Y.Loader2,{className:"spinner",size:E,strokeWidth:2.5}),...F}}function pn(e){const[t,a]=l.useState(!1),[s,i]=l.useState("0"),c=l.useRef(null),{inputRef:f,id:u,error:d}=be(),p=f||c,h=e.isError||!!d,{disabled:y,title:o,style:b,className:j,prefix:C,sufix:k,iconSize:v,loadingPosition:w,isLoading:O,LeftIcon:F,readOnly:$,onFocus:W,onBlur:L,RightIcon:K,Spinner:H,value:Z,max:z,onChangeValue:ae,onKeyPress:E,currency:X,locale:M,name:q,defaultValue:te,...R}=hn({...e,id:u,isError:h},t),Q=F&&!O,le=K&&!O,_=w==="left"&&O,P=w==="right"&&O;function S(){y||!(p!=null&&p.current)||(a(!0),p.current.focus())}function ee(J){a(!0),W&&W(J)}function ce(J){a(!1),L&&L(J)}const G=J=>{const[se,ke]=yt(M,J,X);return!z||se<=z?(i(ke),[se,ke]):[et(s),s]},xe=J=>{J.preventDefault();const[se,ke]=G(J.target.value);ae(J,String(se),String(ke))},he=J=>E&&E(J,J.key,J.key);return l.useEffect(()=>{const J=Z||te||void 0,[,se]=yt(M,J,X);i(se)},[X,te,Z]),r.jsxs("section",{title:o,style:b,onClick:S,className:j,children:[C,_&&H,Q&&r.jsx(F,{size:v,strokeWidth:2.5}),r.jsx("input",{value:s,onChange:xe,onBlur:ce,onFocus:ee,onKeyUp:he,disabled:y||O,readOnly:$,ref:p,...R}),r.jsx("input",{type:"hidden",name:q,value:et(s)}),P&&H,le&&r.jsx(K,{size:v,strokeWidth:2.5}),k]})}function gn(e,t){const{isLoading:a,isError:s,size:i="md",className:c="",variant:f="solid",prefix:u,sufix:d,leftIcon:p,rightIcon:h,disabled:y,readOnly:o,onFocus:b,onBlur:j,title:C,style:k,onChange:v,showMask:w=!1,type:O,...F}=e,$=h?"right":"left",z=`arkyn_input ${u?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${i} ${y||o||a?"opacity":""} ${s?"errored":""} ${t?"focused":""} ${c}`,E={md:20,lg:20}[i];return{isLoading:a,className:z,prefix:Ce(u,E,"prefix"),sufix:Ce(d,E,"sufix"),LeftIcon:p,RightIcon:h,disabled:y,readOnly:o,onFocus:b,onBlur:j,title:C,style:k,onChange:v,loadingPosition:$,iconSize:E,showMask:w,Spinner:r.jsx(Y.Loader2,{className:"spinner",size:E,strokeWidth:2.5}),...F}}const vn=l.forwardRef((e,t)=>r.jsx("input",{ref:t,...e}));function bn(e){const[t,a]=l.useState(!1),s=l.useRef(null),{inputRef:i,id:c,error:f}=be(),u=i||s,d=e.isError||!!f,{disabled:p,title:h,style:y,className:o,prefix:b,sufix:j,iconSize:C,loadingPosition:k,isLoading:v,LeftIcon:w,readOnly:O,onFocus:F,onBlur:$,RightIcon:W,Spinner:L,...K}=gn({...e,id:c,isError:d},t),H=w&&!v,Z=W&&!v,z=k==="left"&&v,ae=k==="right"&&v;function E(){p||!(u!=null&&u.current)||(a(!0),u.current.focus())}function X(q){a(!0),F&&F(q)}function M(q){a(!1),$&&$(q)}return r.jsxs("section",{title:h,style:y,onClick:E,className:o,children:[b,z&&L,H&&r.jsx(w,{size:C,strokeWidth:2.5}),r.jsx(Bt.InputMask,{component:vn,ref:u,onFocus:X,onBlur:M,disabled:p,...K}),Z&&r.jsx(W,{size:C,strokeWidth:2.5}),ae&&L,j]})}function yn(e,t){const{isLoading:a,isError:s,size:i="md",className:c="",variant:f="solid",prefix:u,sufix:d,leftIcon:p,rightIcon:h,disabled:y,readOnly:o,onFocus:b,onBlur:j,title:C,style:k,onChange:v,...w}=e,O=h?"right":"left",H=`arkyn_input ${u?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${i} ${y||o||a?"opacity":""} ${s?"errored":""} ${t?"focused":""} ${c}`,z={md:20,lg:20}[i];return{isLoading:a,className:H,prefix:Ce(u,z,"prefix"),sufix:Ce(d,z,"sufix"),LeftIcon:p,RightIcon:h,disabled:y,readOnly:o,onFocus:b,onBlur:j,title:C,style:k,onChange:v,loadingPosition:O,iconSize:z,Spinner:r.jsx(Y.Loader2,{className:"spinner",size:z,strokeWidth:2.5}),...w}}function xn(e){const[t,a]=l.useState(!1),s=l.useRef(null),{inputRef:i,id:c,error:f}=be(),u=i||s,d=e.isError||!!f,{disabled:p,title:h,style:y,className:o,prefix:b,sufix:j,iconSize:C,loadingPosition:k,isLoading:v,LeftIcon:w,readOnly:O,onFocus:F,onBlur:$,RightIcon:W,type:L,Spinner:K,...H}=yn({...e,id:c,isError:d},t),Z=w&&!v,z=W&&!v,ae=k==="left"&&v,E=k==="right"&&v;function X(){p||!(u!=null&&u.current)||(a(!0),u.current.focus())}function M(te){a(!0),F&&F(te)}function q(te){a(!1),$&&$(te)}return L==="hidden"?r.jsx("input",{style:{display:"none"},readOnly:!0,type:"text",ref:u,...H}):r.jsxs("section",{title:h,style:y,onClick:X,className:o,children:[b,ae&&K,Z&&r.jsx(w,{size:C,strokeWidth:2.5}),r.jsx("input",{disabled:p||v,readOnly:O,ref:u,onFocus:M,onBlur:q,type:L,...H}),z&&r.jsx(W,{size:C,strokeWidth:2.5}),E&&K,j]})}function wn(e){return e.type==="currency"?r.jsx(pn,{...e}):e.type==="masked"?r.jsx(bn,{...e}):e.type==="cpf-cnpj"?r.jsx(dn,{...e}):r.jsx(xn,{...e})}const xt=l.createContext({});function Cn(){return l.useContext(xt)}function kn(e){const{defaultValue:t,name:a,value:s,onChange:i,size:c="md",className:f="",...u}=e,[d,p]=l.useState(t||""),{inputRef:h,id:y}=be();function o(j){p(j),i&&i(j)}const b=`arkynRadioGroup ${c} ${f}`;return r.jsxs(xt.Provider,{value:{onChange:o,value:s||d,size:c},children:[r.jsx("input",{style:{display:"none"},type:"text",id:y,readOnly:!0,name:a,ref:h,value:d}),r.jsx("div",{className:b.trim(),...u})]})}function Nn(e){const{value:t,size:a,disabled:s,children:i,className:c="",...f}=e,{onChange:u,size:d,value:p}=Cn(),{error:h}=be(),C=`arkynRadioBox ${a||d} ${p===t?"checkedTrue":"checkedFalse"} ${h?"errorTrue":"errorFalse"} ${s?"disabledTrue":"disabledFalse"} ${c}`;return r.jsxs("label",{className:C.trim(),children:[r.jsx("button",{type:"button",disabled:s,onClick:()=>u(t),onFocus:()=>u(t),...f}),i]})}function jn(e,t){const{isLoading:a,isError:s,size:i="md",className:c="",variant:f="solid",prefix:u,leftIcon:d,disabled:p,readOnly:h,onFocus:y,onBlur:o,title:b,style:j,closeOnSelect:C=!0,...k}=e,$=`arkyn_select ${u?"hasPrefix":""} ${f} ${i} ${p||h||a?"opacity":""} ${s?"errored":""} ${t?"focused":""} ${c}`,L={md:20,lg:20}[i];return{isLoading:a,className:$,prefix:Kt(u,L,"prefix"),LeftIcon:d,disabled:p||a||h,onFocus:y,onBlur:o,title:b,closeOnSelect:C,style:j,iconSize:L,Spinner:r.jsx(Y.Loader2,{className:"spinner",size:L,strokeWidth:2.5}),...k}}function Sn(e){var P;const[t,a]=l.useState(!1),{inputRef:s,id:i,error:c}=be(),f=l.useRef(null),u=s||f,d=e.isError||!!c,{disabled:p,title:h,style:y,className:o,prefix:b,iconSize:j,isLoading:C,LeftIcon:k,value:v=null,defaultValue:w="",onFocus:O,onBlur:F,Spinner:$,name:W,placeholder:L,onSelect:K,options:H,optionMaxHeight:Z,closeOnSelect:z,...ae}=jn({...e,id:i,isError:d},t),[E,X]=l.useState(w);function M(){p||!(u!=null&&u.current)||t||(a(!0),u.current.focus())}function q(S){t||(a(!0),O&&O(S))}function te(){a(!1),F&&u.current&&u.current.blur()}function R(S){const{label:ee,value:ce}=S;X(E!==ce?ce:""),K&&K({label:ee,value:ce}),z&&te()}const Q=typeof v=="string"?v:E,le=((P=H.find(S=>S.value===Q))==null?void 0:P.label)||"",_=()=>{if(!t&&le)return!0;if(!t&&!le)return!1;if(t&&le)return!0;if(t&&!le)return!1};return r.jsxs(r.Fragment,{children:[r.jsxs("section",{title:h,style:y,onClick:M,className:`${o} placeholder_dark_${_()}`,children:[b,k&&r.jsx(k,{size:j,strokeWidth:2.5}),r.jsx("input",{disabled:p,readOnly:!0,placeholder:le||L,onFocus:q,...ae}),r.jsx("input",{type:"hidden",ref:u,name:W,value:Q||"",readOnly:!0}),t&&r.jsxs("div",{className:"arkyn_select_content",style:{overflow:"auto",maxHeight:Z},children:[H.map(({label:S,value:ee})=>r.jsxs("div",{onClick:()=>R({label:S,value:ee}),className:Q===ee?"arkyn_select_option active":"arkyn_select_option",children:[S," ",r.jsx(Y.Check,{})]},ee)),H.length<=0&&r.jsx("p",{children:"Sem opções disponíveis"})]}),!C&&r.jsx(Y.ChevronDown,{className:"arkyn_select_arrow",size:j,strokeWidth:2.5}),C&&$]}),t&&r.jsx("aside",{className:"arkyn_select_overlay",onClick:te})]})}function En(e){const{variant:t="solid",size:a="md",className:s,disabled:i=!1,readOnly:c=!1,onFocus:f,onBlur:u,title:d,style:p,...h}=e,[y,o]=l.useState(!1),{inputRef:b,id:j,error:C}=be(),k=l.useRef(null),v=b||k,O=e.isError||!!C?"errorTrue":"errorFalse",W=`arkynTextarea ${t} ${a} ${i||c?"opacityTrue":"opacityFalse"} ${O} ${y?"focusedTrue":"focusedFalse"} ${s}`;function L(){i||!(v!=null&&v.current)||(o(!0),v.current.focus())}function K(Z){o(!0),f&&f(Z)}function H(Z){o(!1),u&&u(Z)}return r.jsx("section",{title:d,style:p,onClick:L,className:W,children:r.jsx("textarea",{id:j,disabled:i,readOnly:c,ref:v,onFocus:K,onBlur:H,...h})})}function Tn(e){const{className:t="",...a}=e,s=`arkynBreadcrumbContainer ${t}`;return r.jsx("nav",{className:s,...a})}function Pn(e){const{pathname:t}=Pe.useLocation(),{className:a="",disabled:s=!1,children:i,to:c,...f}=e,d=`arkynBreadcrumbLink ${t===c?"active":"inactive"} ${a}`;return s?r.jsxs("p",{className:d,children:[r.jsx(Y.ChevronRight,{size:14,strokeWidth:2.5}),i]}):r.jsxs(Pe.Link,{to:c,className:d,...f,children:[r.jsx(Y.ChevronRight,{size:14,strokeWidth:2.5}),i]})}function wt(e=""){const t=Pe.useLocation(),a=new URLSearchParams(t.search),s=e?`${e}:`:"",i=c=>{Object.entries(c).forEach(([f,u])=>{u===void 0?a.delete(`${s}${f}`):a.set(`${s}${f}`,String(u))})};return{getParam:c=>a.get(`${s}${c}`),getScopedSearch:c=>{i(c);let f=a.toString();return f&&(f="?"+f),f}}}function $n(e){const{scope:t,totalCountRegisters:a,perPageKey:s="per_page",pageKey:i="page",siblingsCount:c=2,...f}=e,u=Pe.useNavigate(),{getParam:d,getScopedSearch:p}=wt(t),h=Number(d(i))||1,y=Number(d(s))||20,o=Math.ceil(a/y),b=Ut(h,c),j=Ht(h,c,o);function C(k){u(p({page:k}))}return r.jsxs("div",{className:"arkynPagination",...f,children:[r.jsx("button",{className:"arkynPaginationIconButton",disabled:h<=1,onClick:()=>C(h-1),children:r.jsx(Y.ChevronLeft,{})}),h>1+c&&r.jsxs(r.Fragment,{children:[r.jsx("button",{className:"arkynPaginationPageButton",onClick:()=>C(1),children:"1"}),h>2+c&&r.jsx("button",{disabled:!0,className:"arkynPaginationSpread",children:r.jsx(Y.Ellipsis,{})})]}),b.map((k,v)=>r.jsx("button",{onClick:()=>C(k),className:"arkynPaginationPageButton",children:k},v)),r.jsx("button",{className:"arkynPaginationCurrent",disabled:!0,children:h}),j.map((k,v)=>r.jsx("button",{onClick:()=>C(k),className:"arkynPaginationPageButton",children:k},v)),h+c<o&&r.jsxs(r.Fragment,{children:[h+1+c<o&&r.jsx("button",{disabled:!0,className:"arkynPaginationSpread",children:r.jsx(Y.Ellipsis,{})}),r.jsx("button",{className:"arkynPaginationPageButton",onClick:()=>C(o),children:o})]}),r.jsx("button",{className:"arkynPaginationIconButton",disabled:h>=o,onClick:()=>C(h+1),children:r.jsx(Y.ChevronRight,{})})]})}const tt=l.createContext({});function Rn(){if(!tt)throw new Error("useTabContext must be used within a TabProvider");return l.useContext(tt)}function In(e){const{children:t,onClick:a,defaultActive:s,className:i,...c}=e,[f,u]=l.useState(s||""),[d,p]=l.useState(!0),h=l.useRef(null),y=`arkynTabContainer ${i||""}`,[o,b]=l.useState({width:"0px",left:"0px",transition:"none"}),j=(k,v)=>{const w=k.getBoundingClientRect(),O=h.current.getBoundingClientRect(),F=v?void 0:"none";p(!1),b({transition:F,width:`${w.width}px`,left:`${w.left-O.left}px`})};l.useEffect(()=>{const k=h.current;if(!k)return;let v=null;v=k.querySelector("button.active"),v&&j(v)},[]);const C=k=>{const v=k.target;v&&(u(v.value),v.classList.add("active"),j(v,!0),a&&a(v.value))};return r.jsxs("nav",{ref:h,className:y.trim(),...c,children:[r.jsx(tt.Provider,{value:{handleTabClick:C,showInitialTab:d,value:f},children:t}),r.jsx("div",{className:"activeLine",style:o})]})}function _n(e){const{children:t,className:a="",onClick:s,...i}=e,{value:c,showInitialTab:f,handleTabClick:u}=Rn(),d=c===i.value&&c?"activeTrue":"activeFalse",h=`arkynTabButton ${c===i.value&&f?"showBorderBottom":""} ${d} ${a}`;function y(o){u(o),s&&s(o)}return r.jsx("button",{onClick:y,className:h.trim(),...i,children:t})}const Ct=l.createContext({});function Fn(e){const{isVisibled:t,makeInvisible:a,orientation:s="left",children:i,className:c,...f}=e,u=s==="left"?"-100%":"100%",p=`arkynDrawerContainer ${s} ${t?"visibleTrue":"visibleFalse"} ${c}`;return r.jsx(Ct.Provider,{value:{makeInvisible:a},children:r.jsx(Se.AnimatePresence,{children:t&&r.jsxs("aside",{className:p.trim(),...f,children:[r.jsx(Se.motion.div,{className:"arkynDrawerContainerOverlay",transition:{duration:.15,ease:"easeOut"},initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:a}),r.jsx(Se.motion.div,{className:"arkynDrawerContainerContent",transition:{ease:"easeOut",duration:.15},initial:{transform:`translateX(${u})`},animate:{transform:"translateX(0px)"},exit:{transform:`translateX(${u})`},children:i})]})})})}function Bn(e){const{showCloseButton:t=!0,className:a,children:s,...i}=e,{makeInvisible:c}=l.useContext(Ct),f=`arkynDrawerHeader ${a}`;return r.jsxs("header",{className:f.trim(),...i,children:[s,t&&r.jsx("button",{className:"arkynDrawerHeaderCloseButton",type:"button",onClick:c,"aria-label":"Close drawer",children:r.jsx(Y.X,{size:24})})]})}const kt=l.createContext({});function On(e){const{isVisibled:t,makeInvisible:a,children:s,className:i="",...c}=e,u=`arkynModalContainer ${t?"visibleTrue":"visibleFalse"} ${i}`;return r.jsx(kt.Provider,{value:{makeInvisible:a},children:r.jsx(Se.AnimatePresence,{children:t&&r.jsxs("aside",{className:u.trim(),...c,children:[r.jsx(Se.motion.div,{className:"arkynModalContainerOverlay",transition:{duration:.15,ease:"easeOut"},initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:a}),r.jsx(Se.motion.div,{className:"arkynModalContainerContent",transition:{duration:.15,ease:"easeOut"},initial:{opacity:0,scale:.75},animate:{opacity:1,scale:1},exit:{opacity:0,scale:0},children:s})]})})})}function zn(e){const{alignment:t="right",className:a,...s}=e,i=`arkynModalFooter ${t} ${a}`;return r.jsx("footer",{className:i.trim(),...s})}function Dn(e){const{showCloseButton:t=!0,className:a,children:s,...i}=e,{makeInvisible:c}=l.useContext(kt),f=`arkynModalHeader ${a}`;return r.jsxs("header",{className:f.trim(),...i,children:[s,t&&r.jsx("button",{type:"button",onClick:c,"aria-label":"Close modal button",className:"arkynModalHeaderCloseButton",children:r.jsx(Y.X,{size:24})})]})}function Ln(e){const{children:t,button:a,closeOnClick:s,orientation:i="bottom-left"}=e,[c,f]=l.useState(!1),d=`arkynPopover ${i} ${c?"visibleTrue":"visibleFalse"}`;function p(){c||f(!0)}return r.jsxs("div",{className:d,onClick:p,children:[a,r.jsx(Se.motion.div,{style:{visibility:c?"visible":"hidden"},transition:{ease:"easeOut",duration:0},initial:{opacity:0},animate:{opacity:c?1:0},exit:{opacity:0},onClick:()=>s&&f(!1),className:"arkynPopoverContent",children:t}),c&&r.jsx("div",{onClick:()=>f(!1),className:"arkynPopoverOverlay"})]})}function Nt(e){const{message:t,title:a,type:s,size:i="lg"}=e,c=`arkynToast ${s} ${i}`;function f(){switch(s){case"info":return r.jsx(Y.Info,{});case"success":return r.jsx(Y.CheckCircle2,{});case"danger":return r.jsx(Y.XCircle,{});case"warning":return r.jsx(Y.AlertCircle,{});default:return r.jsx(Y.Info,{})}}return r.jsxs("aside",{className:c,children:[r.jsxs("div",{children:[r.jsx("div",{className:"bg"}),r.jsx(f,{})]}),r.jsxs("p",{children:[r.jsx("strong",{title:a,children:a}),r.jsx("span",{children:t})]})]})}function Mn(e){const{text:t,size:a="lg",children:s,orientation:i="top",className:c="",...f}=e,u=`arkynTooltip ${a} ${i} ${c}`;return r.jsxs("div",{className:u.trim(),...f,children:[s,r.jsx("div",{className:"arkynTooltipText",children:t})]})}const nt=l.createContext({}),jt=l.createContext({});function St(){const e=l.useContext(jt);if(Object.entries(e).length===0)throw new Error("useToast must be used within a Provider");return e}function Et(e){return e&&typeof e.title=="string"&&typeof e.message=="string"&&(e.size===void 0||e.size==="md"||e.size==="lg")&&(e.type==="info"||e.type==="success"||e.type==="danger"||e.type==="warning")}function An(){const e=Pe.useActionData(),{closeModal:t}=l.useContext(nt),{showToast:a}=St();l.useEffect(()=>{const s=e==null?void 0:e.closeModalKey;s&&t(s)},[e]),l.useEffect(()=>{const s=e==null?void 0:e.toast,i=e==null?void 0:e.message;Et(s)&&a(s),!Et(s)&&i&&a({message:i,title:"Atenção!",type:"warning"})},[e])}const Tt=l.createContext({});function Vn(e){const t=l.useContext(Tt);if(Object.entries(t).length===0)throw new Error("useDrawer must be used within a Provider");if(e){const{drawerData:a,drawerIsOpen:s,openDrawer:i,closeDrawer:c}=t,f=s(e),u=a(e);return{drawerIsOpen:f,drawerData:u,openDrawer:h=>i(e,h),closeDrawer:()=>c(e)}}else return t}function Wn(e){const t=l.useContext(nt);if(Object.entries(t).length===0)throw new Error("useModal must be used within a Provider");if(e){const{modalData:a,modalIsOpen:s,openModal:i,closeModal:c}=t,f=s(e),u=a(e);return{modalIsOpen:f,modalData:u,openModal:h=>i(e,h),closeModal:()=>c(e)}}else return t}function Yn(e){const{children:t=!1}=e,[a,s]=l.useState([]);function i(d){return!!a.some(p=>p.key===d)}function c(d){var p;return(p=a.find(h=>h.key===d))==null?void 0:p.data}function f(d,p){const h=i(d);s(h?y=>[...y.filter(b=>b.key!==d),{key:d,data:p}]:[...a,{key:d,data:p}])}function u(d){s(a.filter(p=>p.key!==d))}return r.jsx(Tt.Provider,{value:{drawerIsOpen:i,drawerData:c,openDrawer:f,closeDrawer:u},children:t})}function Hn(e){const{children:t=!1}=e,[a,s]=l.useState([]);function i(d){return!!a.some(p=>p.key===d)}function c(d){var p;return(p=a.find(h=>h.key===d))==null?void 0:p.data}function f(d,p){const h=i(d);s(h?y=>[...y.filter(b=>b.key!==d),{key:d,data:p}]:[...a,{key:d,data:p}])}function u(d){s(a.filter(p=>p.key!==d))}return r.jsx(nt.Provider,{value:{modalIsOpen:i,modalData:c,openModal:f,closeModal:u},children:t})}var Un=e=>{switch(e){case"success":return qn;case"info":return Jn;case"warning":return Gn;case"error":return Zn;default:return null}},Kn=Array(12).fill(0),Xn=({visible:e})=>l.createElement("div",{className:"sonner-loading-wrapper","data-visible":e},l.createElement("div",{className:"sonner-spinner"},Kn.map((t,a)=>l.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${a}`})))),qn=l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},l.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),Gn=l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},l.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),Jn=l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},l.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),Zn=l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},l.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),Qn=()=>{let[e,t]=l.useState(document.hidden);return l.useEffect(()=>{let a=()=>{t(document.hidden)};return document.addEventListener("visibilitychange",a),()=>window.removeEventListener("visibilitychange",a)},[]),e},at=1,ea=class{constructor(){this.subscribe=e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);this.subscribers.splice(t,1)}),this.publish=e=>{this.subscribers.forEach(t=>t(e))},this.addToast=e=>{this.publish(e),this.toasts=[...this.toasts,e]},this.create=e=>{var t;let{message:a,...s}=e,i=typeof(e==null?void 0:e.id)=="number"||((t=e.id)==null?void 0:t.length)>0?e.id:at++,c=this.toasts.find(u=>u.id===i),f=e.dismissible===void 0?!0:e.dismissible;return c?this.toasts=this.toasts.map(u=>u.id===i?(this.publish({...u,...e,id:i,title:a}),{...u,...e,id:i,dismissible:f,title:a}):u):this.addToast({title:a,...s,dismissible:f,id:i}),i},this.dismiss=e=>(e||this.toasts.forEach(t=>{this.subscribers.forEach(a=>a({id:t.id,dismiss:!0}))}),this.subscribers.forEach(t=>t({id:e,dismiss:!0})),e),this.message=(e,t)=>this.create({...t,message:e}),this.error=(e,t)=>this.create({...t,message:e,type:"error"}),this.success=(e,t)=>this.create({...t,type:"success",message:e}),this.info=(e,t)=>this.create({...t,type:"info",message:e}),this.warning=(e,t)=>this.create({...t,type:"warning",message:e}),this.loading=(e,t)=>this.create({...t,type:"loading",message:e}),this.promise=(e,t)=>{if(!t)return;let a;t.loading!==void 0&&(a=this.create({...t,promise:e,type:"loading",message:t.loading,description:typeof t.description!="function"?t.description:void 0}));let s=e instanceof Promise?e:e(),i=a!==void 0;return s.then(async c=>{if(na(c)&&!c.ok){i=!1;let f=typeof t.error=="function"?await t.error(`HTTP error! status: ${c.status}`):t.error,u=typeof t.description=="function"?await t.description(`HTTP error! status: ${c.status}`):t.description;this.create({id:a,type:"error",message:f,description:u})}else if(t.success!==void 0){i=!1;let f=typeof t.success=="function"?await t.success(c):t.success,u=typeof t.description=="function"?await t.description(c):t.description;this.create({id:a,type:"success",message:f,description:u})}}).catch(async c=>{if(t.error!==void 0){i=!1;let f=typeof t.error=="function"?await t.error(c):t.error,u=typeof t.description=="function"?await t.description(c):t.description;this.create({id:a,type:"error",message:f,description:u})}}).finally(()=>{var c;i&&(this.dismiss(a),a=void 0),(c=t.finally)==null||c.call(t)}),a},this.custom=(e,t)=>{let a=(t==null?void 0:t.id)||at++;return this.create({jsx:e(a),id:a,...t}),a},this.subscribers=[],this.toasts=[]}},me=new ea,ta=(e,t)=>{let a=(t==null?void 0:t.id)||at++;return me.addToast({title:e,...t,id:a}),a},na=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",aa=ta,ra=()=>me.toasts,sa=Object.assign(aa,{success:me.success,info:me.info,warning:me.warning,error:me.error,custom:me.custom,message:me.message,promise:me.promise,dismiss:me.dismiss,loading:me.loading},{getHistory:ra});function oa(e,{insertAt:t}={}){if(!e||typeof document>"u")return;let a=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css",t==="top"&&a.firstChild?a.insertBefore(s,a.firstChild):a.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}oa(`:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999}:where([data-sonner-toaster][data-x-position="right"]){right:max(var(--offset),env(safe-area-inset-right))}:where([data-sonner-toaster][data-x-position="left"]){left:max(var(--offset),env(safe-area-inset-left))}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:max(var(--offset),env(safe-area-inset-top))}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:max(var(--offset),env(safe-area-inset-bottom))}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;background:var(--gray1);color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:0;right:0;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount, 0px));transition:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation:swipe-out .2s ease-out forwards}@keyframes swipe-out{0%{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount)));opacity:1}to{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount) + var(--lift) * -100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;--mobile-offset: 16px;right:var(--mobile-offset);left:var(--mobile-offset);width:100%}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset)}[data-sonner-toaster][data-y-position=bottom]{bottom:20px}[data-sonner-toaster][data-y-position=top]{top:20px}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset);right:var(--mobile-offset);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
|
33
33
|
`);function We(e){return e.label!==void 0}var ia=3,la="32px",ca=4e3,ua=356,da=14,fa=20,ma=200;function ha(...e){return e.filter(Boolean).join(" ")}var pa=e=>{var t,a,s,i,c,f,u,d,p,h;let{invert:y,toast:o,unstyled:b,interacting:j,setHeights:C,visibleToasts:k,heights:v,index:w,toasts:O,expanded:F,removeToast:$,defaultRichColors:W,closeButton:L,style:K,cancelButtonStyle:H,actionButtonStyle:Z,className:z="",descriptionClassName:ae="",duration:E,position:X,gap:M,loadingIcon:q,expandByDefault:te,classNames:R,icons:Q,closeButtonAriaLabel:le="Close toast",pauseWhenPageIsHidden:_,cn:P}=e,[S,ee]=l.useState(!1),[ce,G]=l.useState(!1),[xe,he]=l.useState(!1),[J,se]=l.useState(!1),[ke,$e]=l.useState(0),[rt,Ye]=l.useState(0),Ee=l.useRef(null),pe=l.useRef(null),He=w===0,Ue=w+1<=k,oe=o.type,Ne=o.dismissible!==!1,st=o.className||"",Oe=o.descriptionClassName||"",Re=l.useMemo(()=>v.findIndex(T=>T.toastId===o.id)||0,[v,o.id]),ot=l.useMemo(()=>{var T;return(T=o.closeButton)!=null?T:L},[o.closeButton,L]),ze=l.useMemo(()=>o.duration||E||ca,[o.duration,E]),Ie=l.useRef(0),ge=l.useRef(0),Ke=l.useRef(0),we=l.useRef(null),[De,Le]=X.split("-"),Xe=l.useMemo(()=>v.reduce((T,A,V)=>V>=Re?T:T+A.height,0),[v,Re]),qe=Qn(),it=o.invert||y,Me=oe==="loading";ge.current=l.useMemo(()=>Re*M+Xe,[Re,Xe]),l.useEffect(()=>{ee(!0)},[]),l.useLayoutEffect(()=>{if(!S)return;let T=pe.current,A=T.style.height;T.style.height="auto";let V=T.getBoundingClientRect().height;T.style.height=A,Ye(V),C(ie=>ie.find(de=>de.toastId===o.id)?ie.map(de=>de.toastId===o.id?{...de,height:V}:de):[{toastId:o.id,height:V,position:o.position},...ie])},[S,o.title,o.description,C,o.id]);let ye=l.useCallback(()=>{G(!0),$e(ge.current),C(T=>T.filter(A=>A.toastId!==o.id)),setTimeout(()=>{$(o)},ma)},[o,$,C,ge]);l.useEffect(()=>{if(o.promise&&oe==="loading"||o.duration===1/0||o.type==="loading")return;let T,A=ze;return F||j||_&&qe?(()=>{if(Ke.current<Ie.current){let V=new Date().getTime()-Ie.current;A=A-V}Ke.current=new Date().getTime()})():A!==1/0&&(Ie.current=new Date().getTime(),T=setTimeout(()=>{var V;(V=o.onAutoClose)==null||V.call(o,o),ye()},A)),()=>clearTimeout(T)},[F,j,te,o,ze,ye,o.promise,oe,_,qe]),l.useEffect(()=>{let T=pe.current;if(T){let A=T.getBoundingClientRect().height;return Ye(A),C(V=>[{toastId:o.id,height:A,position:o.position},...V]),()=>C(V=>V.filter(ie=>ie.toastId!==o.id))}},[C,o.id]),l.useEffect(()=>{o.delete&&ye()},[ye,o.delete]);function lt(){return Q!=null&&Q.loading?l.createElement("div",{className:"sonner-loader","data-visible":oe==="loading"},Q.loading):q?l.createElement("div",{className:"sonner-loader","data-visible":oe==="loading"},q):l.createElement(Xn,{visible:oe==="loading"})}return l.createElement("li",{"aria-live":o.important?"assertive":"polite","aria-atomic":"true",role:"status",tabIndex:0,ref:pe,className:P(z,st,R==null?void 0:R.toast,(t=o==null?void 0:o.classNames)==null?void 0:t.toast,R==null?void 0:R.default,R==null?void 0:R[oe],(a=o==null?void 0:o.classNames)==null?void 0:a[oe]),"data-sonner-toast":"","data-rich-colors":(s=o.richColors)!=null?s:W,"data-styled":!(o.jsx||o.unstyled||b),"data-mounted":S,"data-promise":!!o.promise,"data-removed":ce,"data-visible":Ue,"data-y-position":De,"data-x-position":Le,"data-index":w,"data-front":He,"data-swiping":xe,"data-dismissible":Ne,"data-type":oe,"data-invert":it,"data-swipe-out":J,"data-expanded":!!(F||te&&S),style:{"--index":w,"--toasts-before":w,"--z-index":O.length-w,"--offset":`${ce?ke:ge.current}px`,"--initial-height":te?"auto":`${rt}px`,...K,...o.style},onPointerDown:T=>{Me||!Ne||(Ee.current=new Date,$e(ge.current),T.target.setPointerCapture(T.pointerId),T.target.tagName!=="BUTTON"&&(he(!0),we.current={x:T.clientX,y:T.clientY}))},onPointerUp:()=>{var T,A,V,ie;if(J||!Ne)return;we.current=null;let de=Number(((T=pe.current)==null?void 0:T.style.getPropertyValue("--swipe-amount").replace("px",""))||0),je=new Date().getTime()-((A=Ee.current)==null?void 0:A.getTime()),Ge=Math.abs(de)/je;if(Math.abs(de)>=fa||Ge>.11){$e(ge.current),(V=o.onDismiss)==null||V.call(o,o),ye(),se(!0);return}(ie=pe.current)==null||ie.style.setProperty("--swipe-amount","0px"),he(!1)},onPointerMove:T=>{var A;if(!we.current||!Ne)return;let V=T.clientY-we.current.y,ie=T.clientX-we.current.x,de=(De==="top"?Math.min:Math.max)(0,V),je=T.pointerType==="touch"?10:2;Math.abs(de)>je?(A=pe.current)==null||A.style.setProperty("--swipe-amount",`${V}px`):Math.abs(ie)>je&&(we.current=null)}},ot&&!o.jsx?l.createElement("button",{"aria-label":le,"data-disabled":Me,"data-close-button":!0,onClick:Me||!Ne?()=>{}:()=>{var T;ye(),(T=o.onDismiss)==null||T.call(o,o)},className:P(R==null?void 0:R.closeButton,(i=o==null?void 0:o.classNames)==null?void 0:i.closeButton)},l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},l.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),l.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"}))):null,o.jsx||l.isValidElement(o.title)?o.jsx||o.title:l.createElement(l.Fragment,null,oe||o.icon||o.promise?l.createElement("div",{"data-icon":"",className:P(R==null?void 0:R.icon,(c=o==null?void 0:o.classNames)==null?void 0:c.icon)},o.promise||o.type==="loading"&&!o.icon?o.icon||lt():null,o.type!=="loading"?o.icon||(Q==null?void 0:Q[oe])||Un(oe):null):null,l.createElement("div",{"data-content":"",className:P(R==null?void 0:R.content,(f=o==null?void 0:o.classNames)==null?void 0:f.content)},l.createElement("div",{"data-title":"",className:P(R==null?void 0:R.title,(u=o==null?void 0:o.classNames)==null?void 0:u.title)},o.title),o.description?l.createElement("div",{"data-description":"",className:P(ae,Oe,R==null?void 0:R.description,(d=o==null?void 0:o.classNames)==null?void 0:d.description)},o.description):null),l.isValidElement(o.cancel)?o.cancel:o.cancel&&We(o.cancel)?l.createElement("button",{"data-button":!0,"data-cancel":!0,style:o.cancelButtonStyle||H,onClick:T=>{var A,V;We(o.cancel)&&Ne&&((V=(A=o.cancel).onClick)==null||V.call(A,T),ye())},className:P(R==null?void 0:R.cancelButton,(p=o==null?void 0:o.classNames)==null?void 0:p.cancelButton)},o.cancel.label):null,l.isValidElement(o.action)?o.action:o.action&&We(o.action)?l.createElement("button",{"data-button":!0,"data-action":!0,style:o.actionButtonStyle||Z,onClick:T=>{var A,V;We(o.action)&&(T.defaultPrevented||((V=(A=o.action).onClick)==null||V.call(A,T),ye()))},className:P(R==null?void 0:R.actionButton,(h=o==null?void 0:o.classNames)==null?void 0:h.actionButton)},o.action.label):null))};function Pt(){if(typeof window>"u"||typeof document>"u")return"ltr";let e=document.documentElement.getAttribute("dir");return e==="auto"||!e?window.getComputedStyle(document.documentElement).direction:e}var ga=e=>{let{invert:t,position:a="bottom-right",hotkey:s=["altKey","KeyT"],expand:i,closeButton:c,className:f,offset:u,theme:d="light",richColors:p,duration:h,style:y,visibleToasts:o=ia,toastOptions:b,dir:j=Pt(),gap:C=da,loadingIcon:k,icons:v,containerAriaLabel:w="Notifications",pauseWhenPageIsHidden:O,cn:F=ha}=e,[$,W]=l.useState([]),L=l.useMemo(()=>Array.from(new Set([a].concat($.filter(_=>_.position).map(_=>_.position)))),[$,a]),[K,H]=l.useState([]),[Z,z]=l.useState(!1),[ae,E]=l.useState(!1),[X,M]=l.useState(d!=="system"?d:typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),q=l.useRef(null),te=s.join("+").replace(/Key/g,"").replace(/Digit/g,""),R=l.useRef(null),Q=l.useRef(!1),le=l.useCallback(_=>{var P;(P=$.find(S=>S.id===_.id))!=null&&P.delete||me.dismiss(_.id),W(S=>S.filter(({id:ee})=>ee!==_.id))},[$]);return l.useEffect(()=>me.subscribe(_=>{if(_.dismiss){W(P=>P.map(S=>S.id===_.id?{...S,delete:!0}:S));return}setTimeout(()=>{Ot.flushSync(()=>{W(P=>{let S=P.findIndex(ee=>ee.id===_.id);return S!==-1?[...P.slice(0,S),{...P[S],..._},...P.slice(S+1)]:[_,...P]})})})}),[]),l.useEffect(()=>{if(d!=="system"){M(d);return}d==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?M("dark"):M("light")),typeof window<"u"&&window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",({matches:_})=>{M(_?"dark":"light")})},[d]),l.useEffect(()=>{$.length<=1&&z(!1)},[$]),l.useEffect(()=>{let _=P=>{var S,ee;s.every(ce=>P[ce]||P.code===ce)&&(z(!0),(S=q.current)==null||S.focus()),P.code==="Escape"&&(document.activeElement===q.current||(ee=q.current)!=null&&ee.contains(document.activeElement))&&z(!1)};return document.addEventListener("keydown",_),()=>document.removeEventListener("keydown",_)},[s]),l.useEffect(()=>{if(q.current)return()=>{R.current&&(R.current.focus({preventScroll:!0}),R.current=null,Q.current=!1)}},[q.current]),$.length?l.createElement("section",{"aria-label":`${w} ${te}`,tabIndex:-1},L.map((_,P)=>{var S;let[ee,ce]=_.split("-");return l.createElement("ol",{key:_,dir:j==="auto"?Pt():j,tabIndex:-1,ref:q,className:f,"data-sonner-toaster":!0,"data-theme":X,"data-y-position":ee,"data-x-position":ce,style:{"--front-toast-height":`${((S=K[0])==null?void 0:S.height)||0}px`,"--offset":typeof u=="number"?`${u}px`:u||la,"--width":`${ua}px`,"--gap":`${C}px`,...y},onBlur:G=>{Q.current&&!G.currentTarget.contains(G.relatedTarget)&&(Q.current=!1,R.current&&(R.current.focus({preventScroll:!0}),R.current=null))},onFocus:G=>{G.target instanceof HTMLElement&&G.target.dataset.dismissible==="false"||Q.current||(Q.current=!0,R.current=G.relatedTarget)},onMouseEnter:()=>z(!0),onMouseMove:()=>z(!0),onMouseLeave:()=>{ae||z(!1)},onPointerDown:G=>{G.target instanceof HTMLElement&&G.target.dataset.dismissible==="false"||E(!0)},onPointerUp:()=>E(!1)},$.filter(G=>!G.position&&P===0||G.position===_).map((G,xe)=>{var he,J;return l.createElement(pa,{key:G.id,icons:v,index:xe,toast:G,defaultRichColors:p,duration:(he=b==null?void 0:b.duration)!=null?he:h,className:b==null?void 0:b.className,descriptionClassName:b==null?void 0:b.descriptionClassName,invert:t,visibleToasts:o,closeButton:(J=b==null?void 0:b.closeButton)!=null?J:c,interacting:ae,position:_,style:b==null?void 0:b.style,unstyled:b==null?void 0:b.unstyled,classNames:b==null?void 0:b.classNames,cancelButtonStyle:b==null?void 0:b.cancelButtonStyle,actionButtonStyle:b==null?void 0:b.actionButtonStyle,removeToast:le,toasts:$.filter(se=>se.position==G.position),heights:K.filter(se=>se.position==G.position),setHeights:H,expandByDefault:i,gap:C,loadingIcon:k,expanded:Z,pauseWhenPageIsHidden:O,cn:F})}))})):null};function va({children:e}){function t(a){sa.custom(s=>r.jsx(Nt,{...a}))}return r.jsxs(jt.Provider,{value:{showToast:t},children:[r.jsx(ga,{}),e]})}x.AlertContainer=Mt,x.AlertContent=At,x.AlertDescription=Vt,x.AlertIcon=Wt,x.AlertTitle=Yt,x.Badge=Xt,x.BreadcrumbContainer=Tn,x.BreadcrumbLink=Pn,x.Button=an,x.Card=qt,x.Checkbox=sn,x.Divider=Gt,x.DrawerContainer=Fn,x.DrawerHeader=Bn,x.DrawerProvider=Yn,x.FormController=rn,x.FormError=on,x.FormLabel=ln,x.IconButton=cn,x.Input=wn,x.ModalContainer=On,x.ModalFooter=zn,x.ModalHeader=Dn,x.ModalProvider=Hn,x.Pagination=$n,x.Popover=Ln,x.RadioBox=Nn,x.RadioGroup=kn,x.Select=Sn,x.Skeleton=Jt,x.TabButton=_n,x.TabContainer=In,x.TableBody=Zt,x.TableCaption=Qt,x.TableContainer=en,x.TableFooter=tn,x.TableHeader=nn,x.Textarea=En,x.Toast=Nt,x.ToastProvider=va,x.Tooltip=Mn,x.useAutomation=An,x.useDrawer=Vn,x.useModal=Wn,x.useScopedParams=wt,x.useToast=St,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableBody/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableBody/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,cAAc,CAAC;AAEtB,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,2CAwBvC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
@@ -1,8 +1,10 @@
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
2
|
+
import { Children } from "react";
|
2
3
|
import "./styles.css";
|
3
4
|
function TableBody(props) {
|
4
|
-
const { className: baseClassName, ...rest } = props;
|
5
|
+
const { emptyMessage = "Nenhum dado adicionado.", className: baseClassName, children, ...rest } = props;
|
5
6
|
const className = `arkynTableBody ${baseClassName}`;
|
6
|
-
|
7
|
+
const isEmpty = Children.count(children) === 0;
|
8
|
+
return (_jsx("tbody", { className: className.trim(), ...rest, children: isEmpty ? (_jsx("tr", { className: "arkynTableBodyEmptyLine", children: _jsx("td", { colSpan: 100, children: _jsx("div", { children: emptyMessage }) }) })) : (children) }));
|
7
9
|
}
|
8
10
|
export { TableBody };
|
package/dist/style.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.arkynAlertContainer{display:flex;align-items:start;gap:16px;padding:16px;border:1px solid transparent;border-radius:var(--rounded-cards)}.arkynAlertContainer.danger{background:rgba(var(--spotlight-danger),.1);border-color:rgba(var(--spotlight-danger),.4)}.arkynAlertContainer.success{background:rgba(var(--spotlight-success),.1);border-color:rgba(var(--spotlight-success),.4)}.arkynAlertContainer.info{background:rgba(var(--spotlight-info),.1);border-color:rgba(var(--spotlight-info),.4)}.arkynAlertContainer.warning{background:rgba(var(--spotlight-warning),.1);border-color:rgba(var(--spotlight-warning),.4)}.arkynAlertContent{display:flex;flex-direction:column;gap:8px}.arkynAlertDescription{font-size:14px;font-weight:400;line-height:15px;text-align:left;color:var(--text-body)}.arkynAlertIcon{min-width:28px;min-height:28px;max-width:28px;max-height:28px}.arkynAlertIcon.danger{color:rgba(var(--spotlight-danger),1)}.arkynAlertIcon.success{color:rgba(var(--spotlight-success),1)}.arkynAlertIcon.info{color:rgba(var(--spotlight-info),1)}.arkynAlertIcon.warning{color:rgba(var(--spotlight-warning),1)}.arkynAlertTitle{font-size:16px;font-weight:600;line-height:17px;text-align:left;color:var(--text-heading)}.arkynBadge{display:flex;align-items:center;justify-content:center;gap:4px;width:min-content;white-space:nowrap;border:1px solid transparent}.arkynBadge.solid{color:#fff}.arkynBadge.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkynBadge.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkynBadge.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkynBadge.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkynBadge.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkynBadge.outline.primary{color:rgba(var(--spotlight-primary),1);border-color:rgba(var(--spotlight-primary),1)}.arkynBadge.outline.danger{color:rgba(var(--spotlight-danger),1);border-color:rgba(var(--spotlight-danger),1)}.arkynBadge.outline.success{color:rgba(var(--spotlight-success),1);border-color:rgba(var(--spotlight-success),1)}.arkynBadge.outline.warning{color:rgba(var(--spotlight-warning),1);border-color:rgba(var(--spotlight-warning),1)}.arkynBadge.outline.info{color:rgba(var(--spotlight-info),1);border-color:rgba(var(--spotlight-info),1)}.arkynBadge.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkynBadge.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkynBadge.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkynBadge.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkynBadge.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkynBadge.lg{font-weight:400;font-size:12px;line-height:12px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 16px;height:24px}.arkynBadge.md{font-weight:400;font-size:10px;line-height:10px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 12px;height:20px}.arkynCard{display:flex;padding:20px;width:100%;height:max-content;border-radius:var(--rounded-cards);background-color:var(--card)}.arkynDivider{display:block;flex:1;background-color:var(--border)}.arkynDivider.horizontal{width:100%;min-height:1px;max-height:1px}.arkynDivider.vertical{height:100%;min-width:1px;max-width:1px}.arkynSkeleton{width:100%;height:100%;border-radius:6px;background:linear-gradient(to right,var(--skeleton) 4%,var(--skeleton-foreground) 25%,var(--skeleton) 36%);background-size:40rem 100%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:-40rem 0}to{background-position:40rem 0}}.arkynTableBody>tr:nth-child(odd)>td{background-color:var(--card-foreground-primary)}.arkynTableBody>tr>td{padding-left:16px;height:64px;font-weight:400;font-size:14px;color:var(--text-body)}.arkynTableBody>tr>td:first-child{border-top-left-radius:var(--rounded-cards);border-bottom-left-radius:var(--rounded-cards)}.arkynTableBody>tr>td:last-child{border-top-right-radius:var(--rounded-cards);border-bottom-right-radius:var(--rounded-cards);padding-right:16px}.arkynTableBody>tr:nth-child(odd):hover>td{filter:brightness(.98)}.arkynTableBody>tr:nth-child(2n):hover>td{background-color:var(--card-foreground-primary);filter:brightness(.98)}html.dark .arkynTableBody>tr:nth-child(odd):hover>td{filter:brightness(1.2)}html.dark .arkynTableBody>tr:nth-child(2n):hover>td{background-color:var(--card-foreground-primary);filter:brightness(1.2)}.arkynTableCaption{margin-bottom:24px}.arkynTableCaptionContent{display:flex;align-items:center}.arkynTableCaptionContent>.rightSection{display:flex;align-items:center;justify-content:end;gap:16px;flex:2;padding-left:auto}.arkynTableContainer{display:flex;flex-direction:column;width:100%;height:max-content;overflow-y:hidden;overflow-x:auto}.arkynTableContainer table{border-collapse:separate;border-spacing:0}.arkynTableFooterContent{display:flex;align-items:center;justify-content:space-between;height:48px;padding-top:16px;border-top:1px solid var(--border)}.arkynTableFooter .spacingRow{height:24px}.arkynTableHeader th{text-align:left;background-color:var(--card-foreground-secondary);padding-left:16px;height:44px;color:var(--text-heading);font-weight:600;font-size:14px;white-space:nowrap}.arkynTableHeader th:first-child{border-top-left-radius:var(--rounded-cards);border-bottom-left-radius:var(--rounded-cards)}.arkynTableHeader th:last-child{border-top-right-radius:var(--rounded-cards);border-bottom-right-radius:var(--rounded-cards);padding-right:16px}.arkynTableHeader .spacingRow{height:12px}.arkynButton{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkynButton:hover{cursor:pointer;filter:brightness(.95)}html.dark .arkynButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynButton:disabled{cursor:not-allowed;opacity:.5}.arkynButton .arkynButtonContent{display:flex;align-items:center;justify-content:center;white-space:nowrap}.arkynButton.solid{color:#fff}.arkynButton.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkynButton.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkynButton.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkynButton.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkynButton.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkynButton.outline{background-color:rgba(var(--input-background),1);border-color:var(--border)}.arkynButton.outline.primary{color:rgba(var(--spotlight-primary),1)}.arkynButton.outline.danger{color:rgba(var(--spotlight-danger),1)}.arkynButton.outline.success{color:rgba(var(--spotlight-success),1)}.arkynButton.outline.warning{color:rgba(var(--spotlight-warning),1)}.arkynButton.outline.info{color:rgba(var(--spotlight-info),1)}.arkynButton.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkynButton.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkynButton.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkynButton.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkynButton.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkynButton.invisible.primary{color:rgba(var(--spotlight-primary),1)}.arkynButton.invisible.danger{color:rgba(var(--spotlight-danger),1)}.arkynButton.invisible.success{color:rgba(var(--spotlight-success),1)}.arkynButton.invisible.warning{color:rgba(var(--spotlight-warning),1)}.arkynButton.invisible.info{color:rgba(var(--spotlight-info),1)}.arkynButton.lg{font-weight:600;font-size:14px;line-height:14px;border-radius:var(--rounded-inputs);padding:0 20px;height:44px}.arkynButton.lg .arkynButtonContent,.arkynButton.lg .arkynButtonSpinner{gap:16px}.arkynButton.md{font-weight:600;font-size:14px;line-height:14px;border-radius:var(--rounded-inputs);gap:16px;padding:0 16px;height:40px}.arkynButton.md .arkynButtonContent,.arkynButton.md .arkynButtonSpinner{gap:14px}.arkynButton.sm{font-weight:600;font-size:12px;line-height:12px;border-radius:var(--rounded-inputs);padding:0 16px;height:32px}.arkynButton.sm .arkynButtonContent,.arkynButton.sm .arkynButtonSpinner{gap:12px}.arkynButton.xs{font-weight:600;font-size:10px;line-height:10px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 16px;height:24px}.arkynButton.xs .arkynButtonContent,.arkynButton.xs .arkynButtonSpinner{gap:8px}.arkynButton .arkynButtonSpinner{display:flex;align-items:center;justify-content:center;white-space:nowrap;opacity:0}.arkynButton .arkynButtonSpinner>svg{animation:spin 2s linear infinite}.arkynButton.loadingTextFalse .arkynButtonSpinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.arkynButton.loadingTextTrue .arkynButtonSpinner{max-height:0px}.arkynButton.loadingTrue .arkynButtonContent{opacity:0;max-height:0px}.arkynButton.loadingTrue .arkynButtonSpinner{opacity:1;max-height:unset}.arkynFormController{display:flex;flex-direction:column;gap:6px}.arkynCheckbox{display:flex;align-items:center;justify-content:center;border:2px solid var(--border);background-color:rgba(var(--input-background),1)}.arkynCheckbox:hover{cursor:pointer}.arkynCheckbox>svg{display:none;stroke-width:3px}.arkynCheckbox.sm{height:16px;width:16px;border-radius:calc(var(--rounded-inputs) * .3333)}.arkynCheckbox.sm>svg{min-height:12px;min-width:12px}.arkynCheckbox.md{height:20px;width:20px;border-radius:calc(var(--rounded-inputs) * .6667)}.arkynCheckbox.md>svg{min-height:14px;min-width:14px}.arkynCheckbox.lg{height:24px;width:24px;border-radius:var(--rounded-inputs)}.arkynCheckbox.lg>svg{min-height:14px;min-width:14px}.arkynCheckbox.checkedTrue{background-color:rgb(var(--spotlight-primary),1);border-color:rgb(var(--spotlight-primary),1)}.arkynCheckbox.checkedTrue>svg{display:unset;color:#fff}.arkynCheckbox.errorTrue{border-color:rgb(var(--spotlight-danger),1)}.arkynFormError{font-size:12px;line-height:12px;font-weight:600;color:rgb(var(--spotlight-danger),1)}.arkynFormLabel{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkynFormLabel.asteriskTrue:before{content:"* ";font-size:12px;font-weight:600;line-height:16.34px;text-align:left;color:rgb(var(--spotlight-danger),1)}.arkynIconButton{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkynIconButton:hover{cursor:pointer;filter:brightness(.95)}html.dark .arkynIconButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynIconButton:disabled{cursor:not-allowed;opacity:.5}.arkynIconButtonContent{display:flex;align-items:center;justify-content:center}.arkynIconButton.solid{color:#fff}.arkynIconButton.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkynIconButton.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkynIconButton.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkynIconButton.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkynIconButton.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkynIconButton.outline{background-color:rgba(var(--input-background),1);border-color:var(--border)}.arkynIconButton.outline.primary{color:rgba(var(--spotlight-primary),1)}.arkynIconButton.outline.danger{color:rgba(var(--spotlight-danger),1)}.arkynIconButton.outline.success{color:rgba(var(--spotlight-success),1)}.arkynIconButton.outline.warning{color:rgba(var(--spotlight-warning),1)}.arkynIconButton.outline.info{color:rgba(var(--spotlight-info),1)}.arkynIconButton.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkynIconButton.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkynIconButton.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkynIconButton.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkynIconButton.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkynIconButton.invisible.primary{color:rgba(var(--spotlight-primary),1)}.arkynIconButton.invisible.danger{color:rgba(var(--spotlight-danger),1)}.arkynIconButton.invisible.success{color:rgba(var(--spotlight-success),1)}.arkynIconButton.invisible.warning{color:rgba(var(--spotlight-warning),1)}.arkynIconButton.invisible.info{color:rgba(var(--spotlight-info),1)}.arkynIconButton.lg{border-radius:var(--rounded-inputs);height:44px;width:44px}.arkynIconButton.md{border-radius:var(--rounded-inputs);height:40px;width:40px}.arkynIconButton.sm{border-radius:var(--rounded-inputs);height:32px;width:32px}.arkynIconButton.xs{border-radius:calc(var(--rounded-inputs) * .6667);height:24px;width:24px}.arkynIconButtonSpinner{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}.arkynIconButtonSpinner>svg{animation:spin 2s linear infinite}.arkynIconButton.loadingTrue .arkynIconButtonSpinner{opacity:1}.arkynIconButton.loadingTrue .arkynIconButtonContent{opacity:0}.arkyn_input{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:var(--rounded-inputs);border:1px solid transparent;outline:1px solid transparent}.arkyn_input:hover{cursor:text}.arkyn_input input{border:none;outline:none;background:transparent;width:100%}.arkyn_input input{color:var(--text-heading)}.arkyn_input .prefix,.arkyn_input .sufix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_input .prefix{left:0;top:0;bottom:0;border-radius:calc(var(--rounded-inputs) - 1px) 0 0 calc(var(--rounded-inputs) - 1px);border-right:1px solid var(--border)}.arkyn_input .sufix{right:0;top:0;bottom:0;border-radius:0 calc(var(--rounded-inputs) - 1px) calc(var(--rounded-inputs) - 1px) 0;border-left:1px solid var(--border)}.arkyn_input input::placeholder{color:var(--text-muted)}.arkyn_input svg{color:var(--text-muted)}.arkyn_input.errored svg{color:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkyn_input.opacity{opacity:.5}.arkyn_input.solid{border-color:var(--border);background-color:rgba(var(--input-background),1)}.arkyn_input.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_input.outline{border-color:var(--border)}.arkyn_input.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_input.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkyn_input.underline .sufix,.arkyn_input.underline .prefix{display:none}.arkyn_input.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkyn_input.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkyn_input.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkyn_input:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkyn_input.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkyn_input.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_input.md.hasPrefix{padding-left:60px}.arkyn_input.md.hasSufix{padding-right:60px}.arkyn_input.md .prefix,.arkyn_input.md .sufix{height:40px;width:44px;font-size:14px}.arkyn_input.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkyn_input.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_input.lg .prefix,.arkyn_input.lg .sufix{height:44px;width:48px;font-size:16px}.arkyn_input.lg.hasPrefix{padding-left:64px}.arkyn_input.lg.hasSufix{padding-right:64px}.arkyn_input .spinner{animation:spin 2s linear infinite}.arkynRadioGroup{display:flex;align-items:center;gap:32px}.arkynRadioBox{display:flex;align-items:center;gap:8px;color:var(--text-body);font-size:14px;line-height:19.07px}.arkynRadioBox>button{position:relative;background-color:rgba(var(--input-background),1);border:2px solid var(--border);border-radius:99999px}.arkynRadioBox>button:not(:disabled):hover{cursor:pointer}.arkynRadioBox.checkedTrue>button{border-color:rgba(var(--spotlight-primary),1)}.arkynRadioBox.errorTrue>button{border-color:rgba(var(--spotlight-danger),1)}.arkynRadioBox.checkedTrue>button:before{content:" ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:99999px;background-color:rgba(var(--spotlight-primary),1)}.arkynRadioBox.sm>button{min-height:20px;min-width:20px;max-height:20px;max-width:20px}.arkynRadioBox.md>button{min-height:24px;min-width:24px;max-height:24px;max-width:24px}.arkynRadioBox.lg>button{min-height:24px;min-width:24px;max-height:24px;max-width:24px}.arkynRadioBox.checkedTrue.sm>button:before{min-height:10px;min-width:10px;max-height:10px;max-width:10px}.arkynRadioBox.checkedTrue.md>button:before{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkynRadioBox.checkedTrue.lg>button:before{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkynRadioBox.disabledTrue{opacity:.5}.arkynRadioBox.disabledTrue>button{cursor:not-allowed}.arkyn_select{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:6px;border:1px solid transparent;outline:1px solid transparent}.arkyn_select:hover{cursor:pointer}.arkyn_select input{border:none;outline:none;background:transparent;width:100%}.arkyn_select input{color:var(--text-heading)}.arkyn_select .prefix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_select .prefix{left:0;top:0;bottom:0;border-radius:5px 0 0 5px;border-right:1px solid var(--border)}.arkyn_select.placeholder_dark_true input::placeholder{color:var(--text-heading)}.arkyn_select.placeholder_dark_false input::placeholder{color:var(--text-muted)}.arkyn_select svg{color:var(--text-muted)}.arkyn_select.errored svg{color:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkyn_select.opacity{opacity:.5}.arkyn_select .arkyn_select_arrow{transition:.15s all ease-in-out;color:var(--text-muted)}.arkyn_select:not(.opacity).focused .arkyn_select_arrow{transform:rotate(180deg)}.arkyn_select.solid{border-color:var(--border);background-color:rgba(var(--input-background),1)}.arkyn_select.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_select.outline{border-color:var(--border)}.arkyn_select.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_select.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkyn_select.underline .prefix{display:none}.arkyn_select.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkyn_select.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkyn_select.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkyn_select:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkyn_select.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkyn_select.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_select.md.hasPrefix{padding-left:60px}.arkyn_select.md .prefix{height:40px;width:44px;font-size:14px}.arkyn_select.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkyn_select.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_select.lg .prefix{height:44px;width:48px;font-size:16px}.arkyn_select.lg.hasPrefix{padding-left:64px}.arkyn_select_content{position:absolute;z-index:6;top:calc(100% + 5px);left:-2px;right:-2px;border-radius:6px;list-style:none;display:flex;flex-direction:column;flex:1;overflow:hidden;height:max-content;border:1px solid var(--border);background-color:var(--card);box-shadow:0 4px 8px #0000001a}.arkyn_select_content .arkyn_select_option{display:flex;align-items:center;justify-content:space-between;font-weight:400;line-height:21.79px;color:var(--text-body)}.arkyn_select.md .arkyn_select_content .arkyn_select_option{font-size:14px;padding:8px 16px}.arkyn_select.lg .arkyn_select_content .arkyn_select_option{font-size:16px;padding:8px 16px}.arkyn_select_content>p{font-weight:400;font-size:14px;padding:16px;text-align:center;line-height:21.79px;color:var(--text-body)}.arkyn_select_content .arkyn_select_option svg{height:20px;width:20px;color:rgba(var(--spotlight-primary),1);display:none}.arkyn_select_content .arkyn_select_option:hover{cursor:pointer;background-color:var(--card-foreground-primary)}.arkyn_select_content .arkyn_select_option.active{font-weight:600;color:var(--text-heading);background-color:var(--card-foreground-primary)}.arkyn_select_content .arkyn_select_option.active svg{display:unset}.arkyn_select .spinner{animation:spin 2s linear infinite}.arkyn_select_overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arkynTextarea{flex:1;position:relative;display:flex;align-items:center;padding:16px;gap:8px;border-radius:var(--rounded-inputs);border:1px solid transparent;outline:1px solid transparent}.arkynTextarea:hover{cursor:text}.arkynTextarea textarea{border:none;outline:none;background:transparent;width:100%;resize:none}.arkynTextarea textarea{color:var(--text-heading)}.arkynTextarea textarea::placeholder{color:var(--text-muted)}.arkynTextarea.opacityTrue{opacity:.5}.arkynTextarea.solid{border-color:var(--border);background-color:rgba(var(--input-background),1)}.arkynTextarea.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynTextarea:not(.opacityTrue).solid.focusedTrue{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynTextarea.outline{border-color:var(--border)}.arkynTextarea.outline.errorTrue{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynTextarea:not(.opacityTrue).outline.focusedTrue{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynTextarea.md textarea{font-size:14px;line-height:14px;font-weight:400}.arkynTextarea.md textarea::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkynTextarea.lg textarea{line-height:16px;font-size:16px;font-weight:400}.arkynTextarea.lg textarea::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkynBreadcrumbContainer{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;gap:4px}.arkynBreadcrumbLink{-webkit-user-select:none;user-select:none;text-decoration:none;font-size:14px;color:var(--text-body)}.arkynBreadcrumbLink.active{color:var(--text-muted)}.arkynBreadcrumbLink.inactive:hover{cursor:pointer;color:var(--text-muted)}.arkynBreadcrumbLink:first-child>svg{display:none}.arkynBreadcrumbLink:not(:first-child){display:flex;align-items:center;gap:4px}.arkynBreadcrumbLink:not(:first-child)>svg{display:unset;color:var(--text-body)}.arkynPagination{display:flex;justify-content:center;align-items:center;gap:8px}.arkynPagination .arkynPaginationIconButton,.arkynPagination .arkynPaginationPageButton{background-color:var(--background-foreground);border:none;max-height:28px;max-width:28px;min-height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-inputs)}.arkynPagination .arkynPaginationIconButton:hover,.arkynPagination .arkynPaginationPageButton:hover{filter:brightness(.98);cursor:pointer}html.dark .arkynPagination .arkynPaginationIconButton:hover,html.dark .arkynPagination .arkynPaginationPageButton:hover{filter:brightness(1.2)}.arkynPagination .arkynPaginationIconButton>svg{color:var(--text-muted);height:20px;width:20px}.arkynPagination .arkynPaginationPageButton{color:var(--text-body);font-size:14px;font-weight:600}.arkynPagination .arkynPaginationIconButton:disabled{filter:brightness(1);cursor:not-allowed;opacity:.5}.arkynPagination .arkynPaginationCurrent{background-color:rgba(var(--spotlight-primary),1);color:#fff;border:none;max-height:28px;max-width:28px;min-height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-inputs)}.arkynPagination .arkynPaginationSpread{background-color:transparent;color:var(--text-muted);border:none;max-height:28px;max-width:28px;min-height:28px;min-width:28px;display:flex;align-items:center;justify-content:center}.arkynPagination .arkynPaginationSpread>svg{color:var(--text-muted);height:16px;width:16px}.arkynTabContainer{position:relative;display:flex;align-items:center;justify-content:start;gap:4px;border-bottom:1px solid var(--border)}.arkynTabContainer .activeLine{position:absolute;height:1px;transition:all .3s ease-in-out;bottom:-1px;background-color:rgba(var(--spotlight-primary),1)}.arkynTabButton{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 16px;background-color:transparent;border:none;font-size:14px;font-weight:600;text-align:center;color:var(--text-muted);transition:all .3s ease-in-out}.arkynTabButton.showBorderBottom:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background-color:rgba(var(--spotlight-primary),1)}.arkynTabButton:hover{cursor:pointer}.arkynTabButton.activeTrue{color:rgba(var(--spotlight-primary),1)}.arkynDrawerContainer{position:fixed;top:0;left:0;right:0;bottom:0;overflow:auto;z-index:9999}.arkynDrawerContainerOverlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkynDrawerContainerOverlay:hover{cursor:pointer}.arkynDrawerContainerContent{z-index:9999;position:fixed;top:0;bottom:0;width:max-content;background:var(--card)}.arkynDrawerContainer.left>.arkynDrawerContainerContent{left:0}.arkynDrawerContainer.right>.arkynDrawerContainerContent{right:0}.arkynDrawerHeader{display:flex;align-items:center;height:56px;padding:16px;font-size:16px;font-weight:600;line-height:20px;color:var(--text-heading);border-bottom:1px solid var(--border)}.arkynDrawerHeaderCloseButton{display:flex;align-items:center;justify-content:center;margin-left:auto;padding:2px;border-radius:4px;border:none;background:none;color:var(--text-body);background-color:var(--card);transition:all .15s ease-out}.arkynDrawerHeaderCloseButton:hover{cursor:pointer;filter:brightness(.9)}.arkynModalContainer{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:start;justify-content:center;padding:10vh 0;padding-bottom:2rem;overflow:auto;z-index:9999}.arkynModalContainerOverlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkynModalContainerOverlay:hover{cursor:pointer}.arkynModalContainerContent{z-index:9999;border-radius:var(--rounded-cards);background:var(--card)}.arkynModalFooter{display:flex;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--border)}.arkynModalFooter.left{justify-content:flex-start}.arkynModalFooter.right{justify-content:flex-end}.arkynModalFooter.center{justify-content:center}.arkynModalFooter.between{justify-content:space-between}.arkynModalFooter.around{justify-content:space-around}.arkynModalHeader{display:flex;align-items:center;height:56px;padding:16px;font-size:16px;font-weight:600;line-height:20px;color:var(--text-heading);border-bottom:1px solid var(--border)}.arkynModalHeaderCloseButton{display:flex;align-items:center;justify-content:center;margin-left:auto;padding:2px;border-radius:4px;border:none;background:none;color:var(--text-body);background-color:var(--card);transition:all .15s ease-out}.arkynModalHeaderCloseButton:hover{cursor:pointer;filter:brightness(.9)}.arkynPopover{position:relative}.arkynPopover .arkynPopoverContent{display:none}.arkynPopover.show .arkynPopoverContent{display:unset}.arkynPopoverContent{position:absolute;z-index:3;background-color:var(--card);border-radius:var(--rounded-cards);box-shadow:3px 3px 8px #0003}.arkynPopover.bottomLeft .arkynPopoverContent{bottom:-5px;right:0;transform:translateY(100%)}.arkynPopover.bottomRight .arkynPopoverContent{bottom:-5px;left:0;transform:translateY(100%)}.arkynPopover.topLeft .arkynPopoverContent{top:-5px;right:0;transform:translateY(-100%)}.arkynPopover.topRight .arkynPopoverContent{top:-5px;left:0;transform:translateY(-100%)}.arkynPopover.bottom .arkynPopoverContent{top:calc(100% + 5px);left:50%;transform:translate(-50%)}.arkynPopover.top .arkynPopoverContent{bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.arkynPopover.left .arkynPopoverContent{bottom:50%;right:calc(100% + 5px);transform:translateY(50%)}.arkynPopover.right .arkynPopoverContent{bottom:50%;left:calc(100% + 5px);transform:translateY(50%)}.arkynPopoverOverlay{position:fixed;z-index:1;top:0;left:0;bottom:0;right:0}.arkynToast{display:flex;align-items:start;width:300px;padding:16px;gap:12px;flex:1;border-radius:var(--rounded-cards)}.arkynToast>div{display:flex;align-items:center;justify-content:center;position:relative;border-radius:90px;overflow:hidden}.arkynToast>div>.bg{content:" ";left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}.arkynToast>div>svg{z-index:2}.arkynToast>div circle{display:none}.arkynToast>p{display:flex;flex-direction:column;gap:8px;width:100%;overflow:hidden}.arkynToast>p>strong{width:100%;overflow:hidden;text-overflow:ellipsis}.arkynToast.info{background-color:rgba(var(--toast-info),1);color:#fff}.arkynToast.info>div>.bg{background-color:rgba(var(--toast-info),1);filter:brightness(.8)}.arkynToast.warning{background-color:rgba(var(--toast-warning),1);color:#fff}.arkynToast.warning>div>.bg{background-color:rgba(var(--toast-warning),1);filter:brightness(.8)}.arkynToast.danger{background-color:rgba(var(--toast-danger),1);color:#fff}.arkynToast.danger>div>.bg{background-color:rgba(var(--toast-danger),1);filter:brightness(.8)}.arkynToast.success{background-color:rgba(var(--toast-success),1);color:#fff}.arkynToast.success>div>.bg{background-color:rgba(var(--toast-success),1);filter:brightness(.8)}.arkynToast.md{min-width:260px}.arkynToast.md>div{min-height:20px;max-height:20px;min-width:20px;max-width:20px}.arkynToast.md>div>svg{min-height:26px;min-width:26px}.arkynToast.md>p>strong{font-weight:600;font-size:14px;line-height:16px}.arkynToast.md>p>span{font-weight:400;font-size:12px;line-height:14px}.arkynToast.lg{min-width:260px}.arkynToast.lg>div{min-height:24px;max-height:24px;min-width:24px;max-width:24px}.arkynToast.lg>div>svg{min-height:30px;min-width:30px}.arkynToast.lg>p>strong{font-weight:600;font-size:15px;line-height:17px}.arkynToast.lg>p>span{font-weight:400;font-size:14px;line-height:16px}.arkynTooltip{position:relative;display:block}.arkynTooltipText{visibility:hidden;opacity:0;position:absolute;transform:translate(-50%,-50%);white-space:nowrap;transition:.15s all ease-out;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:400;color:var(--tooltip-text);background-color:var(--tooltip-background);z-index:9999}.arkynTooltip.lg .arkynTooltipText{font-size:14px;line-height:14px;padding:8px 12px}.arkynTooltip.md .arkynTooltipText{font-size:12px;line-height:12px;padding:8px 12px}.arkynTooltip:hover .arkynTooltipText{opacity:1;visibility:visible}.arkynTooltip.top .arkynTooltipText{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.top .arkynTooltipText:before{content:"";top:100%;border-style:solid;border-color:var(--tooltip-background) transparent;border-width:6px 6px 0 6px;bottom:20px;position:absolute;left:50%;transform:translate(-50%)}.arkynTooltip.left .arkynTooltipText{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.left .arkynTooltipText:before{content:"";top:50%;border-style:solid;border-color:transparent var(--tooltip-background);border-width:6px 0 6px 6px;left:100%;position:absolute;transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText:before{content:"";border-style:solid;border-color:transparent var(--tooltip-background);border-width:6px 6px 6px 0;top:50%;left:0;transform:translate(-100%,-50%);position:absolute}.arkynTooltip.bottom .arkynTooltipText{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.bottom .arkynTooltipText:before{content:"";border-style:solid;border-color:var(--tooltip-background) transparent;border-width:0 6px 6px 6px;top:0;left:50%;transform:translate(-50%,-100%);position:absolute}
|
1
|
+
.arkynAlertContainer{display:flex;align-items:start;gap:16px;padding:16px;border:1px solid transparent;border-radius:var(--rounded-cards)}.arkynAlertContainer.danger{background:rgba(var(--spotlight-danger),.1);border-color:rgba(var(--spotlight-danger),.4)}.arkynAlertContainer.success{background:rgba(var(--spotlight-success),.1);border-color:rgba(var(--spotlight-success),.4)}.arkynAlertContainer.info{background:rgba(var(--spotlight-info),.1);border-color:rgba(var(--spotlight-info),.4)}.arkynAlertContainer.warning{background:rgba(var(--spotlight-warning),.1);border-color:rgba(var(--spotlight-warning),.4)}.arkynAlertContent{display:flex;flex-direction:column;gap:8px}.arkynAlertDescription{font-size:14px;font-weight:400;line-height:15px;text-align:left;color:var(--text-body)}.arkynAlertIcon{min-width:28px;min-height:28px;max-width:28px;max-height:28px}.arkynAlertIcon.danger{color:rgba(var(--spotlight-danger),1)}.arkynAlertIcon.success{color:rgba(var(--spotlight-success),1)}.arkynAlertIcon.info{color:rgba(var(--spotlight-info),1)}.arkynAlertIcon.warning{color:rgba(var(--spotlight-warning),1)}.arkynAlertTitle{font-size:16px;font-weight:600;line-height:17px;text-align:left;color:var(--text-heading)}.arkynBadge{display:flex;align-items:center;justify-content:center;gap:4px;width:min-content;white-space:nowrap;border:1px solid transparent}.arkynBadge.solid{color:#fff}.arkynBadge.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkynBadge.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkynBadge.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkynBadge.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkynBadge.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkynBadge.outline.primary{color:rgba(var(--spotlight-primary),1);border-color:rgba(var(--spotlight-primary),1)}.arkynBadge.outline.danger{color:rgba(var(--spotlight-danger),1);border-color:rgba(var(--spotlight-danger),1)}.arkynBadge.outline.success{color:rgba(var(--spotlight-success),1);border-color:rgba(var(--spotlight-success),1)}.arkynBadge.outline.warning{color:rgba(var(--spotlight-warning),1);border-color:rgba(var(--spotlight-warning),1)}.arkynBadge.outline.info{color:rgba(var(--spotlight-info),1);border-color:rgba(var(--spotlight-info),1)}.arkynBadge.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkynBadge.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkynBadge.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkynBadge.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkynBadge.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkynBadge.lg{font-weight:400;font-size:12px;line-height:12px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 16px;height:24px}.arkynBadge.md{font-weight:400;font-size:10px;line-height:10px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 12px;height:20px}.arkynCard{display:flex;padding:20px;width:100%;height:max-content;border-radius:var(--rounded-cards);background-color:var(--card)}.arkynDivider{display:block;flex:1;background-color:var(--border)}.arkynDivider.horizontal{width:100%;min-height:1px;max-height:1px}.arkynDivider.vertical{height:100%;min-width:1px;max-width:1px}.arkynSkeleton{width:100%;height:100%;border-radius:6px;background:linear-gradient(to right,var(--skeleton) 4%,var(--skeleton-foreground) 25%,var(--skeleton) 36%);background-size:40rem 100%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:-40rem 0}to{background-position:40rem 0}}.arkynTableBody>tr:nth-child(odd)>td{background-color:var(--card-foreground-primary)}.arkynTableBody>tr>td{padding-left:16px;height:64px;font-weight:400;font-size:14px;color:var(--text-body)}.arkynTableBody>tr>td:first-child{border-top-left-radius:var(--rounded-cards);border-bottom-left-radius:var(--rounded-cards)}.arkynTableBody>tr>td:last-child{border-top-right-radius:var(--rounded-cards);border-bottom-right-radius:var(--rounded-cards);padding-right:16px}.arkynTableBody>tr:nth-child(odd):hover>td{filter:brightness(.98)}.arkynTableBody>tr:nth-child(2n):hover>td{background-color:var(--card-foreground-primary);filter:brightness(.98)}html.dark .arkynTableBody>tr:nth-child(odd):hover>td{filter:brightness(1.2)}html.dark .arkynTableBody>tr:nth-child(2n):hover>td{background-color:var(--card-foreground-primary);filter:brightness(1.2)}.arkynTableBodyEmptyLine>td{background-color:var(--card-foreground-primary);height:64px}.arkynTableBodyEmptyLine>td>div{display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;font-weight:400;font-size:14px;color:var(--text-body)}.arkynTableCaption{margin-bottom:24px}.arkynTableCaptionContent{display:flex;align-items:center}.arkynTableCaptionContent>.rightSection{display:flex;align-items:center;justify-content:end;gap:16px;flex:2;padding-left:auto}.arkynTableContainer{display:flex;flex-direction:column;width:100%;height:max-content;overflow-y:hidden;overflow-x:auto}.arkynTableContainer table{border-collapse:separate;border-spacing:0}.arkynTableFooterContent{display:flex;align-items:center;justify-content:space-between;height:48px;padding-top:16px;border-top:1px solid var(--border)}.arkynTableFooter .spacingRow{height:24px}.arkynTableHeader th{text-align:left;background-color:var(--card-foreground-secondary);padding-left:16px;height:44px;color:var(--text-heading);font-weight:600;font-size:14px;white-space:nowrap}.arkynTableHeader th:first-child{border-top-left-radius:var(--rounded-cards);border-bottom-left-radius:var(--rounded-cards)}.arkynTableHeader th:last-child{border-top-right-radius:var(--rounded-cards);border-bottom-right-radius:var(--rounded-cards);padding-right:16px}.arkynTableHeader .spacingRow{height:12px}.arkynButton{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkynButton:hover{cursor:pointer;filter:brightness(.95)}html.dark .arkynButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynButton:disabled{cursor:not-allowed;opacity:.5}.arkynButton .arkynButtonContent{display:flex;align-items:center;justify-content:center;white-space:nowrap}.arkynButton.solid{color:#fff}.arkynButton.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkynButton.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkynButton.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkynButton.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkynButton.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkynButton.outline{background-color:rgba(var(--input-background),1);border-color:var(--border)}.arkynButton.outline.primary{color:rgba(var(--spotlight-primary),1)}.arkynButton.outline.danger{color:rgba(var(--spotlight-danger),1)}.arkynButton.outline.success{color:rgba(var(--spotlight-success),1)}.arkynButton.outline.warning{color:rgba(var(--spotlight-warning),1)}.arkynButton.outline.info{color:rgba(var(--spotlight-info),1)}.arkynButton.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkynButton.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkynButton.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkynButton.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkynButton.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkynButton.invisible.primary{color:rgba(var(--spotlight-primary),1)}.arkynButton.invisible.danger{color:rgba(var(--spotlight-danger),1)}.arkynButton.invisible.success{color:rgba(var(--spotlight-success),1)}.arkynButton.invisible.warning{color:rgba(var(--spotlight-warning),1)}.arkynButton.invisible.info{color:rgba(var(--spotlight-info),1)}.arkynButton.lg{font-weight:600;font-size:14px;line-height:14px;border-radius:var(--rounded-inputs);padding:0 20px;height:44px}.arkynButton.lg .arkynButtonContent,.arkynButton.lg .arkynButtonSpinner{gap:16px}.arkynButton.md{font-weight:600;font-size:14px;line-height:14px;border-radius:var(--rounded-inputs);gap:16px;padding:0 16px;height:40px}.arkynButton.md .arkynButtonContent,.arkynButton.md .arkynButtonSpinner{gap:14px}.arkynButton.sm{font-weight:600;font-size:12px;line-height:12px;border-radius:var(--rounded-inputs);padding:0 16px;height:32px}.arkynButton.sm .arkynButtonContent,.arkynButton.sm .arkynButtonSpinner{gap:12px}.arkynButton.xs{font-weight:600;font-size:10px;line-height:10px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 16px;height:24px}.arkynButton.xs .arkynButtonContent,.arkynButton.xs .arkynButtonSpinner{gap:8px}.arkynButton .arkynButtonSpinner{display:flex;align-items:center;justify-content:center;white-space:nowrap;opacity:0}.arkynButton .arkynButtonSpinner>svg{animation:spin 2s linear infinite}.arkynButton.loadingTextFalse .arkynButtonSpinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.arkynButton.loadingTextTrue .arkynButtonSpinner{max-height:0px}.arkynButton.loadingTrue .arkynButtonContent{opacity:0;max-height:0px}.arkynButton.loadingTrue .arkynButtonSpinner{opacity:1;max-height:unset}.arkynFormController{display:flex;flex-direction:column;gap:6px}.arkynCheckbox{display:flex;align-items:center;justify-content:center;border:2px solid var(--border);background-color:rgba(var(--input-background),1)}.arkynCheckbox:hover{cursor:pointer}.arkynCheckbox>svg{display:none;stroke-width:3px}.arkynCheckbox.sm{height:16px;width:16px;border-radius:calc(var(--rounded-inputs) * .3333)}.arkynCheckbox.sm>svg{min-height:12px;min-width:12px}.arkynCheckbox.md{height:20px;width:20px;border-radius:calc(var(--rounded-inputs) * .6667)}.arkynCheckbox.md>svg{min-height:14px;min-width:14px}.arkynCheckbox.lg{height:24px;width:24px;border-radius:var(--rounded-inputs)}.arkynCheckbox.lg>svg{min-height:14px;min-width:14px}.arkynCheckbox.checkedTrue{background-color:rgb(var(--spotlight-primary),1);border-color:rgb(var(--spotlight-primary),1)}.arkynCheckbox.checkedTrue>svg{display:unset;color:#fff}.arkynCheckbox.errorTrue{border-color:rgb(var(--spotlight-danger),1)}.arkynFormError{font-size:12px;line-height:12px;font-weight:600;color:rgb(var(--spotlight-danger),1)}.arkynFormLabel{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkynFormLabel.asteriskTrue:before{content:"* ";font-size:12px;font-weight:600;line-height:16.34px;text-align:left;color:rgb(var(--spotlight-danger),1)}.arkynIconButton{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkynIconButton:hover{cursor:pointer;filter:brightness(.95)}html.dark .arkynIconButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynIconButton:disabled{cursor:not-allowed;opacity:.5}.arkynIconButtonContent{display:flex;align-items:center;justify-content:center}.arkynIconButton.solid{color:#fff}.arkynIconButton.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkynIconButton.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkynIconButton.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkynIconButton.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkynIconButton.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkynIconButton.outline{background-color:rgba(var(--input-background),1);border-color:var(--border)}.arkynIconButton.outline.primary{color:rgba(var(--spotlight-primary),1)}.arkynIconButton.outline.danger{color:rgba(var(--spotlight-danger),1)}.arkynIconButton.outline.success{color:rgba(var(--spotlight-success),1)}.arkynIconButton.outline.warning{color:rgba(var(--spotlight-warning),1)}.arkynIconButton.outline.info{color:rgba(var(--spotlight-info),1)}.arkynIconButton.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkynIconButton.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkynIconButton.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkynIconButton.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkynIconButton.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkynIconButton.invisible.primary{color:rgba(var(--spotlight-primary),1)}.arkynIconButton.invisible.danger{color:rgba(var(--spotlight-danger),1)}.arkynIconButton.invisible.success{color:rgba(var(--spotlight-success),1)}.arkynIconButton.invisible.warning{color:rgba(var(--spotlight-warning),1)}.arkynIconButton.invisible.info{color:rgba(var(--spotlight-info),1)}.arkynIconButton.lg{border-radius:var(--rounded-inputs);height:44px;width:44px}.arkynIconButton.md{border-radius:var(--rounded-inputs);height:40px;width:40px}.arkynIconButton.sm{border-radius:var(--rounded-inputs);height:32px;width:32px}.arkynIconButton.xs{border-radius:calc(var(--rounded-inputs) * .6667);height:24px;width:24px}.arkynIconButtonSpinner{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}.arkynIconButtonSpinner>svg{animation:spin 2s linear infinite}.arkynIconButton.loadingTrue .arkynIconButtonSpinner{opacity:1}.arkynIconButton.loadingTrue .arkynIconButtonContent{opacity:0}.arkyn_input{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:var(--rounded-inputs);border:1px solid transparent;outline:1px solid transparent}.arkyn_input:hover{cursor:text}.arkyn_input input{border:none;outline:none;background:transparent;width:100%}.arkyn_input input{color:var(--text-heading)}.arkyn_input .prefix,.arkyn_input .sufix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_input .prefix{left:0;top:0;bottom:0;border-radius:calc(var(--rounded-inputs) - 1px) 0 0 calc(var(--rounded-inputs) - 1px);border-right:1px solid var(--border)}.arkyn_input .sufix{right:0;top:0;bottom:0;border-radius:0 calc(var(--rounded-inputs) - 1px) calc(var(--rounded-inputs) - 1px) 0;border-left:1px solid var(--border)}.arkyn_input input::placeholder{color:var(--text-muted)}.arkyn_input svg{color:var(--text-muted)}.arkyn_input.errored svg{color:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkyn_input.opacity{opacity:.5}.arkyn_input.solid{border-color:var(--border);background-color:rgba(var(--input-background),1)}.arkyn_input.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_input.outline{border-color:var(--border)}.arkyn_input.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_input.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkyn_input.underline .sufix,.arkyn_input.underline .prefix{display:none}.arkyn_input.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkyn_input.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkyn_input.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkyn_input:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkyn_input:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkyn_input.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkyn_input.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_input.md.hasPrefix{padding-left:60px}.arkyn_input.md.hasSufix{padding-right:60px}.arkyn_input.md .prefix,.arkyn_input.md .sufix{height:40px;width:44px;font-size:14px}.arkyn_input.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkyn_input.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_input.lg .prefix,.arkyn_input.lg .sufix{height:44px;width:48px;font-size:16px}.arkyn_input.lg.hasPrefix{padding-left:64px}.arkyn_input.lg.hasSufix{padding-right:64px}.arkyn_input .spinner{animation:spin 2s linear infinite}.arkynRadioGroup{display:flex;align-items:center;gap:32px}.arkynRadioBox{display:flex;align-items:center;gap:8px;color:var(--text-body);font-size:14px;line-height:19.07px}.arkynRadioBox>button{position:relative;background-color:rgba(var(--input-background),1);border:2px solid var(--border);border-radius:99999px}.arkynRadioBox>button:not(:disabled):hover{cursor:pointer}.arkynRadioBox.checkedTrue>button{border-color:rgba(var(--spotlight-primary),1)}.arkynRadioBox.errorTrue>button{border-color:rgba(var(--spotlight-danger),1)}.arkynRadioBox.checkedTrue>button:before{content:" ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:99999px;background-color:rgba(var(--spotlight-primary),1)}.arkynRadioBox.sm>button{min-height:20px;min-width:20px;max-height:20px;max-width:20px}.arkynRadioBox.md>button{min-height:24px;min-width:24px;max-height:24px;max-width:24px}.arkynRadioBox.lg>button{min-height:24px;min-width:24px;max-height:24px;max-width:24px}.arkynRadioBox.checkedTrue.sm>button:before{min-height:10px;min-width:10px;max-height:10px;max-width:10px}.arkynRadioBox.checkedTrue.md>button:before{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkynRadioBox.checkedTrue.lg>button:before{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkynRadioBox.disabledTrue{opacity:.5}.arkynRadioBox.disabledTrue>button{cursor:not-allowed}.arkyn_select{flex:1;position:relative;display:flex;align-items:center;padding:0 16px;gap:8px;border-radius:6px;border:1px solid transparent;outline:1px solid transparent}.arkyn_select:hover{cursor:pointer}.arkyn_select input{border:none;outline:none;background:transparent;width:100%}.arkyn_select input{color:var(--text-heading)}.arkyn_select .prefix{color:var(--text-body);background:var(--border);font-weight:400;display:flex;align-items:center;justify-content:center;position:absolute}.arkyn_select .prefix{left:0;top:0;bottom:0;border-radius:5px 0 0 5px;border-right:1px solid var(--border)}.arkyn_select.placeholder_dark_true input::placeholder{color:var(--text-heading)}.arkyn_select.placeholder_dark_false input::placeholder{color:var(--text-muted)}.arkyn_select svg{color:var(--text-muted)}.arkyn_select.errored svg{color:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).focused svg{color:rgba(var(--spotlight-primary),1)}.arkyn_select.opacity{opacity:.5}.arkyn_select .arkyn_select_arrow{transition:.15s all ease-in-out;color:var(--text-muted)}.arkyn_select:not(.opacity).focused .arkyn_select_arrow{transform:rotate(180deg)}.arkyn_select.solid{border-color:var(--border);background-color:rgba(var(--input-background),1)}.arkyn_select.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_select.outline{border-color:var(--border)}.arkyn_select.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_select.underline{border-radius:0;border-top:none;border-left:none;border-right:none;outline:none;border-color:var(--border)}.arkyn_select.underline .prefix{display:none}.arkyn_select.underline:before{content:" ";position:absolute;height:1px;left:0;right:0;bottom:-2px;background:transparent}.arkyn_select.underline.errored{border-color:rgba(var(--spotlight-danger),1)}.arkyn_select.underline.errored:before{background:rgba(var(--spotlight-danger),1)}.arkyn_select:not(.opacity).underline.focused{border-color:rgba(var(--spotlight-primary),1)}.arkyn_select:not(.opacity).underline.focused:before{background:rgba(var(--spotlight-primary),1)}.arkyn_select.md input{min-height:40px;max-height:40px;font-size:14px;line-height:14px;font-weight:400}.arkyn_select.md input::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_select.md.hasPrefix{padding-left:60px}.arkyn_select.md .prefix{height:40px;width:44px;font-size:14px}.arkyn_select.lg input{min-height:44px;max-height:44px;line-height:16px;font-size:16px;font-weight:400}.arkyn_select.lg input::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_select.lg .prefix{height:44px;width:48px;font-size:16px}.arkyn_select.lg.hasPrefix{padding-left:64px}.arkyn_select_content{position:absolute;z-index:6;top:calc(100% + 5px);left:-2px;right:-2px;border-radius:6px;list-style:none;display:flex;flex-direction:column;flex:1;overflow:hidden;height:max-content;border:1px solid var(--border);background-color:var(--card);box-shadow:0 4px 8px #0000001a}.arkyn_select_content .arkyn_select_option{display:flex;align-items:center;justify-content:space-between;font-weight:400;line-height:21.79px;color:var(--text-body)}.arkyn_select.md .arkyn_select_content .arkyn_select_option{font-size:14px;padding:8px 16px}.arkyn_select.lg .arkyn_select_content .arkyn_select_option{font-size:16px;padding:8px 16px}.arkyn_select_content>p{font-weight:400;font-size:14px;padding:16px;text-align:center;line-height:21.79px;color:var(--text-body)}.arkyn_select_content .arkyn_select_option svg{height:20px;width:20px;color:rgba(var(--spotlight-primary),1);display:none}.arkyn_select_content .arkyn_select_option:hover{cursor:pointer;background-color:var(--card-foreground-primary)}.arkyn_select_content .arkyn_select_option.active{font-weight:600;color:var(--text-heading);background-color:var(--card-foreground-primary)}.arkyn_select_content .arkyn_select_option.active svg{display:unset}.arkyn_select .spinner{animation:spin 2s linear infinite}.arkyn_select_overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arkynTextarea{flex:1;position:relative;display:flex;align-items:center;padding:16px;gap:8px;border-radius:var(--rounded-inputs);border:1px solid transparent;outline:1px solid transparent}.arkynTextarea:hover{cursor:text}.arkynTextarea textarea{border:none;outline:none;background:transparent;width:100%;resize:none}.arkynTextarea textarea{color:var(--text-heading)}.arkynTextarea textarea::placeholder{color:var(--text-muted)}.arkynTextarea.opacityTrue{opacity:.5}.arkynTextarea.solid{border-color:var(--border);background-color:rgba(var(--input-background),1)}.arkynTextarea.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynTextarea:not(.opacityTrue).solid.focusedTrue{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynTextarea.outline{border-color:var(--border)}.arkynTextarea.outline.errorTrue{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkynTextarea:not(.opacityTrue).outline.focusedTrue{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkynTextarea.md textarea{font-size:14px;line-height:14px;font-weight:400}.arkynTextarea.md textarea::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkynTextarea.lg textarea{line-height:16px;font-size:16px;font-weight:400}.arkynTextarea.lg textarea::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkynBreadcrumbContainer{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;gap:4px}.arkynBreadcrumbLink{-webkit-user-select:none;user-select:none;text-decoration:none;font-size:14px;color:var(--text-body)}.arkynBreadcrumbLink.active{color:var(--text-muted)}.arkynBreadcrumbLink.inactive:hover{cursor:pointer;color:var(--text-muted)}.arkynBreadcrumbLink:first-child>svg{display:none}.arkynBreadcrumbLink:not(:first-child){display:flex;align-items:center;gap:4px}.arkynBreadcrumbLink:not(:first-child)>svg{display:unset;color:var(--text-body)}.arkynPagination{display:flex;justify-content:center;align-items:center;gap:8px}.arkynPagination .arkynPaginationIconButton,.arkynPagination .arkynPaginationPageButton{background-color:var(--background-foreground);border:none;max-height:28px;max-width:28px;min-height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-inputs)}.arkynPagination .arkynPaginationIconButton:hover,.arkynPagination .arkynPaginationPageButton:hover{filter:brightness(.98);cursor:pointer}html.dark .arkynPagination .arkynPaginationIconButton:hover,html.dark .arkynPagination .arkynPaginationPageButton:hover{filter:brightness(1.2)}.arkynPagination .arkynPaginationIconButton>svg{color:var(--text-muted);height:20px;width:20px}.arkynPagination .arkynPaginationPageButton{color:var(--text-body);font-size:14px;font-weight:600}.arkynPagination .arkynPaginationIconButton:disabled{filter:brightness(1);cursor:not-allowed;opacity:.5}.arkynPagination .arkynPaginationCurrent{background-color:rgba(var(--spotlight-primary),1);color:#fff;border:none;max-height:28px;max-width:28px;min-height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-inputs)}.arkynPagination .arkynPaginationSpread{background-color:transparent;color:var(--text-muted);border:none;max-height:28px;max-width:28px;min-height:28px;min-width:28px;display:flex;align-items:center;justify-content:center}.arkynPagination .arkynPaginationSpread>svg{color:var(--text-muted);height:16px;width:16px}.arkynTabContainer{position:relative;display:flex;align-items:center;justify-content:start;gap:4px;border-bottom:1px solid var(--border)}.arkynTabContainer .activeLine{position:absolute;height:1px;transition:all .3s ease-in-out;bottom:-1px;background-color:rgba(var(--spotlight-primary),1)}.arkynTabButton{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 16px;background-color:transparent;border:none;font-size:14px;font-weight:600;text-align:center;color:var(--text-muted);transition:all .3s ease-in-out}.arkynTabButton.showBorderBottom:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background-color:rgba(var(--spotlight-primary),1)}.arkynTabButton:hover{cursor:pointer}.arkynTabButton.activeTrue{color:rgba(var(--spotlight-primary),1)}.arkynDrawerContainer{position:fixed;top:0;left:0;right:0;bottom:0;overflow:auto;z-index:9999}.arkynDrawerContainerOverlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkynDrawerContainerOverlay:hover{cursor:pointer}.arkynDrawerContainerContent{z-index:9999;position:fixed;top:0;bottom:0;width:max-content;background:var(--card)}.arkynDrawerContainer.left>.arkynDrawerContainerContent{left:0}.arkynDrawerContainer.right>.arkynDrawerContainerContent{right:0}.arkynDrawerHeader{display:flex;align-items:center;height:56px;padding:16px;font-size:16px;font-weight:600;line-height:20px;color:var(--text-heading);border-bottom:1px solid var(--border)}.arkynDrawerHeaderCloseButton{display:flex;align-items:center;justify-content:center;margin-left:auto;padding:2px;border-radius:4px;border:none;background:none;color:var(--text-body);background-color:var(--card);transition:all .15s ease-out}.arkynDrawerHeaderCloseButton:hover{cursor:pointer;filter:brightness(.9)}.arkynModalContainer{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:start;justify-content:center;padding:10vh 0;padding-bottom:2rem;overflow:auto;z-index:9999}.arkynModalContainerOverlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkynModalContainerOverlay:hover{cursor:pointer}.arkynModalContainerContent{z-index:9999;border-radius:var(--rounded-cards);background:var(--card)}.arkynModalFooter{display:flex;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--border)}.arkynModalFooter.left{justify-content:flex-start}.arkynModalFooter.right{justify-content:flex-end}.arkynModalFooter.center{justify-content:center}.arkynModalFooter.between{justify-content:space-between}.arkynModalFooter.around{justify-content:space-around}.arkynModalHeader{display:flex;align-items:center;height:56px;padding:16px;font-size:16px;font-weight:600;line-height:20px;color:var(--text-heading);border-bottom:1px solid var(--border)}.arkynModalHeaderCloseButton{display:flex;align-items:center;justify-content:center;margin-left:auto;padding:2px;border-radius:4px;border:none;background:none;color:var(--text-body);background-color:var(--card);transition:all .15s ease-out}.arkynModalHeaderCloseButton:hover{cursor:pointer;filter:brightness(.9)}.arkynPopover{position:relative}.arkynPopover .arkynPopoverContent{display:none}.arkynPopover.visibleTrue .arkynPopoverContent{display:unset}.arkynPopoverContent{position:absolute;z-index:3;background-color:var(--card);border-radius:var(--rounded-cards);box-shadow:3px 3px 8px #0003}.arkynPopover.bottomLeft .arkynPopoverContent{bottom:-5px;right:0;transform:translateY(100%)}.arkynPopover.bottomRight .arkynPopoverContent{bottom:-5px;left:0;transform:translateY(100%)}.arkynPopover.topLeft .arkynPopoverContent{top:-5px;right:0;transform:translateY(-100%)}.arkynPopover.topRight .arkynPopoverContent{top:-5px;left:0;transform:translateY(-100%)}.arkynPopover.bottom .arkynPopoverContent{top:calc(100% + 5px);left:50%;transform:translate(-50%)}.arkynPopover.top .arkynPopoverContent{bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.arkynPopover.left .arkynPopoverContent{bottom:50%;right:calc(100% + 5px);transform:translateY(50%)}.arkynPopover.right .arkynPopoverContent{bottom:50%;left:calc(100% + 5px);transform:translateY(50%)}.arkynPopoverOverlay{position:fixed;z-index:1;top:0;left:0;bottom:0;right:0}.arkynToast{display:flex;align-items:start;width:300px;padding:16px;gap:12px;flex:1;border-radius:var(--rounded-cards)}.arkynToast>div{display:flex;align-items:center;justify-content:center;position:relative;border-radius:90px;overflow:hidden}.arkynToast>div>.bg{content:" ";left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}.arkynToast>div>svg{z-index:2}.arkynToast>div circle{display:none}.arkynToast>p{display:flex;flex-direction:column;gap:8px;width:100%;overflow:hidden}.arkynToast>p>strong{width:100%;overflow:hidden;text-overflow:ellipsis}.arkynToast.info{background-color:rgba(var(--toast-info),1);color:#fff}.arkynToast.info>div>.bg{background-color:rgba(var(--toast-info),1);filter:brightness(.8)}.arkynToast.warning{background-color:rgba(var(--toast-warning),1);color:#fff}.arkynToast.warning>div>.bg{background-color:rgba(var(--toast-warning),1);filter:brightness(.8)}.arkynToast.danger{background-color:rgba(var(--toast-danger),1);color:#fff}.arkynToast.danger>div>.bg{background-color:rgba(var(--toast-danger),1);filter:brightness(.8)}.arkynToast.success{background-color:rgba(var(--toast-success),1);color:#fff}.arkynToast.success>div>.bg{background-color:rgba(var(--toast-success),1);filter:brightness(.8)}.arkynToast.md{min-width:260px}.arkynToast.md>div{min-height:20px;max-height:20px;min-width:20px;max-width:20px}.arkynToast.md>div>svg{min-height:26px;min-width:26px}.arkynToast.md>p>strong{font-weight:600;font-size:14px;line-height:16px}.arkynToast.md>p>span{font-weight:400;font-size:12px;line-height:14px}.arkynToast.lg{min-width:260px}.arkynToast.lg>div{min-height:24px;max-height:24px;min-width:24px;max-width:24px}.arkynToast.lg>div>svg{min-height:30px;min-width:30px}.arkynToast.lg>p>strong{font-weight:600;font-size:15px;line-height:17px}.arkynToast.lg>p>span{font-weight:400;font-size:14px;line-height:16px}.arkynTooltip{position:relative;display:block}.arkynTooltipText{visibility:hidden;opacity:0;position:absolute;transform:translate(-50%,-50%);white-space:nowrap;transition:.15s all ease-out;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:400;color:var(--tooltip-text);background-color:var(--tooltip-background);z-index:9999}.arkynTooltip.lg .arkynTooltipText{font-size:14px;line-height:14px;padding:8px 12px}.arkynTooltip.md .arkynTooltipText{font-size:12px;line-height:12px;padding:8px 12px}.arkynTooltip:hover .arkynTooltipText{opacity:1;visibility:visible}.arkynTooltip.top .arkynTooltipText{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.top .arkynTooltipText:before{content:"";top:100%;border-style:solid;border-color:var(--tooltip-background) transparent;border-width:6px 6px 0 6px;bottom:20px;position:absolute;left:50%;transform:translate(-50%)}.arkynTooltip.left .arkynTooltipText{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.left .arkynTooltipText:before{content:"";top:50%;border-style:solid;border-color:transparent var(--tooltip-background);border-width:6px 0 6px 6px;left:100%;position:absolute;transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.arkynTooltip.right .arkynTooltipText:before{content:"";border-style:solid;border-color:transparent var(--tooltip-background);border-width:6px 6px 6px 0;top:50%;left:0;transform:translate(-100%,-50%);position:absolute}.arkynTooltip.bottom .arkynTooltipText{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkynTooltip.bottom .arkynTooltipText:before{content:"";border-style:solid;border-color:var(--tooltip-background) transparent;border-width:0 6px 6px 6px;top:0;left:50%;transform:translate(-50%,-100%);position:absolute}
|
package/package.json
CHANGED
@@ -1,11 +1,31 @@
|
|
1
1
|
import { TableBodyProps } from "@arkyn/types";
|
2
|
+
import { Children } from "react";
|
2
3
|
import "./styles.css";
|
3
4
|
|
4
5
|
function TableBody(props: TableBodyProps) {
|
5
|
-
const {
|
6
|
+
const {
|
7
|
+
emptyMessage = "Nenhum dado adicionado.",
|
8
|
+
className: baseClassName,
|
9
|
+
children,
|
10
|
+
...rest
|
11
|
+
} = props;
|
6
12
|
const className = `arkynTableBody ${baseClassName}`;
|
7
13
|
|
8
|
-
|
14
|
+
const isEmpty = Children.count(children) === 0;
|
15
|
+
|
16
|
+
return (
|
17
|
+
<tbody className={className.trim()} {...rest}>
|
18
|
+
{isEmpty ? (
|
19
|
+
<tr className="arkynTableBodyEmptyLine">
|
20
|
+
<td colSpan={100}>
|
21
|
+
<div>{emptyMessage}</div>
|
22
|
+
</td>
|
23
|
+
</tr>
|
24
|
+
) : (
|
25
|
+
children
|
26
|
+
)}
|
27
|
+
</tbody>
|
28
|
+
);
|
9
29
|
}
|
10
30
|
|
11
31
|
export { TableBody };
|
@@ -41,3 +41,22 @@ html.dark .arkynTableBody > tr:nth-child(even):hover > td {
|
|
41
41
|
background-color: var(--card-foreground-primary);
|
42
42
|
filter: brightness(1.2);
|
43
43
|
}
|
44
|
+
|
45
|
+
.arkynTableBodyEmptyLine > td {
|
46
|
+
background-color: var(--card-foreground-primary);
|
47
|
+
height: 64px;
|
48
|
+
}
|
49
|
+
|
50
|
+
.arkynTableBodyEmptyLine > td > div {
|
51
|
+
display: flex;
|
52
|
+
align-items: center;
|
53
|
+
justify-content: center;
|
54
|
+
|
55
|
+
text-align: center;
|
56
|
+
white-space: nowrap;
|
57
|
+
|
58
|
+
font-weight: 400;
|
59
|
+
font-size: 14px;
|
60
|
+
|
61
|
+
color: var(--text-body);
|
62
|
+
}
|