@necto-react/components 1.2.9 → 1.2.11

package/dist/index.js

@@ -1,2 +1,389 @@
-import{DOM as bt}from"@necto/constants";import{HTMLElements as ct}from"@necto/dom";import{forwardRef as x,isValidElement as lt,cloneElement as st,Children as rt}from"react";import{jsx as dt}from"react/jsx-runtime";var at=ct.Div,W=({as:t,asChild:o,children:c,...b},n)=>{let i=t??at;if(o){let e=rt.only(c);return lt(e)?st(e,{...b,ref:e.ref??n}):null}return dt(i,{ref:n,...b,children:c})},B=Object.assign(x(W),bt.HTML_TAGS.reduce((t,o)=>{let c=o,b=o[0].toUpperCase()+o.slice(1),n=x((i,e)=>W({...i,as:o},e));return t[c]=n,t[b]=n,t},{}));import{Fragment as mt}from"react";import{jsx as ut}from"react/jsx-runtime";var g=t=>{let{children:o}=t;return ut(mt,{children:typeof o=="function"?o():o})};import{Fragment as It,Children as pt}from"react";import{jsx as Bt}from"react/jsx-runtime";var I=t=>{let{condition:o,keepAlive:c,children:b}=t;if(!b)return null;let n=!!(typeof o=="function"?o():o);return Bt(It,{children:pt.toArray(b).find(i=>i.type!==g!=!n)||null})};import ft from"clsx";import{forwardRef as Qt}from"react";import Xt from"styled-components";import{FaApple as Rt}from"react-icons/fa";import{HTMLElements as gt}from"@necto/dom";import{forwardRef as Gt,Fragment as Zt}from"react";import{jsx as p,jsxs as yt}from"react/jsx-runtime";var Ct=gt.Button,a=Gt(function({as:o=Ct,asChild:c=!1,children:b,icon:n,showIcon:i=!0,iconPosition:e="left",disabled:l,className:r,...s},it){let nt=(o?.toLowerCase?.()??"")==="button"?{disabled:l}:{role:"button",tabIndex:l?-1:0,"aria-disabled":!!l,onKeyDown:u=>{l||(u.key==="Enter"||u.key===" ")&&(s.onClick?.(u),u.preventDefault())}},m=n?p("span",{className:"_necto:brand-icon",style:{flexShrink:0,lineHeight:0,display:"inline-flex"},children:n}):null;return p(B,{as:o,ref:it,asChild:c,className:r,...nt,...s,children:yt(Zt,{children:[p(I,{condition:!!m&&i&&e==="left",children:m}),b,p(I,{condition:!!m&&i&&e==="right",children:m})]})})});var G={};import{jsx as N}from"react/jsx-runtime";var A="AppleButton",xt=Xt(a).attrs(t=>({className:`${G.AppleButton} ${t.$disabled?G.disabled:""}`.trim()}))``,Y=Qt(({as:t,asChild:o,children:c="Continue with Apple",iconPosition:b="left",showIcon:n=!0,iconSize:i=20,disabled:e,className:l,...r},s)=>N(xt,{as:t,ref:s,asChild:o,icon:N(Rt,{size:i}),showIcon:n,iconSize:i,disabled:e,$disabled:e,iconPosition:b,className:ft(l,`_necto:${A}`),...r,children:c}));Y.displayName=A;import Nt from"clsx";import{forwardRef as At}from"react";import Yt from"styled-components";import{FaAtlassian as ht}from"react-icons/fa";var Z={};import{jsx as h}from"react/jsx-runtime";var V="AtlassianButton",Vt=Yt(a).attrs(t=>({className:`${Z.AtlassianButton} ${t.$disabled?Z.disabled:""}`.trim()}))``,v=At(({as:t,asChild:o,children:c="Continue with Atlassian",iconPosition:b="left",showIcon:n=!0,iconSize:i=20,disabled:e,className:l,...r},s)=>h(Vt,{as:t,ref:s,asChild:o,showIcon:n,iconSize:i,disabled:e,$disabled:e,iconPosition:b,icon:h(ht,{size:i}),className:Nt(l,`_necto:${V}`),...r,children:c}));v.displayName=V;import Ut from"clsx";import{forwardRef as Lt}from"react";import jt from"styled-components";var C={};import{jsx as d,jsxs as U}from"react/jsx-runtime";var L=({size:t})=>U("svg",{width:t,height:t,viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[d("title",{children:"Bitbucket"}),d("path",{d:"M58.8295 28.5831H43.8317L41.332 43.3331H30.9168L18.6685 57.9163C18.6685 57.9163 19.2517 58.4163 20.0849 58.4163H52.7472C53.4971 58.4163 54.1637 57.8331 54.3303 57.083L58.8295 28.5831Z",fill:"url(#paint0_linear_5907_10188)"}),d("path",{d:"M12.5863 13.5C11.5864 13.5 10.8366 14.4167 11.0033 15.3333L17.7524 56.6666C17.8357 57.1667 18.0857 57.6667 18.5023 58C18.5023 58 19.0855 58.5 19.9187 58.5L32.5838 43.3334H30.834L28.0843 28.5834H43.8323H58.8304L60.9967 15.3333C61.1635 14.3333 60.4135 13.5 59.4136 13.5H12.5863Z",fill:"white",style:{fill:"white",fillOpacity:1}}),d("defs",{children:U("linearGradient",{id:"paint0_linear_5907_10188",x1:"60.8078",y1:"35.1603",x2:"37.2868",y2:"51.0791",gradientUnits:"userSpaceOnUse",children:[d("stop",{offset:"0.0718327","stop-color":"white","stop-opacity":"0.4",style:{stopColor:"white",stopOpacity:.4}}),d("stop",{offset:"1","stop-color":"white",style:{stopColor:"white",stopOpacity:1}})]})})]});import{jsx as j}from"react/jsx-runtime";var O="BitbucketButton",Ot=jt(a).attrs(t=>({className:`${C.BitbucketButton} ${t.$disabled?C.disabled:""}`.trim()}))``,z=Lt(({as:t,asChild:o,children:c="Continue with Bitbucket",iconPosition:b="left",showIcon:n=!0,iconSize:i=22,disabled:e,className:l,...r},s)=>j(Ot,{as:t,ref:s,asChild:o,showIcon:n,iconSize:i,disabled:e,$disabled:e,iconPosition:b,icon:j(L,{size:i}),className:Ut(l,`_necto:${O}`),...r,children:c}));z.displayName=O;import Tt from"clsx";import{forwardRef as Jt}from"react";import Et from"styled-components";import{FaDiscord as Dt}from"react-icons/fa";var y={};import{jsx as T}from"react/jsx-runtime";var J="DiscordButton",wt=Et(a).attrs(t=>({className:`${y.DiscordButton} ${t.$disabled?y.disabled:""}`.trim()}))``,E=Jt(({as:t,asChild:o,children:c="Continue with Discord",iconPosition:b="left",showIcon:n=!0,iconSize:i=20,disabled:e,className:l,...r},s)=>T(wt,{as:t,ref:s,asChild:o,showIcon:n,iconSize:i,disabled:e,$disabled:e,iconPosition:b,icon:T(Dt,{size:i}),className:Tt(l,`_necto:${J}`),...r,children:c}));E.displayName=J;import Mt from"clsx";import{forwardRef as Ht}from"react";import St from"styled-components";import{FaDropbox as Pt}from"react-icons/fa";var F={};import{jsx as D}from"react/jsx-runtime";var w="DropboxButton",$t=St(a).attrs(t=>({className:`${F.DropboxButton} ${t.$disabled?F.disabled:""}`.trim()}))``,k=Ht(({as:t,asChild:o,children:c="Continue with Dropbox",iconPosition:b="left",showIcon:n=!0,iconSize:i=20,disabled:e,className:l,...r},s)=>D($t,{as:t,ref:s,asChild:o,icon:D(Pt,{size:i}),showIcon:n,iconSize:i,disabled:e,$disabled:e,iconPosition:b,className:Mt(l,`_necto:${w}`),...r,children:c}));k.displayName=w;import Kt from"clsx";import{forwardRef as qt}from"react";import to from"styled-components";import{FaFacebook as oo}from"react-icons/fa6";var f={};import{jsx as M}from"react/jsx-runtime";var H="FacebookButton",eo=to(a).attrs(t=>({className:`${f.FacebookButton} ${t.$disabled?f.disabled:""}`.trim()}))``,S=qt(({as:t,asChild:o,children:c="Continue with Facebook",iconPosition:b="left",showIcon:n=!0,iconSize:i=20,disabled:e,className:l,...r},s)=>M(eo,{as:t,ref:s,asChild:o,showIcon:n,iconSize:i,disabled:e,$disabled:e,iconPosition:b,icon:M(oo,{size:i}),className:Kt(l,`_necto:${H}`),...r,children:c}));S.displayName=H;import no from"clsx";import{forwardRef as bo}from"react";import co from"styled-components";import{FaGithub as lo}from"react-icons/fa";var Q={};import{jsx as P}from"react/jsx-runtime";var $="GitHubButton",so=co(a).attrs(t=>({className:`${Q.GitHubButton} ${t.$disabled?Q.disabled:""}`.trim()}))``,_=bo(({as:t,asChild:o,children:c="Continue with GitHub",iconPosition:b="left",showIcon:n=!0,iconSize:i=20,disabled:e,className:l,...r},s)=>P(so,{as:t,ref:s,asChild:o,showIcon:n,iconSize:i,disabled:e,$disabled:e,iconPosition:b,icon:P(lo,{size:i}),className:no(l,`_necto:${$}`),...r,children:c}));_.displayName=$;import ao from"clsx";import{forwardRef as mo}from"react";import uo from"styled-components";var X={};import{FaGitlab as Io}from"react-icons/fa6";import{jsx as K}from"react/jsx-runtime";var q="GitLabButton",po=uo(a).attrs(t=>({className:`${X.GitLabButton} ${t.$disabled?X.disabled:""}`.trim()}))``,tt=mo(({as:t,asChild:o,children:c="Continue with GitLab",iconPosition:b="left",showIcon:n=!0,iconSize:i=20,disabled:e,className:l,...r},s)=>K(po,{as:t,ref:s,asChild:o,showIcon:n,iconSize:i,disabled:e,$disabled:e,iconPosition:b,icon:K(Io,{size:i}),className:ao(l,`_necto:${q}`),...r,children:c}));tt.displayName=q;import{forwardRef as go}from"react";import Go from"styled-components";import{FcGoogle as Zo}from"react-icons/fc";var R={};import{jsx as ot}from"react/jsx-runtime";var Co="GoogleButton",yo=Go(a).attrs(t=>({className:`${R.GoogleButton} ${t.$disabled?R.disabled:""}`.trim()}))``,et=go(({as:t,asChild:o,children:c="Continue with Google",iconPosition:b="left",showIcon:n=!0,iconSize:i=20,disabled:e,className:l,...r},s)=>ot(yo,{as:t,ref:s,asChild:o,showIcon:n,disabled:e,$disabled:e,className:l,iconPosition:b,icon:ot(Zo,{size:i}),...r,children:c}));et.displayName=Co;export{Y as AppleButton,v as AtlassianButton,z as BitbucketButton,E as DiscordButton,k as DropboxButton,g as Else,S as FacebookButton,_ as GitHubButton,tt as GitLabButton,et as GoogleButton,I as If,B as Primitive};
+import{DOM as Q}from"@necto/constants";import{HTMLElements as W}from"@necto/dom";import{forwardRef as B,isValidElement as Y,cloneElement as j,Children as oo}from"react";import{jsx as eo}from"react/jsx-runtime";var to=W.Div,g=({as:o,asChild:t,children:s,...n},r)=>{let i=o??to;if(t){let e=oo.only(s);return Y(e)?j(e,{...n,ref:e.ref??r}):null}return eo(i,{ref:r,...n,children:s})},y=Object.assign(B(g),Q.HTML_TAGS.reduce((o,t)=>{let s=t,n=t[0].toUpperCase()+t.slice(1),r=B((i,e)=>g({...i,as:t},e));return o[s]=r,o[n]=r,o},{}));import{Fragment as ro}from"react";import{jsx as no}from"react/jsx-runtime";var x=o=>{let{children:t}=o;return no(ro,{children:typeof t=="function"?t():t})};import{Fragment as io,Children as so}from"react";import{jsx as ao}from"react/jsx-runtime";var u=o=>{let{condition:t,keepAlive:s,children:n}=o;if(!n)return null;let r=!!(typeof t=="function"?t():t);return ao(io,{children:so.toArray(n).find(i=>i.type!==x!=!r)||null})};import uo from"clsx";import{forwardRef as bo}from"react";import yo from"@emotion/styled";import{FaApple as xo}from"react-icons/fa";import{HTMLElements as po}from"@necto/dom";import{forwardRef as lo,Fragment as co}from"react";import{jsx as b,jsxs as mo}from"react/jsx-runtime";var fo=po.Button,c=lo(function({as:t=fo,asChild:s=!1,children:n,icon:r,showIcon:i=!0,iconPosition:e="left",disabled:a,className:l,...p},q){let J=(t?.toLowerCase?.()??"")==="button"?{disabled:a}:{role:"button",tabIndex:a?-1:0,"aria-disabled":!!a,onKeyDown:d=>{a||(d.key==="Enter"||d.key===" ")&&(p.onClick?.(d),d.preventDefault())}},m=r?b("span",{className:"_necto:brand-icon",style:{flexShrink:0,lineHeight:0,display:"inline-flex"},children:r}):null;return b(y,{as:t,ref:q,asChild:s,className:l,...J,...p,children:mo(co,{children:[b(u,{condition:!!m&&i&&e==="left",children:m}),n,b(u,{condition:!!m&&i&&e==="right",children:m})]})})});import{jsx as E}from"react/jsx-runtime";var h="AppleButton",Bo=yo(c)`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  padding: 0 18px;
+  min-height: 40px;
+  background-color: #000000;
+  color: #ffffff;
+  border: none;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 400;
+  font-family: 'Roboto', system-ui, -apple-system, sans-serif;
+  line-height: 20px;
+  cursor: pointer;
+  user-select: none;
+  text-decoration: none;
+  transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;
+
+  &:hover {
+    background-color: #1a1a1a;
+  }
+
+  &:active {
+    background-color: #333333;
+  }
+
+  &:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);
+  }
+
+  ${o=>o.$disabled&&`
+    opacity: 0.7;
+    cursor: not-allowed;
+    pointer-events: none;
+
+    &:hover,
+    &:active {
+      background-color: #000000;
+    }
+  `}
+`,w=bo(({as:o,asChild:t,children:s="Continue with Apple",iconPosition:n="left",showIcon:r=!0,iconSize:i=20,disabled:e,className:a,...l},p)=>E(Bo,{as:o,ref:p,asChild:t,icon:E(xo,{size:i}),showIcon:r,disabled:e,$disabled:e,iconPosition:n,className:uo(a,`_necto:${h}`),...l,children:s}));w.displayName=h;import go from"clsx";import{forwardRef as Eo}from"react";import ho from"@emotion/styled";import{FaAtlassian as wo}from"react-icons/fa";import{jsx as R}from"react/jsx-runtime";var P="AtlassianButton",Ro=ho(c)`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  padding: 0 18px;
+  min-height: 40px;
+  background-color: #0052cc;
+  color: #ffffff;
+  border: none;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 500;
+  font-family: system-ui, -apple-system, sans-serif;
+  line-height: 20px;
+  cursor: pointer;
+  user-select: none;
+  text-decoration: none;
+  transition: background-color 0.2s, box-shadow 0.2s;
+
+  &:hover {
+    background-color: #0747a6;
+  }
+
+  &:active {
+    background-color: #003d99;
+  }
+
+  &:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 3px rgba(0, 82, 204, 0.3);
+  }
+
+  ${o=>o.$disabled&&`
+    opacity: 0.7;
+    cursor: not-allowed;
+    pointer-events: none;
+
+    &:hover,
+    &:active {
+      background-color: #0052cc;
+    }
+  `}
+`,k=Eo(({as:o,asChild:t,children:s="Continue with Atlassian",iconPosition:n="left",showIcon:r=!0,iconSize:i=20,disabled:e,className:a,...l},p)=>R(Ro,{as:o,ref:p,asChild:t,showIcon:r,disabled:e,$disabled:e,iconPosition:n,icon:R(wo,{size:i}),className:go(a,`_necto:${P}`),...l,children:s}));k.displayName=P;import Po from"clsx";import{forwardRef as ko}from"react";import To from"@emotion/styled";import{jsx as f,jsxs as T}from"react/jsx-runtime";var v=({size:o})=>T("svg",{width:o,height:o,viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[f("title",{children:"Bitbucket"}),f("path",{d:"M58.8295 28.5831H43.8317L41.332 43.3331H30.9168L18.6685 57.9163C18.6685 57.9163 19.2517 58.4163 20.0849 58.4163H52.7472C53.4971 58.4163 54.1637 57.8331 54.3303 57.083L58.8295 28.5831Z",fill:"url(#paint0_linear_5907_10188)"}),f("path",{d:"M12.5863 13.5C11.5864 13.5 10.8366 14.4167 11.0033 15.3333L17.7524 56.6666C17.8357 57.1667 18.0857 57.6667 18.5023 58C18.5023 58 19.0855 58.5 19.9187 58.5L32.5838 43.3334H30.834L28.0843 28.5834H43.8323H58.8304L60.9967 15.3333C61.1635 14.3333 60.4135 13.5 59.4136 13.5H12.5863Z",fill:"white",style:{fill:"white",fillOpacity:1}}),f("defs",{children:T("linearGradient",{id:"paint0_linear_5907_10188",x1:"60.8078",y1:"35.1603",x2:"37.2868",y2:"51.0791",gradientUnits:"userSpaceOnUse",children:[f("stop",{offset:"0.0718327","stop-color":"white","stop-opacity":"0.4",style:{stopColor:"white",stopOpacity:.4}}),f("stop",{offset:"1","stop-color":"white",style:{stopColor:"white",stopOpacity:1}})]})})]});import{jsx as F}from"react/jsx-runtime";var A="BitbucketButton",vo=To(c)`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  padding: 0 18px;
+  min-height: 40px;
+  background-color: #0052cc;
+  color: #ffffff;
+  border: none;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 500;
+  font-family: system-ui, -apple-system, sans-serif;
+  line-height: 20px;
+  cursor: pointer;
+  user-select: none;
+  text-decoration: none;
+  transition: background-color 0.2s, box-shadow 0.2s;
+
+  &:hover {
+    background-color: #0747a6;
+  }
+
+  &:active {
+    background-color: #003d99;
+  }
+
+  &:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 3px rgba(0, 82, 204, 0.3);
+  }
+
+  ${o=>o.$disabled&&`
+    opacity: 0.7;
+    cursor: not-allowed;
+    pointer-events: none;
+
+    &:hover,
+    &:active {
+      background-color: #0052cc;
+    }
+  `}
+`,L=ko(({as:o,asChild:t,children:s="Continue with Bitbucket",iconPosition:n="left",showIcon:r=!0,iconSize:i=22,disabled:e,className:a,...l},p)=>F(vo,{as:o,ref:p,asChild:t,showIcon:r,disabled:e,$disabled:e,iconPosition:n,icon:F(v,{size:i}),className:Po(a,`_necto:${A}`),...l,children:s}));L.displayName=A;import Fo from"clsx";import{forwardRef as Ao}from"react";import Lo from"@emotion/styled";import{FaDiscord as Co}from"react-icons/fa";import{jsx as C}from"react/jsx-runtime";var H="DiscordButton",Ho=Lo(c)`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  padding: 0 18px;
+  min-height: 40px;
+  background-color: #5865f2;
+  color: #ffffff;
+  border: none;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 500;
+  font-family: 'Roboto', system-ui, -apple-system, sans-serif;
+  line-height: 20px;
+  cursor: pointer;
+  user-select: none;
+  text-decoration: none;
+  transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;
+
+  &:hover {
+    background-color: #4752d9;
+  }
+
+  &:active {
+    background-color: #3c45c0;
+  }
+
+  &:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.3);
+  }
+
+  ${o=>o.$disabled&&`
+    opacity: 0.7;
+    cursor: not-allowed;
+    pointer-events: none;
+
+    &:hover,
+    &:active {
+      background-color: #5865f2;
+    }
+  `}
+`,G=Ao(({as:o,asChild:t,children:s="Continue with Discord",iconPosition:n="left",showIcon:r=!0,iconSize:i=20,disabled:e,className:a,...l},p)=>C(Ho,{as:o,ref:p,asChild:t,showIcon:r,disabled:e,$disabled:e,iconPosition:n,icon:C(Co,{size:i}),className:Fo(a,`_necto:${H}`),...l,children:s}));G.displayName=H;import Go from"clsx";import{forwardRef as Mo}from"react";import No from"@emotion/styled";import{FaDropbox as $o}from"react-icons/fa";import{jsx as M}from"react/jsx-runtime";var N="DropboxButton",Do=No(c)`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  padding: 0 18px;
+  min-height: 40px;
+  background-color: #0061ff;
+  color: #ffffff;
+  border: none;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 500;
+  font-family: 'Roboto', system-ui, -apple-system, sans-serif;
+  line-height: 20px;
+  cursor: pointer;
+  user-select: none;
+  text-decoration: none;
+  transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;
+
+  &:hover {
+    background-color: #0056e0;
+  }
+
+  &:active {
+    background-color: #004bc5;
+  }
+
+  &:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 3px rgba(0, 97, 255, 0.3);
+  }
+
+  ${o=>o.$disabled&&`
+    opacity: 0.7;
+    cursor: not-allowed;
+    pointer-events: none;
+
+    &:hover,
+    &:active {
+      background-color: #0061ff;
+    }
+  `}
+`,$=Mo(({as:o,asChild:t,children:s="Continue with Dropbox",iconPosition:n="left",showIcon:r=!0,iconSize:i=20,disabled:e,className:a,...l},p)=>M(Do,{as:o,ref:p,asChild:t,icon:M($o,{size:i}),showIcon:r,disabled:e,$disabled:e,iconPosition:n,className:Go(a,`_necto:${N}`),...l,children:s}));$.displayName=N;import _o from"clsx";import{forwardRef as Oo}from"react";import Io from"@emotion/styled";import{FaFacebook as So}from"react-icons/fa6";import{jsx as D}from"react/jsx-runtime";var _="FacebookButton",zo=Io(c)`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  padding: 0 18px;
+  min-height: 40px;
+  background-color: #1877f2;
+  color: #ffffff;
+  border: 1px solid #1877f2;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 500;
+  font-family: system-ui, -apple-system, sans-serif;
+  line-height: 20px;
+  cursor: pointer;
+  user-select: none;
+  text-decoration: none;
+  transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;
+
+  &:hover {
+    background-color: #166fe5;
+  }
+
+  &:active {
+    background-color: #1467d6;
+  }
+
+  &:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.3);
+  }
+
+  ${o=>o.$disabled&&`
+    opacity: 0.7;
+    cursor: not-allowed;
+    pointer-events: none;
+
+    &:hover,
+    &:active {
+      background-color: #1877f2;
+    }
+  `}
+`,O=Oo(({as:o,asChild:t,children:s="Continue with Facebook",iconPosition:n="left",showIcon:r=!0,iconSize:i=20,disabled:e,className:a,...l},p)=>D(zo,{as:o,ref:p,asChild:t,showIcon:r,disabled:e,$disabled:e,iconPosition:n,icon:D(So,{size:i}),className:_o(a,`_necto:${_}`),...l,children:s}));O.displayName=_;import Uo from"clsx";import{forwardRef as Ko}from"react";import Vo from"@emotion/styled";import{FaGithub as Zo}from"react-icons/fa";import{jsx as I}from"react/jsx-runtime";var S="GitHubButton",Xo=Vo(c)`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  padding: 0 18px;
+  min-height: 40px;
+  background-color: #24292f;
+  color: #ffffff;
+  border: 1px solid #24292f;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 500;
+  font-family: system-ui, -apple-system, sans-serif;
+  line-height: 20px;
+  cursor: pointer;
+  user-select: none;
+  text-decoration: none;
+  transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;
+
+  &:hover {
+    background-color: #2c3237;
+  }
+
+  &:active {
+    background-color: #373e47;
+  }
+
+  &:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 3px rgba(36, 41, 47, 0.3);
+  }
+
+  ${o=>o.$disabled&&`
+    opacity: 0.7;
+    cursor: not-allowed;
+    pointer-events: none;
+
+    &:hover,
+    &:active {
+      background-color: #24292f;
+    }
+  `}
+`,z=Ko(({as:o,asChild:t,children:s="Continue with GitHub",iconPosition:n="left",showIcon:r=!0,iconSize:i=20,disabled:e,className:a,...l},p)=>I(Xo,{as:o,ref:p,asChild:t,showIcon:r,disabled:e,$disabled:e,iconPosition:n,icon:I(Zo,{size:i}),className:Uo(a,`_necto:${S}`),...l,children:s}));z.displayName=S;import qo from"clsx";import{forwardRef as Jo}from"react";import Qo from"@emotion/styled";import{FaGitlab as Wo}from"react-icons/fa6";import{jsx as U}from"react/jsx-runtime";var K="GitLabButton",Yo=Qo(c)`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  padding: 0 18px;
+  min-height: 40px;
+  background-color: #fc6d26;
+  color: #ffffff;
+  border: none;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 500;
+  font-family: system-ui, -apple-system, sans-serif;
+  line-height: 20px;
+  cursor: pointer;
+  user-select: none;
+  text-decoration: none;
+  transition: background-color 0.2s, box-shadow 0.2s;
+
+  &:hover {
+    background-color: #e24329;
+  }
+
+  &:active {
+    background-color: #c73b1c;
+  }
+
+  &:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 3px rgba(252, 109, 38, 0.3);
+  }
+
+  ${o=>o.$disabled&&`
+    opacity: 0.7;
+    cursor: not-allowed;
+    pointer-events: none;
+
+    &:hover,
+    &:active {
+      background-color: #fc6d26;
+    }
+  `}
+`,V=Jo(({as:o,asChild:t,children:s="Continue with GitLab",iconPosition:n="left",showIcon:r=!0,iconSize:i=20,disabled:e,className:a,...l},p)=>U(Yo,{as:o,ref:p,asChild:t,showIcon:r,disabled:e,$disabled:e,iconPosition:n,icon:U(Wo,{size:i}),className:qo(a,`_necto:${K}`),...l,children:s}));V.displayName=K;import{forwardRef as jo}from"react";import ot from"@emotion/styled";import{FcGoogle as tt}from"react-icons/fc";import{jsx as Z}from"react/jsx-runtime";var et="GoogleButton",rt=ot(c)`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  padding: 0 12px 0 12px;
+  min-height: 40px;
+  background-color: #ffffff;
+  color: #1f1f1f;
+  border: 1px solid #747775;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 500;
+  font-family: 'Roboto Medium', system-ui, -apple-system, sans-serif;
+  line-height: 20px;
+  cursor: pointer;
+  user-select: none;
+  text-decoration: none;
+  transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;
+
+  &:hover {
+    background-color: #f8f9fa;
+  }
+
+  &:active {
+    background-color: #eceff1;
+  }
+
+  &:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.3);
+  }
+
+  ${o=>o.$disabled&&`
+    opacity: 0.7;
+    cursor: not-allowed;
+    pointer-events: none;
+
+    &:hover,
+    &:active {
+      background-color: #ffffff;
+    }
+  `}
+`,X=jo(({as:o,asChild:t,children:s="Continue with Google",iconPosition:n="left",showIcon:r=!0,iconSize:i=20,disabled:e,className:a,...l},p)=>Z(rt,{as:o,ref:p,asChild:t,showIcon:r,disabled:e,$disabled:e,className:a,iconPosition:n,icon:Z(tt,{size:i}),...l,children:s}));X.displayName=et;export{w as AppleButton,k as AtlassianButton,L as BitbucketButton,G as DiscordButton,$ as DropboxButton,x as Else,O as FacebookButton,z as GitHubButton,V as GitLabButton,X as GoogleButton,u as If,y as Primitive};
 //# sourceMappingURL=index.js.map