@arkyn/components 1.3.73 → 1.3.74
Sign up to get free protection for your applications and to get access to all the features.
package/dist/bundle.js
CHANGED
|
@@ -651,7 +651,7 @@ function fr(e) {
|
|
|
651
651
|
return /* @__PURE__ */ a.jsx(Ot.Provider, { value: e, children: /* @__PURE__ */ a.jsx("div", { className: l.trim(), ...i, children: r }) });
|
|
652
652
|
}
|
|
653
653
|
function mr(e) {
|
|
654
|
-
const { children: t, className: r, ...s } = e, i = `
|
|
654
|
+
const { children: t, className: r, ...s } = e, i = `arkyn_alert_content ${r}`;
|
|
655
655
|
return /* @__PURE__ */ a.jsx("div", { className: i.trim(), ...s, children: t });
|
|
656
656
|
}
|
|
657
657
|
function hr(e) {
|
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,Ee,ja,Ee),It[Ee+ct]=!0}}return n===s?xa(re):ya(re),re}}function wa(n,m,g){return Ot(n,m,g,!0)}function Ca(n,m,g){return Ot(n,m,g,!1)}var ka=Ca,Na=wa;ze.Fragment=s,ze.jsx=ka,ze.jsxs=Na}()),ze}process.env.NODE_ENV==="production"?Je.exports=Dt():Je.exports=Bt();var r=Je.exports;const ft=l.createContext({});function Lt(){return l.useContext(ft)}function Mt(e){const{schema:t,children:a,className:s,...i}=e,c=`arkyn_alert ${t} ${s}`;return r.jsx(ft.Provider,{value:e,children:r.jsx("div",{className:c.trim(),...i,children:a})})}function At(e){const{children:t,className:a,...s}=e,i=`arkyn_content ${a}`;return r.jsx("div",{className:i.trim(),...s,children:t})}function Vt(e){const{children:t,className:a,...s}=e,i=`arkyn_description ${a}`;return r.jsx("div",{className:i.trim(),...s,children:t})}function Wt(e){const{className:t,...a}=e,{schema:s}=Lt(),i=`arkyn_alert_icon ${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{children:t,className:a,...s}=e,i=`arkyn_title ${a}`;return r.jsx("div",{className:i.trim(),...s,children:t})}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+1,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=`arkyn_badge ${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,orientation:a="horizontal",...s}=e,i=`arkyn_divider ${a} ${t}`;return r.jsx("div",{className:i,...s})}function Gt(e){const{className:t,...a}=e,s=`arkyn_skeleton ${t}`;return r.jsx("aside",{className:s.trim(),...a})}function Jt(e){const{className:t,...a}=e,s=`arkyn_table_body ${t}`;return r.jsx("tbody",{className:s.trim(),...a})}function Zt(e){const{className:t,children:a,...s}=e,i=`arkyn_table_caption ${t}`;return r.jsx("caption",{className:i.trim(),...s,children:r.jsx("div",{className:"arkyn_table_caption-content",children:a})})}function Qt(e){const{children:t,className:a,...s}=e,i=`arkyn_table_container ${a}`;return r.jsx("div",{className:i.trim(),...s,children:r.jsx("table",{children:t})})}function en(e){const{className:t,children:a,...s}=e,i=`arkyn_table_footer ${t}`;return r.jsxs("tfoot",{className:i.trim(),...s,children:[r.jsx("tr",{className:"spacing-row"}),r.jsx("tr",{children:r.jsx("th",{colSpan:100,children:r.jsx("div",{className:"arkyn_table_footer-content",children:a})})})]})}function tn(e){const{className:t,children:a,...s}=e,i=`arkyn_table_header ${t}`;return r.jsxs("thead",{className:i.trim(),...s,children:[r.jsx("tr",{children:a}),r.jsx("tr",{className:"spacing-row"})]})}function nn(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],j=`arkyn_button loading_text_${!!i} ${s} ${a} ${c} loading_${t} ${p}`;return r.jsxs("button",{className:j,disabled:d||t,...y,children:[r.jsxs("div",{className:"arkyn_button-spinner",children:[r.jsx(Y.Loader2,{size:b,strokeWidth:2.5}),i&&i]}),r.jsxs("div",{className:"arkyn_button-content",children:[Ae(b,f),h,Ae(b,u)]})]})}const ht=l.createContext({});function an(e){var h,y;const t=$e.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=`arkyn_form_controller ${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 rn(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,v=`arkyn_checkbox ${s} ${b?"error":""} ${k?"checked":""} ${a}`;function w(){const O=j;C(!O),u&&u(O?"":d||"checked")}return r.jsxs("button",{type:"button",id:h,className:v,onClick:w,...p,children:[r.jsx("input",{type:"hidden",name:t,ref:y,value:k?d||"checked":""}),r.jsx(Y.Check,{})]})}function sn(e){const{children:t,className:a,...s}=e,i=`arkyn_form_error ${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 on(e){const{showAsterisk:t=!1,className:a="",...s}=e,{id:i}=be(),f=`arkyn_form_label ${t?"show-asterisk":""} ${a}`;return r.jsx("label",{...s,className:f.trim(),htmlFor:i})}function ln(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},h=`arkyn_icon_button ${s} ${a} ${i} loading_${t} ${u}`;return r.jsxs("button",{disabled:f||t,className:h.trim(),...d,children:[r.jsx("div",{className:"arkyn_icon_button-spinner",children:r.jsx(Y.Loader2,{size:p[i],strokeWidth:2.5})}),r.jsx("div",{className:"arkyn_icon_button-content",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 cn(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 T=h?"right":"left",D=`arkyn_input ${u?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${i} ${y||b||a?"opacity":""} ${s?"errored":""} ${t?"focused":""} ${c}`,S={md:20,lg:20}[i];return{isLoading:a,className:D,prefix:Ce(u,S,"prefix"),sufix:Ce(d,S,"sufix"),LeftIcon:p,RightIcon:h,defaultValue:F(o||""),disabled:y,readOnly:b,onFocus:j,onBlur:C,title:k,style:v,onChange:w,loadingPosition:T,iconSize:S,Spinner:r.jsx(Y.Loader2,{className:"spinner",size:S,strokeWidth:2.5}),...O}}function un(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:T,RightIcon:W,Spinner:L,onChange:K,value:H,defaultValue:Z,...D}=cn({...e,id:c,isError:d},t),[ae,S]=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($){let _=Ze($.target.value);const ee=gt(_);_.length>vt||(_=pt(_,Qe[ee]),$.target.value=_,S(_),K&&K($))}function le($){a(!0),F&&F($)}function I($){a(!1),T&&T($)}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:I,...D}),M&&r.jsx(W,{size:C,strokeWidth:2.5}),te&&L,j]})}const dn=3,fn=(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?dn: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=fn(e,s,a);return[s,i]};function mn(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,T=h?"right":"left",D=`arkyn_input ${u?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${i} ${y||o||a?"opacity":""} ${s?"errored":""} ${t?"focused":""} ${c}`,S={md:20,lg:20}[i];return{isLoading:a,className:D,prefix:Ce(u,S,"prefix"),sufix:Ce(d,S,"sufix"),LeftIcon:p,RightIcon:h,disabled:y,locale:w,currency:O,readOnly:o,onFocus:b,onBlur:j,title:C,style:k,max:v,loadingPosition:T,iconSize:S,Spinner:r.jsx(Y.Loader2,{className:"spinner",size:S,strokeWidth:2.5}),...F}}function hn(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:T,onFocus:W,onBlur:L,RightIcon:K,Spinner:H,value:Z,max:D,onChangeValue:ae,onKeyPress:S,currency:X,locale:M,name:q,defaultValue:te,...R}=mn({...e,id:u,isError:h},t),Q=F&&!O,le=K&&!O,I=w==="left"&&O,$=w==="right"&&O;function _(){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!D||se<=D?(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=>S&&S(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:_,className:j,children:[C,I&&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:T,ref:p,...R}),r.jsx("input",{type:"hidden",name:q,value:et(s)}),$&&H,le&&r.jsx(K,{size:v,strokeWidth:2.5}),k]})}function pn(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,T=h?"right":"left",D=`arkyn_input ${u?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${i} ${y||o||a?"opacity":""} ${s?"errored":""} ${t?"focused":""} ${c}`,S={md:20,lg:20}[i];return{isLoading:a,className:D,prefix:Ce(u,S,"prefix"),sufix:Ce(d,S,"sufix"),LeftIcon:p,RightIcon:h,disabled:y,readOnly:o,onFocus:b,onBlur:j,title:C,style:k,onChange:v,loadingPosition:T,iconSize:S,showMask:w,Spinner:r.jsx(Y.Loader2,{className:"spinner",size:S,strokeWidth:2.5}),...F}}const gn=l.forwardRef((e,t)=>r.jsx("input",{ref:t,...e}));function vn(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:T,RightIcon:W,Spinner:L,...K}=pn({...e,id:c,isError:d},t),H=w&&!v,Z=W&&!v,D=k==="left"&&v,ae=k==="right"&&v;function S(){p||!(u!=null&&u.current)||(a(!0),u.current.focus())}function X(q){a(!0),F&&F(q)}function M(q){a(!1),T&&T(q)}return r.jsxs("section",{title:h,style:y,onClick:S,className:o,children:[b,D&&L,H&&r.jsx(w,{size:C,strokeWidth:2.5}),r.jsx(zt.InputMask,{component:gn,ref:u,onFocus:X,onBlur:M,disabled:p,...K}),Z&&r.jsx(W,{size:C,strokeWidth:2.5}),ae&&L,j]})}function bn(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}`,D={md:20,lg:20}[i];return{isLoading:a,className:H,prefix:Ce(u,D,"prefix"),sufix:Ce(d,D,"sufix"),LeftIcon:p,RightIcon:h,disabled:y,readOnly:o,onFocus:b,onBlur:j,title:C,style:k,onChange:v,loadingPosition:O,iconSize:D,Spinner:r.jsx(Y.Loader2,{className:"spinner",size:D,strokeWidth:2.5}),...w}}function yn(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:T,RightIcon:W,type:L,Spinner:K,...H}=bn({...e,id:c,isError:d},t),Z=w&&!v,D=W&&!v,ae=k==="left"&&v,S=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),T&&T(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}),D&&r.jsx(W,{size:C,strokeWidth:2.5}),S&&K,j]})}function xn(e){return e.type==="currency"?r.jsx(hn,{...e}):e.type==="masked"?r.jsx(vn,{...e}):e.type==="cpf-cnpj"?r.jsx(un,{...e}):r.jsx(yn,{...e})}const xt=l.createContext({});function wn(){return l.useContext(xt)}function Cn(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=`arkyn_radio_group ${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 kn(e){const{value:t,size:a,disabled:s,children:i}=e,{onChange:c,size:f,value:u}=wn(),{error:d}=be(),b=`arkyn_radio_box ${a||f} ${u===t?"isChecked":""} ${d?"isErrored":""} ${s?"isDisabled":""}`;return r.jsxs("label",{className:b.trim(),children:[r.jsx("button",{type:"button",disabled:s,onClick:()=>c(t),onFocus:()=>c(t)}),i]})}function Nn(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,T=`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:T,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 jn(e){var $;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:T,name:W,placeholder:L,onSelect:K,options:H,optionMaxHeight:Z,closeOnSelect:D,...ae}=Nn({...e,id:i,isError:d},t),[S,X]=l.useState(w);function M(){p||!(u!=null&&u.current)||t||(a(!0),u.current.focus())}function q(_){t||(a(!0),O&&O(_))}function te(){a(!1),F&&u.current&&u.current.blur()}function R(_){const{label:ee,value:ce}=_;X(S!==ce?ce:""),K&&K({label:ee,value:ce}),D&&te()}const Q=typeof v=="string"?v:S,le=(($=H.find(_=>_.value===Q))==null?void 0:$.label)||"",I=()=>{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_${I()}`,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:_,value:ee})=>r.jsxs("div",{onClick:()=>R({label:_,value:ee}),className:Q===ee?"arkyn_select_option active":"arkyn_select_option",children:[_," ",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]}),t&&r.jsx("aside",{className:"arkyn_select_overlay",onClick:te})]})}function _n(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?"errored":"",W=`arkyn_textarea ${t} ${a} ${i||c?"opacity":""} ${O} ${y?"focused":""} ${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 Sn(e){const{className:t="",...a}=e,s=`arkyn_breadcrumb_container ${t}`;return r.jsx("nav",{className:s,...a})}function En(e){const{pathname:t}=$e.useLocation(),{className:a="",disabled:s=!1,children:i,to:c,...f}=e,d=`arkyn_breadcrumb_link ${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($e.Link,{to:c,className:d,...f,children:[r.jsx(Y.ChevronRight,{size:14,strokeWidth:2.5}),i]})}function wt(e=""){const t=$e.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=$e.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:"arkyn_pagination",...f,children:[r.jsx("button",{className:"arkyn_pagination-icon_button",disabled:h<=1,onClick:()=>C(h-1),children:r.jsx(Y.ChevronLeft,{})}),h>1+c&&r.jsxs(r.Fragment,{children:[r.jsx("button",{className:"arkyn_pagination-page_button",onClick:()=>C(1),children:"1"}),h>2+c&&r.jsx("button",{disabled:!0,className:"arkyn_pagination-spread",children:r.jsx(Y.Ellipsis,{})})]}),b.map((k,v)=>r.jsx("button",{onClick:()=>C(k),className:"arkyn_pagination-page_button",children:k},v)),r.jsx("button",{className:"arkyn_pagination-current",disabled:!0,children:h}),j.map((k,v)=>r.jsx("button",{onClick:()=>C(k),className:"arkyn_pagination-page_button",children:k},v)),h+c<o&&r.jsxs(r.Fragment,{children:[h+1+c<o&&r.jsx("button",{disabled:!0,className:"arkyn_pagination-spread",children:r.jsx(Y.Ellipsis,{})}),r.jsx("button",{className:"arkyn_pagination-page_button",onClick:()=>C(o),children:o})]}),r.jsx("button",{className:"arkyn_pagination-icon_button",disabled:h>=o,onClick:()=>C(h+1),children:r.jsx(Y.ChevronRight,{})})]})}const tt=l.createContext({});function Tn(){if(!tt)throw new Error("useTabContext must be used within a TabProvider");return l.useContext(tt)}function Rn(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=`arkyn_tab_container ${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:"active-line",style:o})]})}function Pn(e){const{children:t,className:a="",onClick:s,...i}=e,{value:c,showInitialTab:f,handleTabClick:u}=Tn(),d=c===i.value&&c?"active":"",h=`arkyn_tab_button ${c===i.value&&f?"show_border_bottom":""} ${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 In(e){const{isVisibled:t,makeInvisible:a,orientation:s="left",children:i,className:c,...f}=e,u=s==="left"?"-100%":"100%",p=`arkyn_drawer_container ${s} ${t?"visible":""} ${c}`;return r.jsx(Ct.Provider,{value:{makeInvisible:a},children:r.jsx(_e.AnimatePresence,{children:t&&r.jsxs("aside",{className:p.trim(),...f,children:[r.jsx(_e.motion.div,{className:"arkyn_drawer_container-overlay",transition:{duration:.15,ease:"easeOut"},initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:a}),r.jsx(_e.motion.div,{className:"arkyn_drawer_container-content",transition:{ease:"easeOut",duration:.15},initial:{transform:`translateX(${u})`},animate:{transform:"translateX(0px)"},exit:{transform:`translateX(${u})`},children:i})]})})})}function On(e){const{showCloseButton:t=!0,className:a,children:s,...i}=e,{makeInvisible:c}=l.useContext(Ct),f=`arkyn_drawer_header ${a}`;return r.jsxs("header",{className:f.trim(),...i,children:[s,t&&r.jsx("button",{className:"arkyn_drawer_header-close_button",type:"button",onClick:c,"aria-label":"Close drawer",children:r.jsx(Y.X,{size:24})})]})}const kt=l.createContext({});function zn(e){const{isVisibled:t,makeInvisible:a,children:s,className:i="",...c}=e,u=`arkyn_modal_container ${t?"visible":""} ${i}`;return r.jsx(kt.Provider,{value:{makeInvisible:a},children:r.jsx(_e.AnimatePresence,{children:t&&r.jsxs("aside",{className:u.trim(),...c,children:[r.jsx(_e.motion.div,{className:"arkyn_modal_container-overlay",transition:{duration:.15,ease:"easeOut"},initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:a}),r.jsx(_e.motion.div,{className:"arkyn_modal_container-content",transition:{duration:.15,ease:"easeOut"},initial:{opacity:0,scale:.75},animate:{opacity:1,scale:1},exit:{opacity:0,scale:0},children:s})]})})})}function Fn(e){const{alignment:t="right",className:a,...s}=e,i=`arkyn_modal_footer ${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=`arkyn_modal_header ${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:"arkyn_modal_header-close_button",children:r.jsx(Y.X,{size:24})})]})}function Bn(e){const{children:t,button:a,closeOnClick:s,orientation:i="bottom-left"}=e,[c,f]=l.useState(!1),u=`arkyn_popover ${i} ${c?"show":""}`;function d(){c||f(!0)}return r.jsxs("div",{className:u,onClick:d,children:[a,r.jsx(_e.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:"arkyn_popover-content",children:t}),c&&r.jsx("div",{onClick:()=>f(!1),className:"arkyn_popover-overlay"})]})}function Nt(e){const{message:t,title:a,type:s,size:i="lg"}=e,c=`arkyn_toast ${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 Ln(e){const{text:t,size:a="lg",children:s,orientation:i="top",className:c,...f}=e,u=`arkyn_tooltip ${a} ${i} ${c}`;return r.jsxs("div",{className:u.trim(),...f,children:[s,r.jsx("div",{className:"arkyn_tooltip-text",children:t})]})}const nt=l.createContext({}),jt=l.createContext({});function _t(){const e=l.useContext(jt);if(Object.entries(e).length===0)throw new Error("useToast must be used within a Provider");return e}function St(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 Mn(){const e=$e.useActionData(),{closeModal:t}=l.useContext(nt),{showToast:a}=_t();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;St(s)&&a(s),!St(s)&&i&&a({message:i,title:"Atenção!",type:"warning"})},[e])}const Et=l.createContext({});function An(e){const t=l.useContext(Et);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 Vn(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 Wn(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(Et.Provider,{value:{drawerIsOpen:i,drawerData:c,openDrawer:f,closeDrawer:u},children: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(nt.Provider,{value:{modalIsOpen:i,modalData:c,openModal:f,closeModal:u},children:t})}var Hn=e=>{switch(e){case"success":return Xn;case"info":return Gn;case"warning":return qn;case"error":return Jn;default:return null}},Un=Array(12).fill(0),Kn=({visible:e})=>l.createElement("div",{className:"sonner-loading-wrapper","data-visible":e},l.createElement("div",{className:"sonner-spinner"},Un.map((t,a)=>l.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${a}`})))),Xn=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"})),qn=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"})),Gn=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"})),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-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"})),Zn=()=>{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,Qn=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(ta(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 Qn,ea=(e,t)=>{let a=(t==null?void 0:t.id)||at++;return me.addToast({title:e,...t,id:a}),a},ta=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",na=ea,aa=()=>me.toasts,ra=Object.assign(na,{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:aa});function sa(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))}sa(`: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,Ee,ja,Ee),It[Ee+ct]=!0}}return n===s?xa(re):ya(re),re}}function wa(n,m,g){return Ot(n,m,g,!0)}function Ca(n,m,g){return Ot(n,m,g,!1)}var ka=Ca,Na=wa;ze.Fragment=s,ze.jsx=ka,ze.jsxs=Na}()),ze}process.env.NODE_ENV==="production"?Je.exports=Dt():Je.exports=Bt();var r=Je.exports;const ft=l.createContext({});function Lt(){return l.useContext(ft)}function Mt(e){const{schema:t,children:a,className:s,...i}=e,c=`arkyn_alert ${t} ${s}`;return r.jsx(ft.Provider,{value:e,children:r.jsx("div",{className:c.trim(),...i,children:a})})}function At(e){const{children:t,className:a,...s}=e,i=`arkyn_alert_content ${a}`;return r.jsx("div",{className:i.trim(),...s,children:t})}function Vt(e){const{children:t,className:a,...s}=e,i=`arkyn_description ${a}`;return r.jsx("div",{className:i.trim(),...s,children:t})}function Wt(e){const{className:t,...a}=e,{schema:s}=Lt(),i=`arkyn_alert_icon ${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{children:t,className:a,...s}=e,i=`arkyn_title ${a}`;return r.jsx("div",{className:i.trim(),...s,children:t})}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+1,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=`arkyn_badge ${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,orientation:a="horizontal",...s}=e,i=`arkyn_divider ${a} ${t}`;return r.jsx("div",{className:i,...s})}function Gt(e){const{className:t,...a}=e,s=`arkyn_skeleton ${t}`;return r.jsx("aside",{className:s.trim(),...a})}function Jt(e){const{className:t,...a}=e,s=`arkyn_table_body ${t}`;return r.jsx("tbody",{className:s.trim(),...a})}function Zt(e){const{className:t,children:a,...s}=e,i=`arkyn_table_caption ${t}`;return r.jsx("caption",{className:i.trim(),...s,children:r.jsx("div",{className:"arkyn_table_caption-content",children:a})})}function Qt(e){const{children:t,className:a,...s}=e,i=`arkyn_table_container ${a}`;return r.jsx("div",{className:i.trim(),...s,children:r.jsx("table",{children:t})})}function en(e){const{className:t,children:a,...s}=e,i=`arkyn_table_footer ${t}`;return r.jsxs("tfoot",{className:i.trim(),...s,children:[r.jsx("tr",{className:"spacing-row"}),r.jsx("tr",{children:r.jsx("th",{colSpan:100,children:r.jsx("div",{className:"arkyn_table_footer-content",children:a})})})]})}function tn(e){const{className:t,children:a,...s}=e,i=`arkyn_table_header ${t}`;return r.jsxs("thead",{className:i.trim(),...s,children:[r.jsx("tr",{children:a}),r.jsx("tr",{className:"spacing-row"})]})}function nn(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],j=`arkyn_button loading_text_${!!i} ${s} ${a} ${c} loading_${t} ${p}`;return r.jsxs("button",{className:j,disabled:d||t,...y,children:[r.jsxs("div",{className:"arkyn_button-spinner",children:[r.jsx(Y.Loader2,{size:b,strokeWidth:2.5}),i&&i]}),r.jsxs("div",{className:"arkyn_button-content",children:[Ae(b,f),h,Ae(b,u)]})]})}const ht=l.createContext({});function an(e){var h,y;const t=$e.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=`arkyn_form_controller ${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 rn(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,v=`arkyn_checkbox ${s} ${b?"error":""} ${k?"checked":""} ${a}`;function w(){const O=j;C(!O),u&&u(O?"":d||"checked")}return r.jsxs("button",{type:"button",id:h,className:v,onClick:w,...p,children:[r.jsx("input",{type:"hidden",name:t,ref:y,value:k?d||"checked":""}),r.jsx(Y.Check,{})]})}function sn(e){const{children:t,className:a,...s}=e,i=`arkyn_form_error ${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 on(e){const{showAsterisk:t=!1,className:a="",...s}=e,{id:i}=be(),f=`arkyn_form_label ${t?"show-asterisk":""} ${a}`;return r.jsx("label",{...s,className:f.trim(),htmlFor:i})}function ln(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},h=`arkyn_icon_button ${s} ${a} ${i} loading_${t} ${u}`;return r.jsxs("button",{disabled:f||t,className:h.trim(),...d,children:[r.jsx("div",{className:"arkyn_icon_button-spinner",children:r.jsx(Y.Loader2,{size:p[i],strokeWidth:2.5})}),r.jsx("div",{className:"arkyn_icon_button-content",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 cn(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 T=h?"right":"left",D=`arkyn_input ${u?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${i} ${y||b||a?"opacity":""} ${s?"errored":""} ${t?"focused":""} ${c}`,S={md:20,lg:20}[i];return{isLoading:a,className:D,prefix:Ce(u,S,"prefix"),sufix:Ce(d,S,"sufix"),LeftIcon:p,RightIcon:h,defaultValue:F(o||""),disabled:y,readOnly:b,onFocus:j,onBlur:C,title:k,style:v,onChange:w,loadingPosition:T,iconSize:S,Spinner:r.jsx(Y.Loader2,{className:"spinner",size:S,strokeWidth:2.5}),...O}}function un(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:T,RightIcon:W,Spinner:L,onChange:K,value:H,defaultValue:Z,...D}=cn({...e,id:c,isError:d},t),[ae,S]=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($){let _=Ze($.target.value);const ee=gt(_);_.length>vt||(_=pt(_,Qe[ee]),$.target.value=_,S(_),K&&K($))}function le($){a(!0),F&&F($)}function I($){a(!1),T&&T($)}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:I,...D}),M&&r.jsx(W,{size:C,strokeWidth:2.5}),te&&L,j]})}const dn=3,fn=(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?dn: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=fn(e,s,a);return[s,i]};function mn(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,T=h?"right":"left",D=`arkyn_input ${u?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${i} ${y||o||a?"opacity":""} ${s?"errored":""} ${t?"focused":""} ${c}`,S={md:20,lg:20}[i];return{isLoading:a,className:D,prefix:Ce(u,S,"prefix"),sufix:Ce(d,S,"sufix"),LeftIcon:p,RightIcon:h,disabled:y,locale:w,currency:O,readOnly:o,onFocus:b,onBlur:j,title:C,style:k,max:v,loadingPosition:T,iconSize:S,Spinner:r.jsx(Y.Loader2,{className:"spinner",size:S,strokeWidth:2.5}),...F}}function hn(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:T,onFocus:W,onBlur:L,RightIcon:K,Spinner:H,value:Z,max:D,onChangeValue:ae,onKeyPress:S,currency:X,locale:M,name:q,defaultValue:te,...R}=mn({...e,id:u,isError:h},t),Q=F&&!O,le=K&&!O,I=w==="left"&&O,$=w==="right"&&O;function _(){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!D||se<=D?(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=>S&&S(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:_,className:j,children:[C,I&&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:T,ref:p,...R}),r.jsx("input",{type:"hidden",name:q,value:et(s)}),$&&H,le&&r.jsx(K,{size:v,strokeWidth:2.5}),k]})}function pn(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,T=h?"right":"left",D=`arkyn_input ${u?"hasPrefix":""} ${d?"hasSufix":""} ${f} ${i} ${y||o||a?"opacity":""} ${s?"errored":""} ${t?"focused":""} ${c}`,S={md:20,lg:20}[i];return{isLoading:a,className:D,prefix:Ce(u,S,"prefix"),sufix:Ce(d,S,"sufix"),LeftIcon:p,RightIcon:h,disabled:y,readOnly:o,onFocus:b,onBlur:j,title:C,style:k,onChange:v,loadingPosition:T,iconSize:S,showMask:w,Spinner:r.jsx(Y.Loader2,{className:"spinner",size:S,strokeWidth:2.5}),...F}}const gn=l.forwardRef((e,t)=>r.jsx("input",{ref:t,...e}));function vn(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:T,RightIcon:W,Spinner:L,...K}=pn({...e,id:c,isError:d},t),H=w&&!v,Z=W&&!v,D=k==="left"&&v,ae=k==="right"&&v;function S(){p||!(u!=null&&u.current)||(a(!0),u.current.focus())}function X(q){a(!0),F&&F(q)}function M(q){a(!1),T&&T(q)}return r.jsxs("section",{title:h,style:y,onClick:S,className:o,children:[b,D&&L,H&&r.jsx(w,{size:C,strokeWidth:2.5}),r.jsx(zt.InputMask,{component:gn,ref:u,onFocus:X,onBlur:M,disabled:p,...K}),Z&&r.jsx(W,{size:C,strokeWidth:2.5}),ae&&L,j]})}function bn(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}`,D={md:20,lg:20}[i];return{isLoading:a,className:H,prefix:Ce(u,D,"prefix"),sufix:Ce(d,D,"sufix"),LeftIcon:p,RightIcon:h,disabled:y,readOnly:o,onFocus:b,onBlur:j,title:C,style:k,onChange:v,loadingPosition:O,iconSize:D,Spinner:r.jsx(Y.Loader2,{className:"spinner",size:D,strokeWidth:2.5}),...w}}function yn(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:T,RightIcon:W,type:L,Spinner:K,...H}=bn({...e,id:c,isError:d},t),Z=w&&!v,D=W&&!v,ae=k==="left"&&v,S=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),T&&T(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}),D&&r.jsx(W,{size:C,strokeWidth:2.5}),S&&K,j]})}function xn(e){return e.type==="currency"?r.jsx(hn,{...e}):e.type==="masked"?r.jsx(vn,{...e}):e.type==="cpf-cnpj"?r.jsx(un,{...e}):r.jsx(yn,{...e})}const xt=l.createContext({});function wn(){return l.useContext(xt)}function Cn(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=`arkyn_radio_group ${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 kn(e){const{value:t,size:a,disabled:s,children:i}=e,{onChange:c,size:f,value:u}=wn(),{error:d}=be(),b=`arkyn_radio_box ${a||f} ${u===t?"isChecked":""} ${d?"isErrored":""} ${s?"isDisabled":""}`;return r.jsxs("label",{className:b.trim(),children:[r.jsx("button",{type:"button",disabled:s,onClick:()=>c(t),onFocus:()=>c(t)}),i]})}function Nn(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,T=`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:T,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 jn(e){var $;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:T,name:W,placeholder:L,onSelect:K,options:H,optionMaxHeight:Z,closeOnSelect:D,...ae}=Nn({...e,id:i,isError:d},t),[S,X]=l.useState(w);function M(){p||!(u!=null&&u.current)||t||(a(!0),u.current.focus())}function q(_){t||(a(!0),O&&O(_))}function te(){a(!1),F&&u.current&&u.current.blur()}function R(_){const{label:ee,value:ce}=_;X(S!==ce?ce:""),K&&K({label:ee,value:ce}),D&&te()}const Q=typeof v=="string"?v:S,le=(($=H.find(_=>_.value===Q))==null?void 0:$.label)||"",I=()=>{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_${I()}`,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:_,value:ee})=>r.jsxs("div",{onClick:()=>R({label:_,value:ee}),className:Q===ee?"arkyn_select_option active":"arkyn_select_option",children:[_," ",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]}),t&&r.jsx("aside",{className:"arkyn_select_overlay",onClick:te})]})}function _n(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?"errored":"",W=`arkyn_textarea ${t} ${a} ${i||c?"opacity":""} ${O} ${y?"focused":""} ${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 Sn(e){const{className:t="",...a}=e,s=`arkyn_breadcrumb_container ${t}`;return r.jsx("nav",{className:s,...a})}function En(e){const{pathname:t}=$e.useLocation(),{className:a="",disabled:s=!1,children:i,to:c,...f}=e,d=`arkyn_breadcrumb_link ${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($e.Link,{to:c,className:d,...f,children:[r.jsx(Y.ChevronRight,{size:14,strokeWidth:2.5}),i]})}function wt(e=""){const t=$e.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=$e.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:"arkyn_pagination",...f,children:[r.jsx("button",{className:"arkyn_pagination-icon_button",disabled:h<=1,onClick:()=>C(h-1),children:r.jsx(Y.ChevronLeft,{})}),h>1+c&&r.jsxs(r.Fragment,{children:[r.jsx("button",{className:"arkyn_pagination-page_button",onClick:()=>C(1),children:"1"}),h>2+c&&r.jsx("button",{disabled:!0,className:"arkyn_pagination-spread",children:r.jsx(Y.Ellipsis,{})})]}),b.map((k,v)=>r.jsx("button",{onClick:()=>C(k),className:"arkyn_pagination-page_button",children:k},v)),r.jsx("button",{className:"arkyn_pagination-current",disabled:!0,children:h}),j.map((k,v)=>r.jsx("button",{onClick:()=>C(k),className:"arkyn_pagination-page_button",children:k},v)),h+c<o&&r.jsxs(r.Fragment,{children:[h+1+c<o&&r.jsx("button",{disabled:!0,className:"arkyn_pagination-spread",children:r.jsx(Y.Ellipsis,{})}),r.jsx("button",{className:"arkyn_pagination-page_button",onClick:()=>C(o),children:o})]}),r.jsx("button",{className:"arkyn_pagination-icon_button",disabled:h>=o,onClick:()=>C(h+1),children:r.jsx(Y.ChevronRight,{})})]})}const tt=l.createContext({});function Tn(){if(!tt)throw new Error("useTabContext must be used within a TabProvider");return l.useContext(tt)}function Rn(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=`arkyn_tab_container ${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:"active-line",style:o})]})}function Pn(e){const{children:t,className:a="",onClick:s,...i}=e,{value:c,showInitialTab:f,handleTabClick:u}=Tn(),d=c===i.value&&c?"active":"",h=`arkyn_tab_button ${c===i.value&&f?"show_border_bottom":""} ${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 In(e){const{isVisibled:t,makeInvisible:a,orientation:s="left",children:i,className:c,...f}=e,u=s==="left"?"-100%":"100%",p=`arkyn_drawer_container ${s} ${t?"visible":""} ${c}`;return r.jsx(Ct.Provider,{value:{makeInvisible:a},children:r.jsx(_e.AnimatePresence,{children:t&&r.jsxs("aside",{className:p.trim(),...f,children:[r.jsx(_e.motion.div,{className:"arkyn_drawer_container-overlay",transition:{duration:.15,ease:"easeOut"},initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:a}),r.jsx(_e.motion.div,{className:"arkyn_drawer_container-content",transition:{ease:"easeOut",duration:.15},initial:{transform:`translateX(${u})`},animate:{transform:"translateX(0px)"},exit:{transform:`translateX(${u})`},children:i})]})})})}function On(e){const{showCloseButton:t=!0,className:a,children:s,...i}=e,{makeInvisible:c}=l.useContext(Ct),f=`arkyn_drawer_header ${a}`;return r.jsxs("header",{className:f.trim(),...i,children:[s,t&&r.jsx("button",{className:"arkyn_drawer_header-close_button",type:"button",onClick:c,"aria-label":"Close drawer",children:r.jsx(Y.X,{size:24})})]})}const kt=l.createContext({});function zn(e){const{isVisibled:t,makeInvisible:a,children:s,className:i="",...c}=e,u=`arkyn_modal_container ${t?"visible":""} ${i}`;return r.jsx(kt.Provider,{value:{makeInvisible:a},children:r.jsx(_e.AnimatePresence,{children:t&&r.jsxs("aside",{className:u.trim(),...c,children:[r.jsx(_e.motion.div,{className:"arkyn_modal_container-overlay",transition:{duration:.15,ease:"easeOut"},initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:a}),r.jsx(_e.motion.div,{className:"arkyn_modal_container-content",transition:{duration:.15,ease:"easeOut"},initial:{opacity:0,scale:.75},animate:{opacity:1,scale:1},exit:{opacity:0,scale:0},children:s})]})})})}function Fn(e){const{alignment:t="right",className:a,...s}=e,i=`arkyn_modal_footer ${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=`arkyn_modal_header ${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:"arkyn_modal_header-close_button",children:r.jsx(Y.X,{size:24})})]})}function Bn(e){const{children:t,button:a,closeOnClick:s,orientation:i="bottom-left"}=e,[c,f]=l.useState(!1),u=`arkyn_popover ${i} ${c?"show":""}`;function d(){c||f(!0)}return r.jsxs("div",{className:u,onClick:d,children:[a,r.jsx(_e.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:"arkyn_popover-content",children:t}),c&&r.jsx("div",{onClick:()=>f(!1),className:"arkyn_popover-overlay"})]})}function Nt(e){const{message:t,title:a,type:s,size:i="lg"}=e,c=`arkyn_toast ${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 Ln(e){const{text:t,size:a="lg",children:s,orientation:i="top",className:c,...f}=e,u=`arkyn_tooltip ${a} ${i} ${c}`;return r.jsxs("div",{className:u.trim(),...f,children:[s,r.jsx("div",{className:"arkyn_tooltip-text",children:t})]})}const nt=l.createContext({}),jt=l.createContext({});function _t(){const e=l.useContext(jt);if(Object.entries(e).length===0)throw new Error("useToast must be used within a Provider");return e}function St(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 Mn(){const e=$e.useActionData(),{closeModal:t}=l.useContext(nt),{showToast:a}=_t();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;St(s)&&a(s),!St(s)&&i&&a({message:i,title:"Atenção!",type:"warning"})},[e])}const Et=l.createContext({});function An(e){const t=l.useContext(Et);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 Vn(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 Wn(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(Et.Provider,{value:{drawerIsOpen:i,drawerData:c,openDrawer:f,closeDrawer:u},children: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(nt.Provider,{value:{modalIsOpen:i,modalData:c,openModal:f,closeModal:u},children:t})}var Hn=e=>{switch(e){case"success":return Xn;case"info":return Gn;case"warning":return qn;case"error":return Jn;default:return null}},Un=Array(12).fill(0),Kn=({visible:e})=>l.createElement("div",{className:"sonner-loading-wrapper","data-visible":e},l.createElement("div",{className:"sonner-spinner"},Un.map((t,a)=>l.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${a}`})))),Xn=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"})),qn=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"})),Gn=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"})),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-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"})),Zn=()=>{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,Qn=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(ta(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 Qn,ea=(e,t)=>{let a=(t==null?void 0:t.id)||at++;return me.addToast({title:e,...t,id:a}),a},ta=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",na=ea,aa=()=>me.toasts,ra=Object.assign(na,{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:aa});function sa(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))}sa(`: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 oa=3,ia="32px",la=4e3,ca=356,ua=14,da=20,fa=200;function ma(...e){return e.filter(Boolean).join(" ")}var ha=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:T,defaultRichColors:W,closeButton:L,style:K,cancelButtonStyle:H,actionButtonStyle:Z,className:D="",descriptionClassName:ae="",duration:S,position:X,gap:M,loadingIcon:q,expandByDefault:te,classNames:R,icons:Q,closeButtonAriaLabel:le="Close toast",pauseWhenPageIsHidden:I,cn:$}=e,[_,ee]=l.useState(!1),[ce,G]=l.useState(!1),[xe,he]=l.useState(!1),[J,se]=l.useState(!1),[ke,Te]=l.useState(0),[rt,Ye]=l.useState(0),Se=l.useRef(null),pe=l.useRef(null),He=w===0,Ue=w+1<=k,oe=o.type,Ne=o.dismissible!==!1,st=o.className||"",Fe=o.descriptionClassName||"",Re=l.useMemo(()=>v.findIndex(E=>E.toastId===o.id)||0,[v,o.id]),ot=l.useMemo(()=>{var E;return(E=o.closeButton)!=null?E:L},[o.closeButton,L]),De=l.useMemo(()=>o.duration||S||la,[o.duration,S]),Pe=l.useRef(0),ge=l.useRef(0),Ke=l.useRef(0),we=l.useRef(null),[Be,Le]=X.split("-"),Xe=l.useMemo(()=>v.reduce((E,A,V)=>V>=Re?E:E+A.height,0),[v,Re]),qe=Zn(),it=o.invert||y,Me=oe==="loading";ge.current=l.useMemo(()=>Re*M+Xe,[Re,Xe]),l.useEffect(()=>{ee(!0)},[]),l.useLayoutEffect(()=>{if(!_)return;let E=pe.current,A=E.style.height;E.style.height="auto";let V=E.getBoundingClientRect().height;E.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])},[_,o.title,o.description,C,o.id]);let ye=l.useCallback(()=>{G(!0),Te(ge.current),C(E=>E.filter(A=>A.toastId!==o.id)),setTimeout(()=>{T(o)},fa)},[o,T,C,ge]);l.useEffect(()=>{if(o.promise&&oe==="loading"||o.duration===1/0||o.type==="loading")return;let E,A=De;return F||j||I&&qe?(()=>{if(Ke.current<Pe.current){let V=new Date().getTime()-Pe.current;A=A-V}Ke.current=new Date().getTime()})():A!==1/0&&(Pe.current=new Date().getTime(),E=setTimeout(()=>{var V;(V=o.onAutoClose)==null||V.call(o,o),ye()},A)),()=>clearTimeout(E)},[F,j,te,o,De,ye,o.promise,oe,I,qe]),l.useEffect(()=>{let E=pe.current;if(E){let A=E.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(Kn,{visible:oe==="loading"})}return l.createElement("li",{"aria-live":o.important?"assertive":"polite","aria-atomic":"true",role:"status",tabIndex:0,ref:pe,className:$(D,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":_,"data-promise":!!o.promise,"data-removed":ce,"data-visible":Ue,"data-y-position":Be,"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&&_),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:E=>{Me||!Ne||(Se.current=new Date,Te(ge.current),E.target.setPointerCapture(E.pointerId),E.target.tagName!=="BUTTON"&&(he(!0),we.current={x:E.clientX,y:E.clientY}))},onPointerUp:()=>{var E,A,V,ie;if(J||!Ne)return;we.current=null;let de=Number(((E=pe.current)==null?void 0:E.style.getPropertyValue("--swipe-amount").replace("px",""))||0),je=new Date().getTime()-((A=Se.current)==null?void 0:A.getTime()),Ge=Math.abs(de)/je;if(Math.abs(de)>=da||Ge>.11){Te(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:E=>{var A;if(!we.current||!Ne)return;let V=E.clientY-we.current.y,ie=E.clientX-we.current.x,de=(Be==="top"?Math.min:Math.max)(0,V),je=E.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 E;ye(),(E=o.onDismiss)==null||E.call(o,o)},className:$(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:$(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])||Hn(oe):null):null,l.createElement("div",{"data-content":"",className:$(R==null?void 0:R.content,(f=o==null?void 0:o.classNames)==null?void 0:f.content)},l.createElement("div",{"data-title":"",className:$(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:$(ae,Fe,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:E=>{var A,V;We(o.cancel)&&Ne&&((V=(A=o.cancel).onClick)==null||V.call(A,E),ye())},className:$(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:E=>{var A,V;We(o.action)&&(E.defaultPrevented||((V=(A=o.action).onClick)==null||V.call(A,E),ye()))},className:$(R==null?void 0:R.actionButton,(h=o==null?void 0:o.classNames)==null?void 0:h.actionButton)},o.action.label):null))};function $t(){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 pa=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=oa,toastOptions:b,dir:j=$t(),gap:C=ua,loadingIcon:k,icons:v,containerAriaLabel:w="Notifications",pauseWhenPageIsHidden:O,cn:F=ma}=e,[T,W]=l.useState([]),L=l.useMemo(()=>Array.from(new Set([a].concat(T.filter(I=>I.position).map(I=>I.position)))),[T,a]),[K,H]=l.useState([]),[Z,D]=l.useState(!1),[ae,S]=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(I=>{var $;($=T.find(_=>_.id===I.id))!=null&&$.delete||me.dismiss(I.id),W(_=>_.filter(({id:ee})=>ee!==I.id))},[T]);return l.useEffect(()=>me.subscribe(I=>{if(I.dismiss){W($=>$.map(_=>_.id===I.id?{..._,delete:!0}:_));return}setTimeout(()=>{Ft.flushSync(()=>{W($=>{let _=$.findIndex(ee=>ee.id===I.id);return _!==-1?[...$.slice(0,_),{...$[_],...I},...$.slice(_+1)]:[I,...$]})})})}),[]),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:I})=>{M(I?"dark":"light")})},[d]),l.useEffect(()=>{T.length<=1&&D(!1)},[T]),l.useEffect(()=>{let I=$=>{var _,ee;s.every(ce=>$[ce]||$.code===ce)&&(D(!0),(_=q.current)==null||_.focus()),$.code==="Escape"&&(document.activeElement===q.current||(ee=q.current)!=null&&ee.contains(document.activeElement))&&D(!1)};return document.addEventListener("keydown",I),()=>document.removeEventListener("keydown",I)},[s]),l.useEffect(()=>{if(q.current)return()=>{R.current&&(R.current.focus({preventScroll:!0}),R.current=null,Q.current=!1)}},[q.current]),T.length?l.createElement("section",{"aria-label":`${w} ${te}`,tabIndex:-1},L.map((I,$)=>{var _;let[ee,ce]=I.split("-");return l.createElement("ol",{key:I,dir:j==="auto"?$t():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":`${((_=K[0])==null?void 0:_.height)||0}px`,"--offset":typeof u=="number"?`${u}px`:u||ia,"--width":`${ca}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:()=>D(!0),onMouseMove:()=>D(!0),onMouseLeave:()=>{ae||D(!1)},onPointerDown:G=>{G.target instanceof HTMLElement&&G.target.dataset.dismissible==="false"||S(!0)},onPointerUp:()=>S(!1)},T.filter(G=>!G.position&&$===0||G.position===I).map((G,xe)=>{var he,J;return l.createElement(ha,{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:I,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:T.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 ga({children:e}){function t(a){ra.custom(s=>r.jsx(Nt,{...a}))}return r.jsxs(jt.Provider,{value:{showToast:t},children:[r.jsx(pa,{}),e]})}x.AlertContainer=Mt,x.AlertContent=At,x.AlertDescription=Vt,x.AlertIcon=Wt,x.AlertTitle=Yt,x.Badge=Xt,x.BreadcrumbContainer=Sn,x.BreadcrumbLink=En,x.Button=nn,x.Checkbox=rn,x.Divider=qt,x.DrawerContainer=In,x.DrawerHeader=On,x.DrawerProvider=Wn,x.FormController=an,x.FormError=sn,x.FormLabel=on,x.IconButton=ln,x.Input=xn,x.ModalContainer=zn,x.ModalFooter=Fn,x.ModalHeader=Dn,x.ModalProvider=Yn,x.Pagination=$n,x.Popover=Bn,x.RadioBox=kn,x.RadioGroup=Cn,x.Select=jn,x.Skeleton=Gt,x.TabButton=Pn,x.TabContainer=Rn,x.TableBody=Jt,x.TableCaption=Zt,x.TableContainer=Qt,x.TableFooter=en,x.TableHeader=tn,x.Textarea=_n,x.Toast=Nt,x.ToastProvider=ga,x.Tooltip=Ln,x.useAutomation=Mn,x.useDrawer=An,x.useModal=Vn,x.useScopedParams=wt,x.useToast=_t,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})});
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import "./styles.css";
|
|
3
3
|
function AlertContent(props) {
|
|
4
4
|
const { children, className: baseClassName, ...rest } = props;
|
|
5
|
-
const className = `
|
|
5
|
+
const className = `arkyn_alert_content ${baseClassName}`;
|
|
6
6
|
return (_jsx("div", { className: className.trim(), ...rest, children: children }));
|
|
7
7
|
}
|
|
8
8
|
export { AlertContent };
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.arkyn_alert{display:flex;align-items:start;gap:16px;padding:16px;border:1px solid transparent;border-radius:var(--rounded-cards)}.arkyn_alert.danger{background:rgba(var(--spotlight-danger),.1);border-color:rgba(var(--spotlight-danger),.4)}.arkyn_alert.success{background:rgba(var(--spotlight-success),.1);border-color:rgba(var(--spotlight-success),.4)}.arkyn_alert.info{background:rgba(var(--spotlight-info),.1);border-color:rgba(var(--spotlight-info),.4)}.arkyn_alert.warning{background:rgba(var(--spotlight-warning),.1);border-color:rgba(var(--spotlight-warning),.4)}.arkyn_alert_content{display:flex;flex-direction:column;gap:16px}.arkyn_description{font-size:14px;font-weight:400;line-height:15px;text-align:left;color:var(--text-body)}.arkyn_alert_icon{min-width:28px;min-height:28px;max-width:28px;max-height:28px}.arkyn_alert_icon.danger{color:rgba(var(--spotlight-danger),1)}.arkyn_alert_icon.success{color:rgba(var(--spotlight-success),1)}.arkyn_alert_icon.info{color:rgba(var(--spotlight-info),1)}.arkyn_alert_icon.warning{color:rgba(var(--spotlight-warning),1)}.arkyn_title{font-size:16px;font-weight:600;line-height:17px;text-align:left;color:var(--text-heading)}.arkyn_badge{display:flex;align-items:center;justify-content:center;gap:4px;width:min-content;white-space:nowrap;border:1px solid transparent}.arkyn_badge.solid{color:#fff}.arkyn_badge.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkyn_badge.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkyn_badge.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkyn_badge.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkyn_badge.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkyn_button.outline{background-color:rgba(var(--spotlight-outline),1)}.arkyn_badge.outline.primary{color:rgba(var(--spotlight-primary),1);border-color:rgba(var(--spotlight-primary),1)}.arkyn_badge.outline.danger{color:rgba(var(--spotlight-danger),1);border-color:rgba(var(--spotlight-danger),1)}.arkyn_badge.outline.success{color:rgba(var(--spotlight-success),1);border-color:rgba(var(--spotlight-success),1)}.arkyn_badge.outline.warning{color:rgba(var(--spotlight-warning),1);border-color:rgba(var(--spotlight-warning),1)}.arkyn_badge.outline.info{color:rgba(var(--spotlight-info),1);border-color:rgba(var(--spotlight-info),1)}.arkyn_badge.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkyn_badge.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkyn_badge.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkyn_badge.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkyn_badge.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkyn_badge.lg{font-weight:400;font-size:12px;line-height:12px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 16px;height:24px}.arkyn_badge.md{font-weight:400;font-size:10px;line-height:10px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 12px;height:20px}.arkyn_divider{display:block;flex:1;background-color:var(--border)}.arkyn_divider.horizontal{width:100%;min-height:1px;max-height:1px}.arkyn_divider.vertical{height:100%;min-width:1px;max-width:1px}.arkyn_skeleton{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}}.arkyn_table_body>tr:nth-child(odd)>td{background-color:var(--card-foreground-primary)}.arkyn_table_body>tr>td{padding-left:16px;height:64px;font-weight:400;font-size:14px;color:var(--text-body)}.arkyn_table_body>tr>td:first-child{border-top-left-radius:var(--rounded-cards);border-bottom-left-radius:var(--rounded-cards)}.arkyn_table_body>tr>td:last-child{border-top-right-radius:var(--rounded-cards);border-bottom-right-radius:var(--rounded-cards);padding-left:16px}.arkyn_table_body>tr:nth-child(odd):hover>td{filter:brightness(.98)}.arkyn_table_body>tr:nth-child(2n):hover>td{background-color:var(--card-foreground-primary);filter:brightness(.98)}html.dark .arkyn_table_body>tr:nth-child(odd):hover>td{filter:brightness(1.2)}html.dark .arkyn_table_body>tr:nth-child(2n):hover>td{background-color:var(--card-foreground-primary);filter:brightness(1.2)}.arkyn_table_caption{margin-bottom:24px}.arkyn_table_caption-content{display:flex;align-items:center}.arkyn_table_caption-content>.right-section{display:flex;align-items:center;justify-content:end;gap:16px;flex:2;padding-left:auto}.arkyn_table_container{display:flex;flex-direction:column;padding:20px;width:100%;height:max-content;overflow-y:hidden;overflow-x:auto;border-radius:var(--rounded-cards);background-color:var(--card)}.arkyn_table_container table{border-collapse:separate;border-spacing:0}.arkyn_table_footer-content{display:flex;align-items:center;justify-content:space-between;height:48px;padding-top:16px;border-top:1px solid var(--border)}.arkyn_table_footer .spacing-row{height:24px}.arkyn_table_header 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}.arkyn_table_header th:first-child{border-top-left-radius:var(--rounded-cards);border-bottom-left-radius:var(--rounded-cards)}.arkyn_table_header th:last-child{border-top-right-radius:var(--rounded-cards);border-bottom-right-radius:var(--rounded-cards);padding-right:16px}.arkyn_table_header .spacing-row{height:12px}.arkyn_button{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkyn_button:hover{cursor:pointer;filter:brightness(.95)}html.dark .arkyn_button:hover{cursor:pointer;filter:brightness(1.2)}.arkyn_button:disabled{cursor:not-allowed;opacity:.5}.arkyn_button .arkyn_button-content{display:flex;align-items:center;justify-content:center;white-space:nowrap}.arkyn_button.solid{color:#fff}.arkyn_button.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkyn_button.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkyn_button.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkyn_button.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkyn_button.outline{background-color:rgba(var(--input-background),1);border-color:var(--border)}.arkyn_button.outline.primary{color:rgba(var(--spotlight-primary),1)}.arkyn_button.outline.danger{color:rgba(var(--spotlight-danger),1)}.arkyn_button.outline.success{color:rgba(var(--spotlight-success),1)}.arkyn_button.outline.warning{color:rgba(var(--spotlight-warning),1)}.arkyn_button.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkyn_button.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkyn_button.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkyn_button.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkyn_button.invisible.primary{color:rgba(var(--spotlight-primary),1)}.arkyn_button.invisible.danger{color:rgba(var(--spotlight-danger),1)}.arkyn_button.invisible.success{color:rgba(var(--spotlight-success),1)}.arkyn_button.invisible.warning{color:rgba(var(--spotlight-warning),1)}.arkyn_button.lg{font-weight:600;font-size:14px;line-height:14px;border-radius:var(--rounded-inputs);padding:0 20px;height:44px}.arkyn_button.lg .arkyn_button-content,.arkyn_button.lg .arkyn_button-spinner{gap:16px}.arkyn_button.md{font-weight:600;font-size:14px;line-height:14px;border-radius:var(--rounded-inputs);gap:16px;padding:0 16px;height:40px}.arkyn_button.md .arkyn_button-content,.arkyn_button.md .arkyn_button-spinner{gap:14px}.arkyn_button.sm{font-weight:600;font-size:12px;line-height:12px;border-radius:var(--rounded-inputs);padding:0 16px;height:32px}.arkyn_button.sm .arkyn_button-content,.arkyn_button.sm .arkyn_button-spinner{gap:12px}.arkyn_button.xs{font-weight:600;font-size:10px;line-height:10px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 16px;height:24px}.arkyn_button.xs .arkyn_button-content,.arkyn_button.xs .arkyn_button-spinner{gap:8px}.arkyn_button .arkyn_button-spinner{display:flex;align-items:center;justify-content:center;white-space:nowrap;opacity:0}.arkyn_button .arkyn_button-spinner>svg{animation:spin 2s linear infinite}.arkyn_button.loading_text_false .arkyn_button-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.arkyn_button.loading_text_true .arkyn_button-spinner{max-height:0px}.arkyn_button.loading_true .arkyn_button-content{opacity:0;max-height:0px}.arkyn_button.loading_true .arkyn_button-spinner{opacity:1;max-height:unset}.arkyn_form_controller{display:flex;flex-direction:column;gap:6px}.arkyn_checkbox{display:flex;align-items:center;justify-content:center;border:2px solid var(--border);background-color:rgba(var(--input-background),1)}.arkyn_checkbox:hover{cursor:pointer}.arkyn_checkbox>svg{display:none;stroke-width:3px}.arkyn_checkbox.sm{height:16px;width:16px;border-radius:calc(var(--rounded-inputs) * .3333)}.arkyn_checkbox.sm>svg{min-height:12px;min-width:12px}.arkyn_checkbox.md{height:20px;width:20px;border-radius:calc(var(--rounded-inputs) * .6667)}.arkyn_checkbox.md>svg{min-height:14px;min-width:14px}.arkyn_checkbox.lg{height:24px;width:24px;border-radius:var(--rounded-inputs)}.arkyn_checkbox.lg>svg{min-height:14px;min-width:14px}.arkyn_checkbox.checked{background-color:rgb(var(--spotlight-primary),1);border-color:rgb(var(--spotlight-primary),1)}.arkyn_checkbox.checked>svg{display:unset;color:#fff}.arkyn_checkbox.error{border-color:rgb(var(--spotlight-danger),1)}.arkyn_form_error{font-size:12px;line-height:12px;font-weight:600;color:rgb(var(--spotlight-danger),1)}.arkyn_form_label{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkyn_form_label.show-asterisk:before{content:"* ";font-size:12px;font-weight:600;line-height:16.34px;text-align:left;color:rgb(var(--spotlight-danger),1)}.arkyn_icon_button{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkyn_icon_button:hover{cursor:pointer;filter:brightness(.95)}html.dark .arkyn_icon_button:hover{cursor:pointer;filter:brightness(1.2)}.arkyn_icon_button:disabled{cursor:not-allowed;opacity:.5}.arkyn_icon_button-content{display:flex;align-items:center;justify-content:center}.arkyn_icon_button.solid{color:#fff}.arkyn_icon_button.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkyn_icon_button.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkyn_icon_button.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkyn_icon_button.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkyn_icon_button.outline{background-color:rgba(var(--input-background),1);border-color:var(--border)}.arkyn_icon_button.outline.primary{color:rgba(var(--spotlight-primary),1)}.arkyn_icon_button.outline.danger{color:rgba(var(--spotlight-danger),1)}.arkyn_icon_button.outline.success{color:rgba(var(--spotlight-success),1)}.arkyn_icon_button.outline.warning{color:rgba(var(--spotlight-warning),1)}.arkyn_icon_button.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkyn_icon_button.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkyn_icon_button.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkyn_icon_button.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkyn_icon_button.invisible.primary{color:rgba(var(--spotlight-primary),1)}.arkyn_icon_button.invisible.danger{color:rgba(var(--spotlight-danger),1)}.arkyn_icon_button.invisible.success{color:rgba(var(--spotlight-success),1)}.arkyn_icon_button.invisible.warning{color:rgba(var(--spotlight-warning),1)}.arkyn_icon_button.lg{border-radius:var(--rounded-inputs);height:44px;width:44px}.arkyn_icon_button.md{border-radius:var(--rounded-inputs);height:40px;width:40px}.arkyn_icon_button.sm{border-radius:var(--rounded-inputs);height:32px;width:32px}.arkyn_icon_button.xs{border-radius:calc(var(--rounded-inputs) * .6667);height:24px;width:24px}.arkyn_icon_button-spinner{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}.arkyn_icon_button-spinner>svg{animation:spin 2s linear infinite}.arkyn_icon_button.loading_true .arkyn_icon_button-spinner{opacity:1}.arkyn_icon_button.loading_true .arkyn_icon_button-content{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}.arkyn_radio_group{display:flex;align-items:center;gap:32px}.arkyn_radio_box{display:flex;align-items:center;gap:8px;color:var(--text-body);font-size:14px;line-height:19.07px}.arkyn_radio_box>button{position:relative;background-color:rgba(var(--input-background),1);border:2px solid var(--border);border-radius:99999px}.arkyn_radio_box>button:not(:disabled):hover{cursor:pointer}.arkyn_radio_box.isChecked>button{border-color:rgba(var(--spotlight-primary),1)}.arkyn_radio_box.isErrored>button{border-color:rgba(var(--spotlight-danger),1)}.arkyn_radio_box.isChecked>button:before{content:" ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:99999px;background-color:rgba(var(--spotlight-primary),1)}.arkyn_radio_box.sm>button{min-height:20px;min-width:20px;max-height:20px;max-width:20px}.arkyn_radio_box.md>button{min-height:24px;min-width:24px;max-height:24px;max-width:24px}.arkyn_radio_box.lg>button{min-height:24px;min-width:24px;max-height:24px;max-width:24px}.arkyn_radio_box.isChecked.sm>button:before{min-height:10px;min-width:10px;max-height:10px;max-width:10px}.arkyn_radio_box.isChecked.md>button:before{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkyn_radio_box.isChecked.lg>button:before{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkyn_radio_box.isDisabled{opacity:.5}.arkyn_radio_box.isDisabled>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)}}.arkyn_textarea{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}.arkyn_textarea:hover{cursor:text}.arkyn_textarea textarea{border:none;outline:none;background:transparent;width:100%;resize:none}.arkyn_textarea textarea{color:var(--text-heading)}.arkyn_textarea textarea::placeholder{color:var(--text-muted)}.arkyn_textarea.opacity{opacity:.5}.arkyn_textarea.solid{border-color:var(--border);background-color:rgba(var(--input-background),1)}.arkyn_textarea.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_textarea:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_textarea.outline{border-color:var(--border)}.arkyn_textarea.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_textarea:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_textarea.md textarea{font-size:14px;line-height:14px;font-weight:400}.arkyn_textarea.md textarea::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_textarea.lg textarea{line-height:16px;font-size:16px;font-weight:400}.arkyn_textarea.lg textarea::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_breadcrumb_container{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;gap:4px}.arkyn_breadcrumb_link.active{color:var(--text-heading)}.arkyn_breadcrumb_link.inactive:hover{cursor:pointer;color:var(--text-heading)}.arkyn_breadcrumb_link{-webkit-user-select:none;user-select:none;text-decoration:none;font-size:14px;color:var(--text-body)}.arkyn_breadcrumb_link.active{color:var(--text-muted)}.arkyn_breadcrumb_link.inactive:hover{cursor:pointer;color:var(--text-muted)}.arkyn_breadcrumb_link:first-child>svg{display:none}.arkyn_breadcrumb_link:not(:first-child){display:flex;align-items:center;gap:4px}.arkyn_breadcrumb_link:not(:first-child)>svg{display:unset;color:var(--text-body)}.arkyn_pagination{display:flex;justify-content:center;align-items:center;gap:8px}.arkyn_pagination .arkyn_pagination-icon_button,.arkyn_pagination .arkyn_pagination-page_button{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)}.arkyn_pagination .arkyn_pagination-icon_button:hover,.arkyn_pagination .arkyn_pagination-page_button:hover{filter:brightness(.98);cursor:pointer}html.dark .arkyn_pagination .arkyn_pagination-icon_button:hover,html.dark .arkyn_pagination .arkyn_pagination-page_button:hover{filter:brightness(1.2)}.arkyn_pagination .arkyn_pagination-icon_button>svg{color:var(--text-muted);height:20px;width:20px}.arkyn_pagination .arkyn_pagination-page_button{color:var(--text-body);font-size:14px;font-weight:600}.arkyn_pagination .arkyn_pagination-icon_button:disabled{filter:brightness(1);cursor:not-allowed;opacity:.5}.arkyn_pagination .arkyn_pagination-current{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)}.arkyn_pagination .arkyn_pagination-spread{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}.arkyn_pagination .arkyn_pagination-spread>svg{color:var(--text-muted);height:16px;width:16px}.arkyn_tab_container{position:relative;display:flex;align-items:center;justify-content:start;gap:4px;border-bottom:1px solid var(--border)}.arkyn_tab_container .active-line{position:absolute;height:1px;transition:all .3s ease-in-out;bottom:-1px;background-color:rgba(var(--spotlight-primary),1)}.arkyn_tab_button{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}.arkyn_tab_button.show_border_bottom:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background-color:rgba(var(--spotlight-primary),1)}.arkyn_tab_button:hover{cursor:pointer}.arkyn_tab_button.active{color:rgba(var(--spotlight-primary),1)}.arkyn_drawer_container{position:fixed;top:0;left:0;right:0;bottom:0;overflow:auto;z-index:9999}.arkyn_drawer_container-overlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkyn_drawer_container-overlay:hover{cursor:pointer}.arkyn_drawer_container-content{z-index:9999;position:fixed;top:0;bottom:0;width:max-content;background:var(--card)}.arkyn_drawer_container.left>.arkyn_drawer_container-content{left:0}.arkyn_drawer_container.right>.arkyn_drawer_container-content{right:0}.arkyn_drawer_header{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)}.arkyn_drawer_header-close_button{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}.arkyn_drawer_header-close_button:hover{cursor:pointer;filter:brightness(.9)}.arkyn_modal_container{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}.arkyn_modal_container-overlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkyn_modal_container-overlay:hover{cursor:pointer}.arkyn_modal_container-content{z-index:9999;border-radius:var(--rounded-cards);background:var(--card)}.arkyn_modal_footer{display:flex;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--border)}.arkyn_modal_footer.left{justify-content:flex-start}.arkyn_modal_footer.right{justify-content:flex-end}.arkyn_modal_footer.center{justify-content:center}.arkyn_modal_footer.between{justify-content:space-between}.arkyn_modal_footer.around{justify-content:space-around}.arkyn_modal_header{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)}.arkyn_modal_header-close_button{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}.arkyn_modal_header-close_button:hover{cursor:pointer;filter:brightness(.9)}.arkyn_popover{position:relative}.arkyn_popover .arkyn_popover-content{display:none}.arkyn_popover.show .arkyn_popover-content{display:unset}.arkyn_popover-content{position:absolute;z-index:3;background-color:var(--card);border-radius:var(--rounded-cards);box-shadow:3px 3px 8px #0003}.arkyn_popover.bottom-left .arkyn_popover-content{bottom:-5px;right:0;transform:translateY(100%)}.arkyn_popover.bottom-right .arkyn_popover-content{bottom:-5px;left:0;transform:translateY(100%)}.arkyn_popover.top-left .arkyn_popover-content{top:-5px;right:0;transform:translateY(-100%)}.arkyn_popover.top-right .arkyn_popover-content{top:-5px;left:0;transform:translateY(-100%)}.arkyn_popover.bottom .arkyn_popover-content{top:calc(100% + 5px);left:50%;transform:translate(-50%)}.arkyn_popover.top .arkyn_popover-content{bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.arkyn_popover.left .arkyn_popover-content{bottom:50%;right:calc(100% + 5px);transform:translateY(50%)}.arkyn_popover.right .arkyn_popover-content{bottom:50%;left:calc(100% + 5px);transform:translateY(50%)}.arkyn_popover-overlay{position:fixed;z-index:1;top:0;left:0;bottom:0;right:0}.arkyn_toast{display:flex;align-items:start;width:300px;padding:16px;gap:12px;flex:1;border-radius:var(--rounded-cards)}.arkyn_toast>div{display:flex;align-items:center;justify-content:center;position:relative;border-radius:90px;overflow:hidden}.arkyn_toast>div>.bg{content:" ";left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}.arkyn_toast>div>svg{z-index:2}.arkyn_toast>div circle{display:none}.arkyn_toast>p{display:flex;flex-direction:column;gap:8px;width:100%;overflow:hidden}.arkyn_toast>p>strong{width:100%;overflow:hidden;text-overflow:ellipsis}.arkyn_toast.info{background-color:rgba(var(--toast-info),1);color:#fff}.arkyn_toast.info>div>.bg{background-color:rgba(var(--toast-info),1);filter:brightness(.8)}.arkyn_toast.warning{background-color:rgba(var(--toast-warning),1);color:#fff}.arkyn_toast.warning>div>.bg{background-color:rgba(var(--toast-warning),1);filter:brightness(.8)}.arkyn_toast.danger{background-color:rgba(var(--toast-danger),1);color:#fff}.arkyn_toast.danger>div>.bg{background-color:rgba(var(--toast-danger),1);filter:brightness(.8)}.arkyn_toast.success{background-color:rgba(var(--toast-success),1);color:#fff}.arkyn_toast.success>div>.bg{background-color:rgba(var(--toast-success),1);filter:brightness(.8)}.arkyn_toast.md{min-width:260px}.arkyn_toast.md>div{min-height:20px;max-height:20px;min-width:20px;max-width:20px}.arkyn_toast.md>div>svg{min-height:26px;min-width:26px}.arkyn_toast.md>p>strong{font-weight:600;font-size:14px;line-height:16px}.arkyn_toast.md>p>span{font-weight:400;font-size:12px;line-height:14px}.arkyn_toast.lg{min-width:260px}.arkyn_toast.lg>div{min-height:24px;max-height:24px;min-width:24px;max-width:24px}.arkyn_toast.lg>div>svg{min-height:30px;min-width:30px}.arkyn_toast.lg>p>strong{font-weight:600;font-size:15px;line-height:17px}.arkyn_toast.lg>p>span{font-weight:400;font-size:14px;line-height:16px}.arkyn_tooltip{position:relative;display:block}.arkyn_tooltip-text{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}.arkyn_tooltip.lg .arkyn_tooltip-text{font-size:14px;line-height:14px;padding:8px 12px}.arkyn_tooltip.md .arkyn_tooltip-text{font-size:12px;line-height:12px;padding:8px 12px}.arkyn_tooltip:hover .arkyn_tooltip-text{opacity:1;visibility:visible}.arkyn_tooltip.top .arkyn_tooltip-text{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkyn_tooltip.top .arkyn_tooltip-text: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%)}.arkyn_tooltip.left .arkyn_tooltip-text{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.arkyn_tooltip.left .arkyn_tooltip-text: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%)}.arkyn_tooltip.right .arkyn_tooltip-text{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.arkyn_tooltip.right .arkyn_tooltip-text: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}.arkyn_tooltip.bottom .arkyn_tooltip-text{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkyn_tooltip.bottom .arkyn_tooltip-text: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
|
+
.arkyn_alert{display:flex;align-items:start;gap:16px;padding:16px;border:1px solid transparent;border-radius:var(--rounded-cards)}.arkyn_alert.danger{background:rgba(var(--spotlight-danger),.1);border-color:rgba(var(--spotlight-danger),.4)}.arkyn_alert.success{background:rgba(var(--spotlight-success),.1);border-color:rgba(var(--spotlight-success),.4)}.arkyn_alert.info{background:rgba(var(--spotlight-info),.1);border-color:rgba(var(--spotlight-info),.4)}.arkyn_alert.warning{background:rgba(var(--spotlight-warning),.1);border-color:rgba(var(--spotlight-warning),.4)}.arkyn_alert_content{display:flex;flex-direction:column;gap:8px}.arkyn_description{font-size:14px;font-weight:400;line-height:15px;text-align:left;color:var(--text-body)}.arkyn_alert_icon{min-width:28px;min-height:28px;max-width:28px;max-height:28px}.arkyn_alert_icon.danger{color:rgba(var(--spotlight-danger),1)}.arkyn_alert_icon.success{color:rgba(var(--spotlight-success),1)}.arkyn_alert_icon.info{color:rgba(var(--spotlight-info),1)}.arkyn_alert_icon.warning{color:rgba(var(--spotlight-warning),1)}.arkyn_title{font-size:16px;font-weight:600;line-height:17px;text-align:left;color:var(--text-heading)}.arkyn_badge{display:flex;align-items:center;justify-content:center;gap:4px;width:min-content;white-space:nowrap;border:1px solid transparent}.arkyn_badge.solid{color:#fff}.arkyn_badge.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkyn_badge.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkyn_badge.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkyn_badge.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkyn_badge.solid.info{background-color:rgba(var(--spotlight-info),1)}.arkyn_button.outline{background-color:rgba(var(--spotlight-outline),1)}.arkyn_badge.outline.primary{color:rgba(var(--spotlight-primary),1);border-color:rgba(var(--spotlight-primary),1)}.arkyn_badge.outline.danger{color:rgba(var(--spotlight-danger),1);border-color:rgba(var(--spotlight-danger),1)}.arkyn_badge.outline.success{color:rgba(var(--spotlight-success),1);border-color:rgba(var(--spotlight-success),1)}.arkyn_badge.outline.warning{color:rgba(var(--spotlight-warning),1);border-color:rgba(var(--spotlight-warning),1)}.arkyn_badge.outline.info{color:rgba(var(--spotlight-info),1);border-color:rgba(var(--spotlight-info),1)}.arkyn_badge.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkyn_badge.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkyn_badge.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkyn_badge.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkyn_badge.ghost.info{color:rgba(var(--spotlight-info),1);background-color:rgba(var(--spotlight-info),.2)}.arkyn_badge.lg{font-weight:400;font-size:12px;line-height:12px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 16px;height:24px}.arkyn_badge.md{font-weight:400;font-size:10px;line-height:10px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 12px;height:20px}.arkyn_divider{display:block;flex:1;background-color:var(--border)}.arkyn_divider.horizontal{width:100%;min-height:1px;max-height:1px}.arkyn_divider.vertical{height:100%;min-width:1px;max-width:1px}.arkyn_skeleton{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}}.arkyn_table_body>tr:nth-child(odd)>td{background-color:var(--card-foreground-primary)}.arkyn_table_body>tr>td{padding-left:16px;height:64px;font-weight:400;font-size:14px;color:var(--text-body)}.arkyn_table_body>tr>td:first-child{border-top-left-radius:var(--rounded-cards);border-bottom-left-radius:var(--rounded-cards)}.arkyn_table_body>tr>td:last-child{border-top-right-radius:var(--rounded-cards);border-bottom-right-radius:var(--rounded-cards);padding-left:16px}.arkyn_table_body>tr:nth-child(odd):hover>td{filter:brightness(.98)}.arkyn_table_body>tr:nth-child(2n):hover>td{background-color:var(--card-foreground-primary);filter:brightness(.98)}html.dark .arkyn_table_body>tr:nth-child(odd):hover>td{filter:brightness(1.2)}html.dark .arkyn_table_body>tr:nth-child(2n):hover>td{background-color:var(--card-foreground-primary);filter:brightness(1.2)}.arkyn_table_caption{margin-bottom:24px}.arkyn_table_caption-content{display:flex;align-items:center}.arkyn_table_caption-content>.right-section{display:flex;align-items:center;justify-content:end;gap:16px;flex:2;padding-left:auto}.arkyn_table_container{display:flex;flex-direction:column;padding:20px;width:100%;height:max-content;overflow-y:hidden;overflow-x:auto;border-radius:var(--rounded-cards);background-color:var(--card)}.arkyn_table_container table{border-collapse:separate;border-spacing:0}.arkyn_table_footer-content{display:flex;align-items:center;justify-content:space-between;height:48px;padding-top:16px;border-top:1px solid var(--border)}.arkyn_table_footer .spacing-row{height:24px}.arkyn_table_header 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}.arkyn_table_header th:first-child{border-top-left-radius:var(--rounded-cards);border-bottom-left-radius:var(--rounded-cards)}.arkyn_table_header th:last-child{border-top-right-radius:var(--rounded-cards);border-bottom-right-radius:var(--rounded-cards);padding-right:16px}.arkyn_table_header .spacing-row{height:12px}.arkyn_button{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkyn_button:hover{cursor:pointer;filter:brightness(.95)}html.dark .arkyn_button:hover{cursor:pointer;filter:brightness(1.2)}.arkyn_button:disabled{cursor:not-allowed;opacity:.5}.arkyn_button .arkyn_button-content{display:flex;align-items:center;justify-content:center;white-space:nowrap}.arkyn_button.solid{color:#fff}.arkyn_button.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkyn_button.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkyn_button.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkyn_button.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkyn_button.outline{background-color:rgba(var(--input-background),1);border-color:var(--border)}.arkyn_button.outline.primary{color:rgba(var(--spotlight-primary),1)}.arkyn_button.outline.danger{color:rgba(var(--spotlight-danger),1)}.arkyn_button.outline.success{color:rgba(var(--spotlight-success),1)}.arkyn_button.outline.warning{color:rgba(var(--spotlight-warning),1)}.arkyn_button.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkyn_button.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkyn_button.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkyn_button.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkyn_button.invisible.primary{color:rgba(var(--spotlight-primary),1)}.arkyn_button.invisible.danger{color:rgba(var(--spotlight-danger),1)}.arkyn_button.invisible.success{color:rgba(var(--spotlight-success),1)}.arkyn_button.invisible.warning{color:rgba(var(--spotlight-warning),1)}.arkyn_button.lg{font-weight:600;font-size:14px;line-height:14px;border-radius:var(--rounded-inputs);padding:0 20px;height:44px}.arkyn_button.lg .arkyn_button-content,.arkyn_button.lg .arkyn_button-spinner{gap:16px}.arkyn_button.md{font-weight:600;font-size:14px;line-height:14px;border-radius:var(--rounded-inputs);gap:16px;padding:0 16px;height:40px}.arkyn_button.md .arkyn_button-content,.arkyn_button.md .arkyn_button-spinner{gap:14px}.arkyn_button.sm{font-weight:600;font-size:12px;line-height:12px;border-radius:var(--rounded-inputs);padding:0 16px;height:32px}.arkyn_button.sm .arkyn_button-content,.arkyn_button.sm .arkyn_button-spinner{gap:12px}.arkyn_button.xs{font-weight:600;font-size:10px;line-height:10px;border-radius:calc(var(--rounded-inputs) * .6667);padding:0 16px;height:24px}.arkyn_button.xs .arkyn_button-content,.arkyn_button.xs .arkyn_button-spinner{gap:8px}.arkyn_button .arkyn_button-spinner{display:flex;align-items:center;justify-content:center;white-space:nowrap;opacity:0}.arkyn_button .arkyn_button-spinner>svg{animation:spin 2s linear infinite}.arkyn_button.loading_text_false .arkyn_button-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.arkyn_button.loading_text_true .arkyn_button-spinner{max-height:0px}.arkyn_button.loading_true .arkyn_button-content{opacity:0;max-height:0px}.arkyn_button.loading_true .arkyn_button-spinner{opacity:1;max-height:unset}.arkyn_form_controller{display:flex;flex-direction:column;gap:6px}.arkyn_checkbox{display:flex;align-items:center;justify-content:center;border:2px solid var(--border);background-color:rgba(var(--input-background),1)}.arkyn_checkbox:hover{cursor:pointer}.arkyn_checkbox>svg{display:none;stroke-width:3px}.arkyn_checkbox.sm{height:16px;width:16px;border-radius:calc(var(--rounded-inputs) * .3333)}.arkyn_checkbox.sm>svg{min-height:12px;min-width:12px}.arkyn_checkbox.md{height:20px;width:20px;border-radius:calc(var(--rounded-inputs) * .6667)}.arkyn_checkbox.md>svg{min-height:14px;min-width:14px}.arkyn_checkbox.lg{height:24px;width:24px;border-radius:var(--rounded-inputs)}.arkyn_checkbox.lg>svg{min-height:14px;min-width:14px}.arkyn_checkbox.checked{background-color:rgb(var(--spotlight-primary),1);border-color:rgb(var(--spotlight-primary),1)}.arkyn_checkbox.checked>svg{display:unset;color:#fff}.arkyn_checkbox.error{border-color:rgb(var(--spotlight-danger),1)}.arkyn_form_error{font-size:12px;line-height:12px;font-weight:600;color:rgb(var(--spotlight-danger),1)}.arkyn_form_label{color:var(--text-body);font-size:14px;font-weight:600;line-height:19.07px}.arkyn_form_label.show-asterisk:before{content:"* ";font-size:12px;font-weight:600;line-height:16.34px;text-align:left;color:rgb(var(--spotlight-danger),1)}.arkyn_icon_button{background:transparent;border:1px solid transparent;outline:1px solid transparent;position:relative;transition:.15s all ease-out}.arkyn_icon_button:hover{cursor:pointer;filter:brightness(.95)}html.dark .arkyn_icon_button:hover{cursor:pointer;filter:brightness(1.2)}.arkyn_icon_button:disabled{cursor:not-allowed;opacity:.5}.arkyn_icon_button-content{display:flex;align-items:center;justify-content:center}.arkyn_icon_button.solid{color:#fff}.arkyn_icon_button.solid.primary{background-color:rgba(var(--spotlight-primary),1)}.arkyn_icon_button.solid.danger{background-color:rgba(var(--spotlight-danger),1)}.arkyn_icon_button.solid.success{background-color:rgba(var(--spotlight-success),1)}.arkyn_icon_button.solid.warning{background-color:rgba(var(--spotlight-warning),1)}.arkyn_icon_button.outline{background-color:rgba(var(--input-background),1);border-color:var(--border)}.arkyn_icon_button.outline.primary{color:rgba(var(--spotlight-primary),1)}.arkyn_icon_button.outline.danger{color:rgba(var(--spotlight-danger),1)}.arkyn_icon_button.outline.success{color:rgba(var(--spotlight-success),1)}.arkyn_icon_button.outline.warning{color:rgba(var(--spotlight-warning),1)}.arkyn_icon_button.ghost.primary{color:rgba(var(--spotlight-primary),1);background-color:rgba(var(--spotlight-primary),.2)}.arkyn_icon_button.ghost.danger{color:rgba(var(--spotlight-danger),1);background-color:rgba(var(--spotlight-danger),.2)}.arkyn_icon_button.ghost.success{color:rgba(var(--spotlight-success),1);background-color:rgba(var(--spotlight-success),.2)}.arkyn_icon_button.ghost.warning{color:rgba(var(--spotlight-warning),1);background-color:rgba(var(--spotlight-warning),.2)}.arkyn_icon_button.invisible.primary{color:rgba(var(--spotlight-primary),1)}.arkyn_icon_button.invisible.danger{color:rgba(var(--spotlight-danger),1)}.arkyn_icon_button.invisible.success{color:rgba(var(--spotlight-success),1)}.arkyn_icon_button.invisible.warning{color:rgba(var(--spotlight-warning),1)}.arkyn_icon_button.lg{border-radius:var(--rounded-inputs);height:44px;width:44px}.arkyn_icon_button.md{border-radius:var(--rounded-inputs);height:40px;width:40px}.arkyn_icon_button.sm{border-radius:var(--rounded-inputs);height:32px;width:32px}.arkyn_icon_button.xs{border-radius:calc(var(--rounded-inputs) * .6667);height:24px;width:24px}.arkyn_icon_button-spinner{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}.arkyn_icon_button-spinner>svg{animation:spin 2s linear infinite}.arkyn_icon_button.loading_true .arkyn_icon_button-spinner{opacity:1}.arkyn_icon_button.loading_true .arkyn_icon_button-content{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}.arkyn_radio_group{display:flex;align-items:center;gap:32px}.arkyn_radio_box{display:flex;align-items:center;gap:8px;color:var(--text-body);font-size:14px;line-height:19.07px}.arkyn_radio_box>button{position:relative;background-color:rgba(var(--input-background),1);border:2px solid var(--border);border-radius:99999px}.arkyn_radio_box>button:not(:disabled):hover{cursor:pointer}.arkyn_radio_box.isChecked>button{border-color:rgba(var(--spotlight-primary),1)}.arkyn_radio_box.isErrored>button{border-color:rgba(var(--spotlight-danger),1)}.arkyn_radio_box.isChecked>button:before{content:" ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:99999px;background-color:rgba(var(--spotlight-primary),1)}.arkyn_radio_box.sm>button{min-height:20px;min-width:20px;max-height:20px;max-width:20px}.arkyn_radio_box.md>button{min-height:24px;min-width:24px;max-height:24px;max-width:24px}.arkyn_radio_box.lg>button{min-height:24px;min-width:24px;max-height:24px;max-width:24px}.arkyn_radio_box.isChecked.sm>button:before{min-height:10px;min-width:10px;max-height:10px;max-width:10px}.arkyn_radio_box.isChecked.md>button:before{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkyn_radio_box.isChecked.lg>button:before{min-height:12px;min-width:12px;max-height:12px;max-width:12px}.arkyn_radio_box.isDisabled{opacity:.5}.arkyn_radio_box.isDisabled>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)}}.arkyn_textarea{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}.arkyn_textarea:hover{cursor:text}.arkyn_textarea textarea{border:none;outline:none;background:transparent;width:100%;resize:none}.arkyn_textarea textarea{color:var(--text-heading)}.arkyn_textarea textarea::placeholder{color:var(--text-muted)}.arkyn_textarea.opacity{opacity:.5}.arkyn_textarea.solid{border-color:var(--border);background-color:rgba(var(--input-background),1)}.arkyn_textarea.solid.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_textarea:not(.opacity).solid.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_textarea.outline{border-color:var(--border)}.arkyn_textarea.outline.errored{border-color:rgba(var(--spotlight-danger),1);outline-color:rgba(var(--spotlight-danger),1)}.arkyn_textarea:not(.opacity).outline.focused{border-color:rgba(var(--spotlight-primary),1);outline-color:rgba(var(--spotlight-primary),1)}.arkyn_textarea.md textarea{font-size:14px;line-height:14px;font-weight:400}.arkyn_textarea.md textarea::placeholder{font-weight:400;font-size:14px;line-height:14px}.arkyn_textarea.lg textarea{line-height:16px;font-size:16px;font-weight:400}.arkyn_textarea.lg textarea::placeholder{font-weight:400;font-size:16px;line-height:16px}.arkyn_breadcrumb_container{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;gap:4px}.arkyn_breadcrumb_link.active{color:var(--text-heading)}.arkyn_breadcrumb_link.inactive:hover{cursor:pointer;color:var(--text-heading)}.arkyn_breadcrumb_link{-webkit-user-select:none;user-select:none;text-decoration:none;font-size:14px;color:var(--text-body)}.arkyn_breadcrumb_link.active{color:var(--text-muted)}.arkyn_breadcrumb_link.inactive:hover{cursor:pointer;color:var(--text-muted)}.arkyn_breadcrumb_link:first-child>svg{display:none}.arkyn_breadcrumb_link:not(:first-child){display:flex;align-items:center;gap:4px}.arkyn_breadcrumb_link:not(:first-child)>svg{display:unset;color:var(--text-body)}.arkyn_pagination{display:flex;justify-content:center;align-items:center;gap:8px}.arkyn_pagination .arkyn_pagination-icon_button,.arkyn_pagination .arkyn_pagination-page_button{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)}.arkyn_pagination .arkyn_pagination-icon_button:hover,.arkyn_pagination .arkyn_pagination-page_button:hover{filter:brightness(.98);cursor:pointer}html.dark .arkyn_pagination .arkyn_pagination-icon_button:hover,html.dark .arkyn_pagination .arkyn_pagination-page_button:hover{filter:brightness(1.2)}.arkyn_pagination .arkyn_pagination-icon_button>svg{color:var(--text-muted);height:20px;width:20px}.arkyn_pagination .arkyn_pagination-page_button{color:var(--text-body);font-size:14px;font-weight:600}.arkyn_pagination .arkyn_pagination-icon_button:disabled{filter:brightness(1);cursor:not-allowed;opacity:.5}.arkyn_pagination .arkyn_pagination-current{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)}.arkyn_pagination .arkyn_pagination-spread{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}.arkyn_pagination .arkyn_pagination-spread>svg{color:var(--text-muted);height:16px;width:16px}.arkyn_tab_container{position:relative;display:flex;align-items:center;justify-content:start;gap:4px;border-bottom:1px solid var(--border)}.arkyn_tab_container .active-line{position:absolute;height:1px;transition:all .3s ease-in-out;bottom:-1px;background-color:rgba(var(--spotlight-primary),1)}.arkyn_tab_button{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}.arkyn_tab_button.show_border_bottom:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background-color:rgba(var(--spotlight-primary),1)}.arkyn_tab_button:hover{cursor:pointer}.arkyn_tab_button.active{color:rgba(var(--spotlight-primary),1)}.arkyn_drawer_container{position:fixed;top:0;left:0;right:0;bottom:0;overflow:auto;z-index:9999}.arkyn_drawer_container-overlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkyn_drawer_container-overlay:hover{cursor:pointer}.arkyn_drawer_container-content{z-index:9999;position:fixed;top:0;bottom:0;width:max-content;background:var(--card)}.arkyn_drawer_container.left>.arkyn_drawer_container-content{left:0}.arkyn_drawer_container.right>.arkyn_drawer_container-content{right:0}.arkyn_drawer_header{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)}.arkyn_drawer_header-close_button{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}.arkyn_drawer_header-close_button:hover{cursor:pointer;filter:brightness(.9)}.arkyn_modal_container{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}.arkyn_modal_container-overlay{position:fixed;z-index:9997;top:0;left:0;right:0;bottom:0;background:#00000080}.arkyn_modal_container-overlay:hover{cursor:pointer}.arkyn_modal_container-content{z-index:9999;border-radius:var(--rounded-cards);background:var(--card)}.arkyn_modal_footer{display:flex;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--border)}.arkyn_modal_footer.left{justify-content:flex-start}.arkyn_modal_footer.right{justify-content:flex-end}.arkyn_modal_footer.center{justify-content:center}.arkyn_modal_footer.between{justify-content:space-between}.arkyn_modal_footer.around{justify-content:space-around}.arkyn_modal_header{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)}.arkyn_modal_header-close_button{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}.arkyn_modal_header-close_button:hover{cursor:pointer;filter:brightness(.9)}.arkyn_popover{position:relative}.arkyn_popover .arkyn_popover-content{display:none}.arkyn_popover.show .arkyn_popover-content{display:unset}.arkyn_popover-content{position:absolute;z-index:3;background-color:var(--card);border-radius:var(--rounded-cards);box-shadow:3px 3px 8px #0003}.arkyn_popover.bottom-left .arkyn_popover-content{bottom:-5px;right:0;transform:translateY(100%)}.arkyn_popover.bottom-right .arkyn_popover-content{bottom:-5px;left:0;transform:translateY(100%)}.arkyn_popover.top-left .arkyn_popover-content{top:-5px;right:0;transform:translateY(-100%)}.arkyn_popover.top-right .arkyn_popover-content{top:-5px;left:0;transform:translateY(-100%)}.arkyn_popover.bottom .arkyn_popover-content{top:calc(100% + 5px);left:50%;transform:translate(-50%)}.arkyn_popover.top .arkyn_popover-content{bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.arkyn_popover.left .arkyn_popover-content{bottom:50%;right:calc(100% + 5px);transform:translateY(50%)}.arkyn_popover.right .arkyn_popover-content{bottom:50%;left:calc(100% + 5px);transform:translateY(50%)}.arkyn_popover-overlay{position:fixed;z-index:1;top:0;left:0;bottom:0;right:0}.arkyn_toast{display:flex;align-items:start;width:300px;padding:16px;gap:12px;flex:1;border-radius:var(--rounded-cards)}.arkyn_toast>div{display:flex;align-items:center;justify-content:center;position:relative;border-radius:90px;overflow:hidden}.arkyn_toast>div>.bg{content:" ";left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}.arkyn_toast>div>svg{z-index:2}.arkyn_toast>div circle{display:none}.arkyn_toast>p{display:flex;flex-direction:column;gap:8px;width:100%;overflow:hidden}.arkyn_toast>p>strong{width:100%;overflow:hidden;text-overflow:ellipsis}.arkyn_toast.info{background-color:rgba(var(--toast-info),1);color:#fff}.arkyn_toast.info>div>.bg{background-color:rgba(var(--toast-info),1);filter:brightness(.8)}.arkyn_toast.warning{background-color:rgba(var(--toast-warning),1);color:#fff}.arkyn_toast.warning>div>.bg{background-color:rgba(var(--toast-warning),1);filter:brightness(.8)}.arkyn_toast.danger{background-color:rgba(var(--toast-danger),1);color:#fff}.arkyn_toast.danger>div>.bg{background-color:rgba(var(--toast-danger),1);filter:brightness(.8)}.arkyn_toast.success{background-color:rgba(var(--toast-success),1);color:#fff}.arkyn_toast.success>div>.bg{background-color:rgba(var(--toast-success),1);filter:brightness(.8)}.arkyn_toast.md{min-width:260px}.arkyn_toast.md>div{min-height:20px;max-height:20px;min-width:20px;max-width:20px}.arkyn_toast.md>div>svg{min-height:26px;min-width:26px}.arkyn_toast.md>p>strong{font-weight:600;font-size:14px;line-height:16px}.arkyn_toast.md>p>span{font-weight:400;font-size:12px;line-height:14px}.arkyn_toast.lg{min-width:260px}.arkyn_toast.lg>div{min-height:24px;max-height:24px;min-width:24px;max-width:24px}.arkyn_toast.lg>div>svg{min-height:30px;min-width:30px}.arkyn_toast.lg>p>strong{font-weight:600;font-size:15px;line-height:17px}.arkyn_toast.lg>p>span{font-weight:400;font-size:14px;line-height:16px}.arkyn_tooltip{position:relative;display:block}.arkyn_tooltip-text{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}.arkyn_tooltip.lg .arkyn_tooltip-text{font-size:14px;line-height:14px;padding:8px 12px}.arkyn_tooltip.md .arkyn_tooltip-text{font-size:12px;line-height:12px;padding:8px 12px}.arkyn_tooltip:hover .arkyn_tooltip-text{opacity:1;visibility:visible}.arkyn_tooltip.top .arkyn_tooltip-text{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkyn_tooltip.top .arkyn_tooltip-text: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%)}.arkyn_tooltip.left .arkyn_tooltip-text{top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.arkyn_tooltip.left .arkyn_tooltip-text: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%)}.arkyn_tooltip.right .arkyn_tooltip-text{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.arkyn_tooltip.right .arkyn_tooltip-text: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}.arkyn_tooltip.bottom .arkyn_tooltip-text{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.arkyn_tooltip.bottom .arkyn_tooltip-text: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
|
@@ -4,7 +4,7 @@ import "./styles.css";
|
|
|
4
4
|
|
|
5
5
|
function AlertContent(props: AlertContentProps) {
|
|
6
6
|
const { children, className: baseClassName, ...rest } = props;
|
|
7
|
-
const className = `
|
|
7
|
+
const className = `arkyn_alert_content ${baseClassName}`;
|
|
8
8
|
|
|
9
9
|
return (
|
|
10
10
|
<div className={className.trim()} {...rest}>
|