@necto-react/components 1.2.10 → 1.2.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +10 -10
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +245 -0
- package/dist/index.d.ts +245 -0
- package/dist/index.js +10 -10
- package/dist/index.js.map +1 -1
- package/package.json +5 -4
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var zo=Object.create;var B=Object.defineProperty;var Uo=Object.getOwnPropertyDescriptor;var Ko=Object.getOwnPropertyNames;var Vo=Object.getPrototypeOf,Zo=Object.prototype.hasOwnProperty;var Xo=(o,t)=>{for(var
|
|
1
|
+
"use strict";var zo=Object.create;var B=Object.defineProperty;var Uo=Object.getOwnPropertyDescriptor;var Ko=Object.getOwnPropertyNames;var Vo=Object.getPrototypeOf,Zo=Object.prototype.hasOwnProperty;var Xo=(o,t)=>{for(var r in t)B(o,r,{get:t[r],enumerable:!0})},S=(o,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Ko(t))!Zo.call(o,n)&&n!==r&&B(o,n,{get:()=>t[n],enumerable:!(i=Uo(t,n))||i.enumerable});return o};var f=(o,t,r)=>(r=o!=null?zo(Vo(o)):{},S(t||!o||!o.__esModule?B(r,"default",{value:o,enumerable:!0}):r,o)),qo=o=>S(B({},"__esModule",{value:!0}),o);var at={};Xo(at,{AppleButton:()=>P,AtlassianButton:()=>T,BitbucketButton:()=>F,DiscordButton:()=>L,DropboxButton:()=>H,Else:()=>E,FacebookButton:()=>M,GitHubButton:()=>$,GitLabButton:()=>_,GoogleButton:()=>I,If:()=>b,Primitive:()=>g});module.exports=qo(at);var U=require("@necto/constants"),K=require("@necto/dom"),d=require("react"),V=require("react/jsx-runtime"),Jo=K.HTMLElements.Div,z=({as:o,asChild:t,children:r,...i},n)=>{let s=o??Jo;if(t){let e=d.Children.only(r);return(0,d.isValidElement)(e)?(0,d.cloneElement)(e,{...i,ref:e.ref??n}):null}return(0,V.jsx)(s,{ref:n,...i,children:r})},g=Object.assign((0,d.forwardRef)(z),U.DOM.HTML_TAGS.reduce((o,t)=>{let r=t,i=t[0].toUpperCase()+t.slice(1),n=(0,d.forwardRef)((s,e)=>z({...s,as:t},e));return o[r]=n,o[i]=n,o},{}));var Z=require("react"),X=require("react/jsx-runtime"),E=o=>{let{children:t}=o;return(0,X.jsx)(Z.Fragment,{children:typeof t=="function"?t():t})};var h=require("react"),q=require("react/jsx-runtime"),b=o=>{let{condition:t,keepAlive:r,children:i}=o;if(!i)return null;let n=!!(typeof t=="function"?t():t);return(0,q.jsx)(h.Fragment,{children:h.Children.toArray(i).find(s=>s.type!==E!=!n)||null})};var Q=f(require("clsx"),1),W=require("react"),Y=f(require("@emotion/styled"),1),j=require("react-icons/fa");var J=require("@necto/dom");var w=require("react");var u=require("react/jsx-runtime"),Qo=J.HTMLElements.Button,c=(0,w.forwardRef)(function({as:t=Qo,asChild:r=!1,children:i,icon:n,showIcon:s=!0,iconPosition:e="left",disabled:a,className:l,...p},Io){let So=(t?.toLowerCase?.()??"")==="button"?{disabled:a}:{role:"button",tabIndex:a?-1:0,"aria-disabled":!!a,onKeyDown:x=>{a||(x.key==="Enter"||x.key===" ")&&(p.onClick?.(x),x.preventDefault())}},y=n?(0,u.jsx)("span",{className:"_necto:brand-icon",style:{flexShrink:0,lineHeight:0,display:"inline-flex"},children:n}):null;return(0,u.jsx)(g,{as:t,ref:Io,asChild:r,className:l,...So,...p,children:(0,u.jsxs)(w.Fragment,{children:[(0,u.jsx)(b,{condition:!!y&&s&&e==="left",children:y}),i,(0,u.jsx)(b,{condition:!!y&&s&&e==="right",children:y})]})})});var R=require("react/jsx-runtime"),oo="AppleButton",Wo=(0,Y.default)(c)`
|
|
2
2
|
display: inline-flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
justify-content: center;
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
background-color: #000000;
|
|
42
42
|
}
|
|
43
43
|
`}
|
|
44
|
-
`,P=(0,W.forwardRef)(({as:o,asChild:t,children:
|
|
44
|
+
`,P=(0,W.forwardRef)(({as:o,asChild:t,children:r="Continue with Apple",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},p)=>(0,R.jsx)(Wo,{as:o,ref:p,asChild:t,icon:(0,R.jsx)(j.FaApple,{size:s}),showIcon:n,disabled:e,$disabled:e,iconPosition:i,className:(0,Q.default)(a,`_necto:${oo}`),...l,children:r}));P.displayName=oo;var to=f(require("clsx"),1),eo=require("react"),ro=f(require("@emotion/styled"),1);var no=require("react-icons/fa"),k=require("react/jsx-runtime"),io="AtlassianButton",Yo=(0,ro.default)(c)`
|
|
45
45
|
display: inline-flex;
|
|
46
46
|
align-items: center;
|
|
47
47
|
justify-content: center;
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
background-color: #0052cc;
|
|
85
85
|
}
|
|
86
86
|
`}
|
|
87
|
-
`,T=(0,eo.forwardRef)(({as:o,asChild:t,children:
|
|
87
|
+
`,T=(0,eo.forwardRef)(({as:o,asChild:t,children:r="Continue with Atlassian",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},p)=>(0,k.jsx)(Yo,{as:o,ref:p,asChild:t,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,k.jsx)(no.FaAtlassian,{size:s}),className:(0,to.default)(a,`_necto:${io}`),...l,children:r}));T.displayName=io;var ao=f(require("clsx"),1),po=require("react"),lo=f(require("@emotion/styled"),1);var m=require("react/jsx-runtime"),so=({size:o})=>(0,m.jsxs)("svg",{width:o,height:o,viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,m.jsx)("title",{children:"Bitbucket"}),(0,m.jsx)("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)"}),(0,m.jsx)("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}}),(0,m.jsx)("defs",{children:(0,m.jsxs)("linearGradient",{id:"paint0_linear_5907_10188",x1:"60.8078",y1:"35.1603",x2:"37.2868",y2:"51.0791",gradientUnits:"userSpaceOnUse",children:[(0,m.jsx)("stop",{offset:"0.0718327","stop-color":"white","stop-opacity":"0.4",style:{stopColor:"white",stopOpacity:.4}}),(0,m.jsx)("stop",{offset:"1","stop-color":"white",style:{stopColor:"white",stopOpacity:1}})]})})]});var v=require("react/jsx-runtime"),co="BitbucketButton",jo=(0,lo.default)(c)`
|
|
88
88
|
display: inline-flex;
|
|
89
89
|
align-items: center;
|
|
90
90
|
justify-content: center;
|
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
background-color: #0052cc;
|
|
128
128
|
}
|
|
129
129
|
`}
|
|
130
|
-
`,
|
|
130
|
+
`,F=(0,po.forwardRef)(({as:o,asChild:t,children:r="Continue with Bitbucket",iconPosition:i="left",showIcon:n=!0,iconSize:s=22,disabled:e,className:a,...l},p)=>(0,v.jsx)(jo,{as:o,ref:p,asChild:t,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,v.jsx)(so,{size:s}),className:(0,ao.default)(a,`_necto:${co}`),...l,children:r}));F.displayName=co;var fo=f(require("clsx"),1),mo=require("react"),uo=f(require("@emotion/styled"),1);var bo=require("react-icons/fa"),A=require("react/jsx-runtime"),yo="DiscordButton",ot=(0,uo.default)(c)`
|
|
131
131
|
display: inline-flex;
|
|
132
132
|
align-items: center;
|
|
133
133
|
justify-content: center;
|
|
@@ -170,7 +170,7 @@
|
|
|
170
170
|
background-color: #5865f2;
|
|
171
171
|
}
|
|
172
172
|
`}
|
|
173
|
-
`,
|
|
173
|
+
`,L=(0,mo.forwardRef)(({as:o,asChild:t,children:r="Continue with Discord",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},p)=>(0,A.jsx)(ot,{as:o,ref:p,asChild:t,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,A.jsx)(bo.FaDiscord,{size:s}),className:(0,fo.default)(a,`_necto:${yo}`),...l,children:r}));L.displayName=yo;var xo=f(require("clsx"),1),Bo=require("react"),go=f(require("@emotion/styled"),1);var Eo=require("react-icons/fa"),C=require("react/jsx-runtime"),ho="DropboxButton",tt=(0,go.default)(c)`
|
|
174
174
|
display: inline-flex;
|
|
175
175
|
align-items: center;
|
|
176
176
|
justify-content: center;
|
|
@@ -213,7 +213,7 @@
|
|
|
213
213
|
background-color: #0061ff;
|
|
214
214
|
}
|
|
215
215
|
`}
|
|
216
|
-
`,H=(0,Bo.forwardRef)(({as:o,asChild:t,children:
|
|
216
|
+
`,H=(0,Bo.forwardRef)(({as:o,asChild:t,children:r="Continue with Dropbox",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},p)=>(0,C.jsx)(tt,{as:o,ref:p,asChild:t,icon:(0,C.jsx)(Eo.FaDropbox,{size:s}),showIcon:n,disabled:e,$disabled:e,iconPosition:i,className:(0,xo.default)(a,`_necto:${ho}`),...l,children:r}));H.displayName=ho;var wo=f(require("clsx"),1),Ro=require("react"),Po=f(require("@emotion/styled"),1);var ko=require("react-icons/fa6"),G=require("react/jsx-runtime"),To="FacebookButton",et=(0,Po.default)(c)`
|
|
217
217
|
display: inline-flex;
|
|
218
218
|
align-items: center;
|
|
219
219
|
justify-content: center;
|
|
@@ -256,7 +256,7 @@
|
|
|
256
256
|
background-color: #1877f2;
|
|
257
257
|
}
|
|
258
258
|
`}
|
|
259
|
-
`,M=(0,Ro.forwardRef)(({as:o,asChild:t,children:
|
|
259
|
+
`,M=(0,Ro.forwardRef)(({as:o,asChild:t,children:r="Continue with Facebook",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},p)=>(0,G.jsx)(et,{as:o,ref:p,asChild:t,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,G.jsx)(ko.FaFacebook,{size:s}),className:(0,wo.default)(a,`_necto:${To}`),...l,children:r}));M.displayName=To;var vo=f(require("clsx"),1),Fo=require("react"),Ao=f(require("@emotion/styled"),1);var Lo=require("react-icons/fa"),N=require("react/jsx-runtime"),Co="GitHubButton",rt=(0,Ao.default)(c)`
|
|
260
260
|
display: inline-flex;
|
|
261
261
|
align-items: center;
|
|
262
262
|
justify-content: center;
|
|
@@ -299,7 +299,7 @@
|
|
|
299
299
|
background-color: #24292f;
|
|
300
300
|
}
|
|
301
301
|
`}
|
|
302
|
-
|
|
302
|
+
`,$=(0,Fo.forwardRef)(({as:o,asChild:t,children:r="Continue with GitHub",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},p)=>(0,N.jsx)(rt,{as:o,ref:p,asChild:t,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,N.jsx)(Lo.FaGithub,{size:s}),className:(0,vo.default)(a,`_necto:${Co}`),...l,children:r}));$.displayName=Co;var Ho=f(require("clsx"),1),Go=require("react"),Mo=f(require("@emotion/styled"),1);var No=require("react-icons/fa6"),D=require("react/jsx-runtime"),$o="GitLabButton",nt=(0,Mo.default)(c)`
|
|
303
303
|
display: inline-flex;
|
|
304
304
|
align-items: center;
|
|
305
305
|
justify-content: center;
|
|
@@ -342,7 +342,7 @@
|
|
|
342
342
|
background-color: #fc6d26;
|
|
343
343
|
}
|
|
344
344
|
`}
|
|
345
|
-
`,
|
|
345
|
+
`,_=(0,Go.forwardRef)(({as:o,asChild:t,children:r="Continue with GitLab",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},p)=>(0,D.jsx)(nt,{as:o,ref:p,asChild:t,showIcon:n,disabled:e,$disabled:e,iconPosition:i,icon:(0,D.jsx)(No.FaGitlab,{size:s}),className:(0,Ho.default)(a,`_necto:${$o}`),...l,children:r}));_.displayName=$o;var Do=require("react"),_o=f(require("@emotion/styled"),1);var Oo=require("react-icons/fc"),O=require("react/jsx-runtime"),it="GoogleButton",st=(0,_o.default)(c)`
|
|
346
346
|
display: inline-flex;
|
|
347
347
|
align-items: center;
|
|
348
348
|
justify-content: center;
|
|
@@ -385,5 +385,5 @@
|
|
|
385
385
|
background-color: #ffffff;
|
|
386
386
|
}
|
|
387
387
|
`}
|
|
388
|
-
`,
|
|
388
|
+
`,I=(0,Do.forwardRef)(({as:o,asChild:t,children:r="Continue with Google",iconPosition:i="left",showIcon:n=!0,iconSize:s=20,disabled:e,className:a,...l},p)=>(0,O.jsx)(st,{as:o,ref:p,asChild:t,showIcon:n,disabled:e,$disabled:e,className:a,iconPosition:i,icon:(0,O.jsx)(Oo.FcGoogle,{size:s}),...l,children:r}));I.displayName=it;0&&(module.exports={AppleButton,AtlassianButton,BitbucketButton,DiscordButton,DropboxButton,Else,FacebookButton,GitHubButton,GitLabButton,GoogleButton,If,Primitive});
|
|
389
389
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","../src/Primitive/Primitive.tsx","../src/Conditionals/Else/Else.tsx","../src/Conditionals/If/If.tsx","../src/SocialButtons/Apple/Apple.tsx","../src/SocialButtons/Button/Button.tsx","../src/SocialButtons/Atlassian/Atlassian.tsx","../src/SocialButtons/Bitbucket/Bitbucket.tsx","../src/SocialButtons/Bitbucket/Bitbucket.icon.tsx","../src/SocialButtons/Discord/Discord.tsx","../src/SocialButtons/Dropbox/Dropbox.tsx","../src/SocialButtons/Facebook/Facebook.tsx","../src/SocialButtons/GitHub/GitHub.tsx","../src/SocialButtons/GitLab/GitLab.tsx","../src/SocialButtons/Google/Google.tsx"],"sourcesContent":["/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nexport * from './Primitive';\nexport * from './Conditionals';\nexport * from './SocialButtons';\n","// biome-ignore-all assist/source/organizeImports: No import sorting needed.\n// biome-ignore-all lint/suspicious/noExplicitAny: No need to enforce any rule here.\n\n/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { DOM } from '@necto/constants';\nimport { HTMLElements } from '@necto/dom';\nimport { forwardRef, isValidElement, cloneElement, Children } from 'react';\n\nimport type { ElementType, Ref, ReactElement, FC } from 'react';\nimport type { PrimitiveProps, Primitives } from './Primitive.types';\n\nconst DEFAULT_PRIMITIVE_TAG: keyof HTMLElementTagNameMap = HTMLElements.Div;\n\n/**\n /**\n * @internal\n * Internal render function for the Primitive component. Handles polymorphic rendering, child cloning, and ref forwarding.\n * Not for public use; use the exported Primitive component instead.\n *\n * @param {PrimitiveProps<any>} props - Props for the Primitive component.\n * @param {Ref<any>} ref - Forwarded ref for the rendered element or cloned child.\n * @returns {ReactElement | null} The rendered element, or null when cloning fails.\n */\nconst PrimitiveFn = <E extends ElementType = (typeof HTMLElements)['Div']>(\n { as, asChild, children, ...props }: PrimitiveProps<E>,\n ref: Ref<any>\n): ReactElement | null => {\n const Tag = (as ?? DEFAULT_PRIMITIVE_TAG) as ElementType;\n\n if (asChild) {\n const child: Element = Children.only(children);\n if (!isValidElement(child)) return null;\n\n return cloneElement(child as ReactElement<any>, {\n ...props,\n ref: (child as any).ref ?? ref\n });\n }\n\n return (\n <Tag ref={ref} {...(props as any)}>\n {children}\n </Tag>\n );\n};\n\n/**\n * The public Primitive component for Necto.\n *\n * @param {PrimitiveProps<any>} props - Props for the polymorphic Primitive component.\n * @param {Ref<any>} ref - Forwarded ref for the rendered element or cloned child.\n * @returns {ReactElement | null} The rendered element or null.\n */\nexport const Primitive: (<E extends ElementType = (typeof HTMLElements)['Div']>(\n props: PrimitiveProps<E> & { ref?: Ref<any> }\n) => ReactElement | null) &\n FC<PrimitiveProps<ElementType>> &\n Primitives & { [k: string]: any } = Object.assign(\n forwardRef(PrimitiveFn),\n DOM.HTML_TAGS.reduce(\n (acc, tag) => {\n const lower: string = tag;\n const upper: string = tag[0].toUpperCase() + tag.slice(1);\n\n const Comp = forwardRef<any, any>((props, ref) =>\n PrimitiveFn({ ...(props as any), as: tag } as PrimitiveProps<any>, ref)\n );\n\n acc[lower] = Comp;\n acc[upper] = Comp;\n\n return acc;\n },\n {} as Record<string, any>\n )\n) as (<E extends ElementType = (typeof HTMLElements)['Div']>(\n props: PrimitiveProps<E> & { ref?: Ref<any> }\n) => ReactElement | null) &\n Primitives & { [k: string]: any };\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Fragment } from 'react';\n\nimport type { ElseProps } from './Else.types';\nimport type { ReactElement } from 'react';\n\nexport const Else = (props: ElseProps): ReactElement => {\n const { children } = props;\n\n return (\n <Fragment>\n {typeof children === 'function' ? children() : children}\n </Fragment>\n );\n};\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Else } from '../Else';\nimport { Fragment, Children } from 'react';\n\nimport type { IfProps } from './If.types';\nimport type { ReactElement } from 'react';\n\nexport const If = (props: IfProps): ReactElement | null => {\n const { condition, keepAlive, children } = props;\n\n if (!children) {\n return null;\n }\n\n const conditionResult: boolean = Boolean(\n typeof condition === 'function' ? condition() : condition\n );\n\n return (\n <Fragment>\n {(Children.toArray(children) as ReactElement[]).find(\n (c) => (c.type !== Else) !== !conditionResult\n ) || null}\n </Fragment>\n );\n};\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { FaApple } from 'react-icons/fa';\nimport { Button } from '../Button/Button';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { AppleButtonProps } from './Apple.types';\nimport type { IStyledComponent } from 'styled-components';\n\nconst APPLE_BUTTON_NAME: string = 'AppleButton' as const;\n\nconst StyledAppleButton: IStyledComponent<'web', any> = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #000000;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 400;\n font-family: 'Roboto', system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #1a1a1a;\n }\n\n &:active {\n background-color: #333333;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #000000;\n }\n `}\n`;\n\nexport const AppleButton: ForwardRefExoticComponent<Omit<AppleButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n AppleButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Apple',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: AppleButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledAppleButton\n as={as}\n ref={ref}\n asChild={asChild}\n icon={<FaApple size={iconSize} />}\n showIcon={showIcon}\n iconSize={iconSize}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n className={cn(className, `_necto:${APPLE_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledAppleButton>\n )\n);\n\nAppleButton.displayName = APPLE_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { HTMLElements } from '@necto/dom';\nimport { If } from '../../Conditionals/If';\nimport { forwardRef, Fragment } from 'react';\nimport { Primitive } from '../../Primitive/Primitive';\n\nimport type { FC, ReactElement } from 'react';\nimport type { ButtonProps } from './Button.types';\nimport type {\n ElementType,\n KeyboardEvent,\n ForwardedRef,\n ReactNode\n} from 'react';\n\nconst DEFAULT_BUTTON_TAG: keyof HTMLElementTagNameMap = HTMLElements.Button;\n\nexport const Button: FC<ButtonProps> = forwardRef(function SocialButton<\n T extends ElementType = typeof DEFAULT_BUTTON_TAG\n>(\n {\n as = DEFAULT_BUTTON_TAG as T,\n asChild = false,\n children,\n icon,\n showIcon = true,\n iconPosition = 'left',\n disabled,\n className,\n ...props\n }: ButtonProps<T>,\n ref: ForwardedRef<Element>\n): ReactElement {\n const isNativeButton: boolean =\n ((as as unknown as string)?.toLowerCase?.() ?? '') === 'button';\n\n const a11yProps = !isNativeButton\n ? {\n role: 'button' as const,\n tabIndex: disabled ? -1 : 0,\n 'aria-disabled': !!disabled,\n onKeyDown: (e: KeyboardEvent): void => {\n if (disabled) return;\n if (e.key === 'Enter' || e.key === ' ') {\n (props as any).onClick?.(e as any);\n e.preventDefault();\n }\n }\n }\n : { disabled };\n\n const iconNode: ReactNode = icon ? (\n <span\n className=\"_necto:brand-icon\"\n style={{ flexShrink: 0, lineHeight: 0, display: 'inline-flex' }}\n >\n {icon}\n </span>\n ) : null;\n\n return (\n <Primitive\n as={as}\n ref={ref as any}\n asChild={asChild}\n className={className}\n {...a11yProps}\n {...props}\n >\n <Fragment>\n <If condition={!!iconNode && showIcon && iconPosition === 'left'}>\n {iconNode}\n </If>\n\n {children}\n\n <If condition={!!iconNode && showIcon && iconPosition === 'right'}>\n {iconNode}\n </If>\n </Fragment>\n </Primitive>\n );\n});\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '../Button/Button';\nimport { FaAtlassian } from 'react-icons/fa';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { AtlassianButtonProps } from './Atlassian.types';\nimport type { IStyledComponent } from 'styled-components';\n\nconst ATLASSIAN_BUTTON_NAME: string = 'AtlassianButton' as const;\n\nconst StyledAtlassianButton: IStyledComponent<'web', any> = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #0052cc;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s;\n\n &:hover {\n background-color: #0747a6;\n }\n\n &:active {\n background-color: #003d99;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 82, 204, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #0052cc;\n }\n `}\n`;\n\nexport const AtlassianButton: ForwardRefExoticComponent<Omit<AtlassianButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n AtlassianButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Atlassian',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: AtlassianButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledAtlassianButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n iconSize={iconSize}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<FaAtlassian size={iconSize} />}\n className={cn(className, `_necto:${ATLASSIAN_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledAtlassianButton>\n )\n);\n\nAtlassianButton.displayName = ATLASSIAN_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '../Button/Button';\nimport { BitbucketIcon } from './Bitbucket.icon';\n\nimport type { IStyledComponent } from 'styled-components';\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { BitbucketButtonProps } from './Bitbucket.types';\n\nconst BITBUCKET_BUTTON_NAME: string = 'BitbucketButton' as const;\n\nconst StyledBitbucketButton: IStyledComponent<'web', any> = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #0052cc;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s;\n\n &:hover {\n background-color: #0747a6;\n }\n\n &:active {\n background-color: #003d99;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 82, 204, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #0052cc;\n }\n `}\n`;\n\nexport const BitbucketButton: ForwardRefExoticComponent<Omit<BitbucketButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n BitbucketButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Bitbucket',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 22,\n disabled,\n className,\n ...props\n }: BitbucketButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledBitbucketButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n iconSize={iconSize}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<BitbucketIcon size={iconSize} />}\n className={cn(className, `_necto:${BITBUCKET_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledBitbucketButton>\n )\n);\n\nBitbucketButton.displayName = BITBUCKET_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { FC, ReactElement } from 'react';\n\nexport const BitbucketIcon: FC<{ size?: number }> = ({\n size\n}: {\n size?: number;\n}): ReactElement => (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 72 72\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>Bitbucket</title>\n <path\n 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\"\n fill=\"url(#paint0_linear_5907_10188)\"\n />\n <path\n 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\"\n fill=\"white\"\n style={{ fill: 'white', fillOpacity: 1 }}\n />\n <defs>\n <linearGradient\n id=\"paint0_linear_5907_10188\"\n x1=\"60.8078\"\n y1=\"35.1603\"\n x2=\"37.2868\"\n y2=\"51.0791\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop\n offset=\"0.0718327\"\n stop-color=\"white\"\n stop-opacity=\"0.4\"\n style={{ stopColor: 'white', stopOpacity: 0.4 }}\n />\n <stop\n offset=\"1\"\n stop-color=\"white\"\n style={{ stopColor: 'white', stopOpacity: 1 }}\n />\n </linearGradient>\n </defs>\n </svg>\n);\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '../Button/Button';\nimport { FaDiscord } from 'react-icons/fa';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { DiscordButtonProps } from './Discord.types';\nimport type { IStyledComponent } from 'styled-components';\n\nconst DISCORD_BUTTON_NAME: string = 'DiscordButton' as const;\n\nconst StyledDiscordButton: IStyledComponent<'web', any> = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #5865f2;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: 'Roboto', system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #4752d9;\n }\n\n &:active {\n background-color: #3c45c0;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #5865f2;\n }\n `}\n`;\n\nexport const DiscordButton: ForwardRefExoticComponent<Omit<DiscordButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n DiscordButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Discord',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: DiscordButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledDiscordButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n iconSize={iconSize}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<FaDiscord size={iconSize} />}\n className={cn(className, `_necto:${DISCORD_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledDiscordButton>\n )\n);\n\nDiscordButton.displayName = DISCORD_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '../Button/Button';\nimport { FaDropbox } from 'react-icons/fa';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { DropboxButtonProps } from './Dropbox.types';\nimport type { IStyledComponent } from 'styled-components';\n\nconst DROPBOX_BUTTON_NAME: string = 'DropboxButton' as const;\n\nconst StyledDropboxButton: IStyledComponent<'web', any> = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #0061ff;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: 'Roboto', system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #0056e0;\n }\n\n &:active {\n background-color: #004bc5;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 97, 255, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #0061ff;\n }\n `}\n`;\n\nexport const DropboxButton: ForwardRefExoticComponent<Omit<DropboxButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n DropboxButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Dropbox',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: DropboxButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledDropboxButton\n as={as}\n ref={ref}\n asChild={asChild}\n icon={<FaDropbox size={iconSize} />}\n showIcon={showIcon}\n iconSize={iconSize}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n className={cn(className, `_necto:${DROPBOX_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledDropboxButton>\n )\n);\n\nDropboxButton.displayName = DROPBOX_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '../Button/Button';\nimport { FaFacebook } from 'react-icons/fa6';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { FacebookButtonProps } from './Facebook.types';\nimport type { IStyledComponent } from 'styled-components';\n\nconst FACEBOOK_BUTTON_NAME: string = 'FacebookButton' as const;\n\nconst StyledFacebookButton: IStyledComponent<'web', any> = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #1877f2;\n color: #ffffff;\n border: 1px solid #1877f2;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #166fe5;\n }\n\n &:active {\n background-color: #1467d6;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #1877f2;\n }\n `}\n`;\n\nexport const FacebookButton: ForwardRefExoticComponent<Omit<FacebookButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n FacebookButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Facebook',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: FacebookButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledFacebookButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n iconSize={iconSize}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<FaFacebook size={iconSize} />}\n className={cn(className, `_necto:${FACEBOOK_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledFacebookButton>\n )\n);\n\nFacebookButton.displayName = FACEBOOK_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '../Button/Button';\nimport { FaGithub } from 'react-icons/fa';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { GitHubButtonProps } from './GitHub.types';\nimport type { IStyledComponent } from 'styled-components';\n\nconst GITHUB_BUTTON_NAME: string = 'GitHubButton' as const;\n\nconst StyledGitHubButton: IStyledComponent<'web', any> = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #24292f;\n color: #ffffff;\n border: 1px solid #24292f;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #2c3237;\n }\n\n &:active {\n background-color: #373e47;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(36, 41, 47, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #24292f;\n }\n `}\n`;\n\nexport const GitHubButton: ForwardRefExoticComponent<Omit<GitHubButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n GitHubButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with GitHub',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: GitHubButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledGitHubButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n iconSize={iconSize}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<FaGithub size={iconSize} />}\n className={cn(className, `_necto:${GITHUB_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledGitHubButton>\n )\n);\n\nGitHubButton.displayName = GITHUB_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '../Button/Button';\nimport { FaGitlab } from 'react-icons/fa6';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { GitLabButtonProps } from './GitLab.types';\nimport type { IStyledComponent } from 'styled-components';\n\nconst GITLAB_BUTTON_NAME: string = 'GitLabButton' as const;\n\nconst StyledGitLabButton: IStyledComponent<'web', any> = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #fc6d26;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s;\n\n &:hover {\n background-color: #e24329;\n }\n\n &:active {\n background-color: #c73b1c;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(252, 109, 38, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #fc6d26;\n }\n `}\n`;\n\nexport const GitLabButton: ForwardRefExoticComponent<Omit<GitLabButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n GitLabButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with GitLab',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: GitLabButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledGitLabButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n iconSize={iconSize}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<FaGitlab size={iconSize} />}\n className={cn(className, `_necto:${GITLAB_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledGitLabButton>\n )\n);\n\nGitLabButton.displayName = GITLAB_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '../Button/Button';\nimport { FcGoogle } from 'react-icons/fc';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { GoogleButtonProps } from './Google.types';\nimport type { IStyledComponent } from 'styled-components';\n\nconst GOOGLE_BUTTON_NAME = 'GoogleButton';\n\nconst StyledGoogleButton: IStyledComponent<'web', any> = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 12px 0 12px;\n min-height: 40px;\n background-color: #ffffff;\n color: #1f1f1f;\n border: 1px solid #747775;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: 'Roboto Medium', system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #f8f9fa;\n }\n\n &:active {\n background-color: #eceff1;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #ffffff;\n }\n `}\n`;\n\nexport const GoogleButton: ForwardRefExoticComponent<Omit<GoogleButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n GoogleButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Google',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: GoogleButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledGoogleButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n disabled={disabled}\n $disabled={disabled}\n className={className}\n iconPosition={iconPosition}\n icon={<FcGoogle size={iconSize} />}\n {...props}\n >\n {children}\n </StyledGoogleButton>\n )\n);\n\nGoogleButton.displayName = GOOGLE_BUTTON_NAME;\n"],"mappings":"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","names":["index_exports","__export","AppleButton","AtlassianButton","BitbucketButton","DiscordButton","DropboxButton","Else","FacebookButton","GitHubButton","GitLabButton","GoogleButton","If","Primitive","__toCommonJS","import_constants","import_dom","import_react","import_jsx_runtime","DEFAULT_PRIMITIVE_TAG","PrimitiveFn","as","asChild","children","props","ref","Tag","child","Primitive","acc","tag","lower","upper","Comp","import_react","import_jsx_runtime","Else","props","children","import_react","import_jsx_runtime","If","props","condition","keepAlive","children","conditionResult","c","Else","import_clsx","import_react","import_styled_components","import_fa","import_dom","import_react","import_jsx_runtime","DEFAULT_BUTTON_TAG","Button","as","asChild","children","icon","showIcon","iconPosition","disabled","className","props","ref","a11yProps","e","iconNode","Primitive","If","import_jsx_runtime","APPLE_BUTTON_NAME","StyledAppleButton","styled","Button","props","AppleButton","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","import_clsx","import_react","import_styled_components","import_fa","import_jsx_runtime","ATLASSIAN_BUTTON_NAME","StyledAtlassianButton","styled","Button","props","AtlassianButton","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","import_clsx","import_react","import_styled_components","import_jsx_runtime","BitbucketIcon","size","import_jsx_runtime","BITBUCKET_BUTTON_NAME","StyledBitbucketButton","styled","Button","props","BitbucketButton","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","BitbucketIcon","cn","import_clsx","import_react","import_styled_components","import_fa","import_jsx_runtime","DISCORD_BUTTON_NAME","StyledDiscordButton","styled","Button","props","DiscordButton","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","import_clsx","import_react","import_styled_components","import_fa","import_jsx_runtime","DROPBOX_BUTTON_NAME","StyledDropboxButton","styled","Button","props","DropboxButton","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","import_clsx","import_react","import_styled_components","import_fa6","import_jsx_runtime","FACEBOOK_BUTTON_NAME","StyledFacebookButton","styled","Button","props","FacebookButton","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","import_clsx","import_react","import_styled_components","import_fa","import_jsx_runtime","GITHUB_BUTTON_NAME","StyledGitHubButton","styled","Button","props","GitHubButton","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","import_clsx","import_react","import_styled_components","import_fa6","import_jsx_runtime","GITLAB_BUTTON_NAME","StyledGitLabButton","styled","Button","props","GitLabButton","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","import_react","import_styled_components","import_fc","import_jsx_runtime","GOOGLE_BUTTON_NAME","StyledGoogleButton","styled","Button","props","GoogleButton","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref"]}
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../src/Primitive/Primitive.tsx","../src/Conditionals/Else/Else.tsx","../src/Conditionals/If/If.tsx","../src/SocialButtons/Apple/Apple.tsx","../src/SocialButtons/Button/Button.tsx","../src/SocialButtons/Atlassian/Atlassian.tsx","../src/SocialButtons/Bitbucket/Bitbucket.tsx","../src/SocialButtons/Bitbucket/Bitbucket.icon.tsx","../src/SocialButtons/Discord/Discord.tsx","../src/SocialButtons/Dropbox/Dropbox.tsx","../src/SocialButtons/Facebook/Facebook.tsx","../src/SocialButtons/GitHub/GitHub.tsx","../src/SocialButtons/GitLab/GitLab.tsx","../src/SocialButtons/Google/Google.tsx"],"sourcesContent":["/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nexport * from './Primitive';\nexport * from './Conditionals';\nexport * from './SocialButtons';\n","// biome-ignore-all assist/source/organizeImports: No import sorting needed.\n// biome-ignore-all lint/suspicious/noExplicitAny: No need to enforce any rule here.\n\n/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { DOM } from '@necto/constants';\nimport { HTMLElements } from '@necto/dom';\nimport { forwardRef, isValidElement, cloneElement, Children } from 'react';\n\nimport type { ElementType, Ref, ReactElement, FC } from 'react';\nimport type { PrimitiveProps, Primitives } from './Primitive.types';\n\nconst DEFAULT_PRIMITIVE_TAG: keyof HTMLElementTagNameMap = HTMLElements.Div;\n\n/**\n /**\n * @internal\n * Internal render function for the Primitive component. Handles polymorphic rendering, child cloning, and ref forwarding.\n * Not for public use; use the exported Primitive component instead.\n *\n * @param {PrimitiveProps<any>} props - Props for the Primitive component.\n * @param {Ref<any>} ref - Forwarded ref for the rendered element or cloned child.\n * @returns {ReactElement | null} The rendered element, or null when cloning fails.\n */\nconst PrimitiveFn = <E extends ElementType = (typeof HTMLElements)['Div']>(\n { as, asChild, children, ...props }: PrimitiveProps<E>,\n ref: Ref<any>\n): ReactElement | null => {\n const Tag = (as ?? DEFAULT_PRIMITIVE_TAG) as ElementType;\n\n if (asChild) {\n const child: Element = Children.only(children);\n if (!isValidElement(child)) return null;\n\n return cloneElement(child as ReactElement<any>, {\n ...props,\n ref: (child as any).ref ?? ref\n });\n }\n\n return (\n <Tag ref={ref} {...(props as any)}>\n {children}\n </Tag>\n );\n};\n\n/**\n * The public Primitive component for Necto.\n *\n * @param {PrimitiveProps<any>} props - Props for the polymorphic Primitive component.\n * @param {Ref<any>} ref - Forwarded ref for the rendered element or cloned child.\n * @returns {ReactElement | null} The rendered element or null.\n */\nexport const Primitive: (<E extends ElementType = (typeof HTMLElements)['Div']>(\n props: PrimitiveProps<E> & { ref?: Ref<any> }\n) => ReactElement | null) &\n FC<PrimitiveProps<ElementType>> &\n Primitives & { [k: string]: any } = Object.assign(\n forwardRef(PrimitiveFn),\n DOM.HTML_TAGS.reduce(\n (acc, tag) => {\n const lower: string = tag;\n const upper: string = tag[0].toUpperCase() + tag.slice(1);\n\n const Comp = forwardRef<any, any>((props, ref) =>\n PrimitiveFn({ ...(props as any), as: tag } as PrimitiveProps<any>, ref)\n );\n\n acc[lower] = Comp;\n acc[upper] = Comp;\n\n return acc;\n },\n {} as Record<string, any>\n )\n) as (<E extends ElementType = (typeof HTMLElements)['Div']>(\n props: PrimitiveProps<E> & { ref?: Ref<any> }\n) => ReactElement | null) &\n Primitives & { [k: string]: any };\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Fragment } from 'react';\n\nimport type { ElseProps } from './Else.types';\nimport type { ReactElement } from 'react';\n\nexport const Else = (props: ElseProps): ReactElement => {\n const { children } = props;\n\n return (\n <Fragment>\n {typeof children === 'function' ? children() : children}\n </Fragment>\n );\n};\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Else } from '../Else';\nimport { Fragment, Children } from 'react';\n\nimport type { IfProps } from './If.types';\nimport type { ReactElement } from 'react';\n\nexport const If = (props: IfProps): ReactElement | null => {\n const { condition, keepAlive, children } = props;\n\n if (!children) {\n return null;\n }\n\n const conditionResult: boolean = Boolean(\n typeof condition === 'function' ? condition() : condition\n );\n\n return (\n <Fragment>\n {(Children.toArray(children) as ReactElement[]).find(\n (c) => (c.type !== Else) !== !conditionResult\n ) || null}\n </Fragment>\n );\n};\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { FaApple } from 'react-icons/fa';\nimport { Button } from '../Button/Button';\n\nimport type { AppleButtonProps } from './Apple.types';\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\n\nconst APPLE_BUTTON_NAME: string = 'AppleButton' as const;\n\nconst StyledAppleButton = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #000000;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 400;\n font-family: 'Roboto', system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #1a1a1a;\n }\n\n &:active {\n background-color: #333333;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #000000;\n }\n `}\n`;\n\nexport const AppleButton: ForwardRefExoticComponent<Omit<AppleButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n AppleButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Apple',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: AppleButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledAppleButton\n as={as}\n ref={ref}\n asChild={asChild}\n icon={<FaApple size={iconSize} />}\n showIcon={showIcon}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n className={cn(className, `_necto:${APPLE_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledAppleButton>\n )\n);\n\nAppleButton.displayName = APPLE_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { HTMLElements } from '@necto/dom';\nimport { If } from '../../Conditionals/If';\nimport { forwardRef, Fragment } from 'react';\nimport { Primitive } from '../../Primitive/Primitive';\n\nimport type { FC, ReactElement } from 'react';\nimport type { ButtonProps } from './Button.types';\nimport type {\n ElementType,\n KeyboardEvent,\n ForwardedRef,\n ReactNode\n} from 'react';\n\nconst DEFAULT_BUTTON_TAG: keyof HTMLElementTagNameMap = HTMLElements.Button;\n\nexport const Button: FC<ButtonProps> = forwardRef(function SocialButton<\n T extends ElementType = typeof DEFAULT_BUTTON_TAG\n>(\n {\n as = DEFAULT_BUTTON_TAG as T,\n asChild = false,\n children,\n icon,\n showIcon = true,\n iconPosition = 'left',\n disabled,\n className,\n ...props\n }: ButtonProps<T>,\n ref: ForwardedRef<Element>\n): ReactElement {\n const isNativeButton: boolean =\n ((as as unknown as string)?.toLowerCase?.() ?? '') === 'button';\n\n const a11yProps = !isNativeButton\n ? {\n role: 'button' as const,\n tabIndex: disabled ? -1 : 0,\n 'aria-disabled': !!disabled,\n onKeyDown: (e: KeyboardEvent): void => {\n if (disabled) return;\n if (e.key === 'Enter' || e.key === ' ') {\n (props as any).onClick?.(e as any);\n e.preventDefault();\n }\n }\n }\n : { disabled };\n\n const iconNode: ReactNode = icon ? (\n <span\n className=\"_necto:brand-icon\"\n style={{ flexShrink: 0, lineHeight: 0, display: 'inline-flex' }}\n >\n {icon}\n </span>\n ) : null;\n\n return (\n <Primitive\n as={as}\n ref={ref as any}\n asChild={asChild}\n className={className}\n {...a11yProps}\n {...props}\n >\n <Fragment>\n <If condition={!!iconNode && showIcon && iconPosition === 'left'}>\n {iconNode}\n </If>\n\n {children}\n\n <If condition={!!iconNode && showIcon && iconPosition === 'right'}>\n {iconNode}\n </If>\n </Fragment>\n </Primitive>\n );\n});\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Button } from '../Button/Button';\nimport { FaAtlassian } from 'react-icons/fa';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { AtlassianButtonProps } from './Atlassian.types';\n\nconst ATLASSIAN_BUTTON_NAME: string = 'AtlassianButton' as const;\n\nconst StyledAtlassianButton = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #0052cc;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s;\n\n &:hover {\n background-color: #0747a6;\n }\n\n &:active {\n background-color: #003d99;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 82, 204, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #0052cc;\n }\n `}\n`;\n\nexport const AtlassianButton: ForwardRefExoticComponent<Omit<AtlassianButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n AtlassianButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Atlassian',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: AtlassianButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledAtlassianButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<FaAtlassian size={iconSize} />}\n className={cn(className, `_necto:${ATLASSIAN_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledAtlassianButton>\n )\n);\n\nAtlassianButton.displayName = ATLASSIAN_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Button } from '../Button/Button';\nimport { BitbucketIcon } from './Bitbucket.icon';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { BitbucketButtonProps } from './Bitbucket.types';\n\nconst BITBUCKET_BUTTON_NAME: string = 'BitbucketButton' as const;\n\nconst StyledBitbucketButton = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #0052cc;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s;\n\n &:hover {\n background-color: #0747a6;\n }\n\n &:active {\n background-color: #003d99;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 82, 204, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #0052cc;\n }\n `}\n`;\n\nexport const BitbucketButton: ForwardRefExoticComponent<Omit<BitbucketButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n BitbucketButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Bitbucket',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 22,\n disabled,\n className,\n ...props\n }: BitbucketButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledBitbucketButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<BitbucketIcon size={iconSize} />}\n className={cn(className, `_necto:${BITBUCKET_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledBitbucketButton>\n )\n);\n\nBitbucketButton.displayName = BITBUCKET_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { FC, ReactElement } from 'react';\n\nexport const BitbucketIcon: FC<{ size?: number }> = ({\n size\n}: {\n size?: number;\n}): ReactElement => (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 72 72\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>Bitbucket</title>\n <path\n 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\"\n fill=\"url(#paint0_linear_5907_10188)\"\n />\n <path\n 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\"\n fill=\"white\"\n style={{ fill: 'white', fillOpacity: 1 }}\n />\n <defs>\n <linearGradient\n id=\"paint0_linear_5907_10188\"\n x1=\"60.8078\"\n y1=\"35.1603\"\n x2=\"37.2868\"\n y2=\"51.0791\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop\n offset=\"0.0718327\"\n stop-color=\"white\"\n stop-opacity=\"0.4\"\n style={{ stopColor: 'white', stopOpacity: 0.4 }}\n />\n <stop\n offset=\"1\"\n stop-color=\"white\"\n style={{ stopColor: 'white', stopOpacity: 1 }}\n />\n </linearGradient>\n </defs>\n </svg>\n);\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Button } from '../Button/Button';\nimport { FaDiscord } from 'react-icons/fa';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { DiscordButtonProps } from './Discord.types';\n\nconst DISCORD_BUTTON_NAME: string = 'DiscordButton' as const;\n\nconst StyledDiscordButton = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #5865f2;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: 'Roboto', system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #4752d9;\n }\n\n &:active {\n background-color: #3c45c0;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #5865f2;\n }\n `}\n`;\n\nexport const DiscordButton: ForwardRefExoticComponent<Omit<DiscordButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n DiscordButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Discord',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: DiscordButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledDiscordButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<FaDiscord size={iconSize} />}\n className={cn(className, `_necto:${DISCORD_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledDiscordButton>\n )\n);\n\nDiscordButton.displayName = DISCORD_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Button } from '../Button/Button';\nimport { FaDropbox } from 'react-icons/fa';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { DropboxButtonProps } from './Dropbox.types';\n\nconst DROPBOX_BUTTON_NAME: string = 'DropboxButton' as const;\n\nconst StyledDropboxButton = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #0061ff;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: 'Roboto', system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #0056e0;\n }\n\n &:active {\n background-color: #004bc5;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 97, 255, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #0061ff;\n }\n `}\n`;\n\nexport const DropboxButton: ForwardRefExoticComponent<Omit<DropboxButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n DropboxButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Dropbox',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: DropboxButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledDropboxButton\n as={as}\n ref={ref}\n asChild={asChild}\n icon={<FaDropbox size={iconSize} />}\n showIcon={showIcon}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n className={cn(className, `_necto:${DROPBOX_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledDropboxButton>\n )\n);\n\nDropboxButton.displayName = DROPBOX_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Button } from '../Button/Button';\nimport { FaFacebook } from 'react-icons/fa6';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { FacebookButtonProps } from './Facebook.types';\n\nconst FACEBOOK_BUTTON_NAME: string = 'FacebookButton' as const;\n\nconst StyledFacebookButton = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #1877f2;\n color: #ffffff;\n border: 1px solid #1877f2;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #166fe5;\n }\n\n &:active {\n background-color: #1467d6;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #1877f2;\n }\n `}\n`;\n\nexport const FacebookButton: ForwardRefExoticComponent<Omit<FacebookButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n FacebookButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Facebook',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: FacebookButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledFacebookButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<FaFacebook size={iconSize} />}\n className={cn(className, `_necto:${FACEBOOK_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledFacebookButton>\n )\n);\n\nFacebookButton.displayName = FACEBOOK_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Button } from '../Button/Button';\nimport { FaGithub } from 'react-icons/fa';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { GitHubButtonProps } from './GitHub.types';\n\nconst GITHUB_BUTTON_NAME: string = 'GitHubButton' as const;\n\nconst StyledGitHubButton = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #24292f;\n color: #ffffff;\n border: 1px solid #24292f;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #2c3237;\n }\n\n &:active {\n background-color: #373e47;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(36, 41, 47, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #24292f;\n }\n `}\n`;\n\nexport const GitHubButton: ForwardRefExoticComponent<Omit<GitHubButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n GitHubButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with GitHub',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: GitHubButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledGitHubButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<FaGithub size={iconSize} />}\n className={cn(className, `_necto:${GITHUB_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledGitHubButton>\n )\n);\n\nGitHubButton.displayName = GITHUB_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Button } from '../Button/Button';\nimport { FaGitlab } from 'react-icons/fa6';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { GitLabButtonProps } from './GitLab.types';\n\nconst GITLAB_BUTTON_NAME: string = 'GitLabButton' as const;\n\nconst StyledGitLabButton = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #fc6d26;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s;\n\n &:hover {\n background-color: #e24329;\n }\n\n &:active {\n background-color: #c73b1c;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(252, 109, 38, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #fc6d26;\n }\n `}\n`;\n\nexport const GitLabButton: ForwardRefExoticComponent<Omit<GitLabButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n GitLabButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with GitLab',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: GitLabButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledGitLabButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<FaGitlab size={iconSize} />}\n className={cn(className, `_necto:${GITLAB_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledGitLabButton>\n )\n);\n\nGitLabButton.displayName = GITLAB_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Button } from '../Button/Button';\nimport { FcGoogle } from 'react-icons/fc';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { GoogleButtonProps } from './Google.types';\n\nconst GOOGLE_BUTTON_NAME = 'GoogleButton';\n\nconst StyledGoogleButton = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 12px 0 12px;\n min-height: 40px;\n background-color: #ffffff;\n color: #1f1f1f;\n border: 1px solid #747775;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: 'Roboto Medium', system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #f8f9fa;\n }\n\n &:active {\n background-color: #eceff1;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #ffffff;\n }\n `}\n`;\n\nexport const GoogleButton: ForwardRefExoticComponent<Omit<GoogleButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n GoogleButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Google',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: GoogleButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledGoogleButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n disabled={disabled}\n $disabled={disabled}\n className={className}\n iconPosition={iconPosition}\n icon={<FcGoogle size={iconSize} />}\n {...props}\n >\n {children}\n </StyledGoogleButton>\n )\n);\n\nGoogleButton.displayName = GOOGLE_BUTTON_NAME;\n"],"mappings":"skBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,iBAAAE,EAAA,oBAAAC,EAAA,oBAAAC,EAAA,kBAAAC,EAAA,kBAAAC,EAAA,SAAAC,EAAA,mBAAAC,EAAA,iBAAAC,EAAA,iBAAAC,EAAA,iBAAAC,EAAA,OAAAC,EAAA,cAAAC,IAAA,eAAAC,GAAAd,ICWA,IAAAe,EAAoB,4BACpBC,EAA6B,sBAC7BC,EAAmE,iBAkC/DC,EAAA,6BA7BEC,GAAqD,eAAa,IAYlEC,EAAc,CAClB,CAAE,GAAAC,EAAI,QAAAC,EAAS,SAAAC,EAAU,GAAGC,CAAM,EAClCC,IACwB,CACxB,IAAMC,EAAOL,GAAMF,GAEnB,GAAIG,EAAS,CACX,IAAMK,EAAiB,WAAS,KAAKJ,CAAQ,EAC7C,SAAK,kBAAeI,CAAK,KAElB,gBAAaA,EAA4B,CAC9C,GAAGH,EACH,IAAMG,EAAc,KAAOF,CAC7B,CAAC,EALkC,IAMrC,CAEA,SACE,OAACC,EAAA,CAAI,IAAKD,EAAM,GAAID,EACjB,SAAAD,EACH,CAEJ,EASaK,EAIyB,OAAO,UAC3C,cAAWR,CAAW,EACtB,MAAI,UAAU,OACZ,CAACS,EAAKC,IAAQ,CACZ,IAAMC,EAAgBD,EAChBE,EAAgBF,EAAI,CAAC,EAAE,YAAY,EAAIA,EAAI,MAAM,CAAC,EAElDG,KAAO,cAAqB,CAACT,EAAOC,IACxCL,EAAY,CAAE,GAAII,EAAe,GAAIM,CAAI,EAA0BL,CAAG,CACxE,EAEA,OAAAI,EAAIE,CAAK,EAAIE,EACbJ,EAAIG,CAAK,EAAIC,EAENJ,CACT,EACA,CAAC,CACH,CACF,EC1EA,IAAAK,EAAyB,iBASrBC,EAAA,6BAJSC,EAAQC,GAAmC,CACtD,GAAM,CAAE,SAAAC,CAAS,EAAID,EAErB,SACE,OAAC,YACE,gBAAOC,GAAa,WAAaA,EAAS,EAAIA,EACjD,CAEJ,ECZA,IAAAC,EAAmC,iBAiB/BC,EAAA,6BAZSC,EAAMC,GAAwC,CACzD,GAAM,CAAE,UAAAC,EAAW,UAAAC,EAAW,SAAAC,CAAS,EAAIH,EAE3C,GAAI,CAACG,EACH,OAAO,KAGT,IAAMC,EAA2B,GAC/B,OAAOH,GAAc,WAAaA,EAAU,EAAIA,GAGlD,SACE,OAAC,YACG,oBAAS,QAAQE,CAAQ,EAAqB,KAC7CE,GAAOA,EAAE,OAASC,GAAU,CAACF,CAChC,GAAK,KACP,CAEJ,ECxBA,IAAAG,EAAe,qBACfC,EAA2B,iBAC3BC,EAAmB,gCACnBC,EAAwB,0BCHxB,IAAAC,EAA6B,sBAE7B,IAAAC,EAAqC,iBAiDjC,IAAAC,EAAA,6BArCEC,GAAkD,eAAa,OAExDC,KAA0B,cAAW,SAGhD,CACE,GAAAC,EAAKF,GACL,QAAAG,EAAU,GACV,SAAAC,EACA,KAAAC,EACA,SAAAC,EAAW,GACX,aAAAC,EAAe,OACf,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EACAC,GACc,CAId,IAAMC,IAFFV,GAA0B,cAAc,GAAK,MAAQ,SAerD,CAAE,SAAAM,CAAS,EAZX,CACE,KAAM,SACN,SAAUA,EAAW,GAAK,EAC1B,gBAAiB,CAAC,CAACA,EACnB,UAAYK,GAA2B,CACjCL,IACAK,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OAChCH,EAAc,UAAUG,CAAQ,EACjCA,EAAE,eAAe,EAErB,CACF,EAGEC,EAAsBT,KAC1B,OAAC,QACC,UAAU,oBACV,MAAO,CAAE,WAAY,EAAG,WAAY,EAAG,QAAS,aAAc,EAE7D,SAAAA,EACH,EACE,KAEJ,SACE,OAACU,EAAA,CACC,GAAIb,EACJ,IAAKS,GACL,QAASR,EACT,UAAWM,EACV,GAAGG,GACH,GAAGF,EAEJ,oBAAC,YACC,oBAACM,EAAA,CAAG,UAAW,CAAC,CAACF,GAAYR,GAAYC,IAAiB,OACvD,SAAAO,EACH,EAECV,KAED,OAACY,EAAA,CAAG,UAAW,CAAC,CAACF,GAAYR,GAAYC,IAAiB,QACvD,SAAAO,EACH,GACF,EACF,CAEJ,CAAC,EDDW,IAAAG,EAAA,6BAvENC,GAA4B,cAE5BC,MAAoB,EAAAC,SAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAmCnCC,GAASA,EAAM,WAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS7B;AAAA,EAGUC,KAA2G,cAItH,CACE,CACE,GAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,sBACX,aAAAC,EAAe,OACf,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,SAAAC,EACA,UAAAC,EACA,GAAGT,CACL,EACAU,OAEA,OAACb,GAAA,CACC,GAAIK,EACJ,IAAKQ,EACL,QAASP,EACT,QAAM,OAAC,WAAQ,KAAMI,EAAU,EAC/B,SAAUD,EACV,SAAUE,EACV,UAAWA,EACX,aAAcH,EACd,aAAW,EAAAM,SAAGF,EAAW,UAAUb,EAAiB,EAAE,EACrD,GAAGI,EAEH,SAAAI,EACH,CAEJ,EAEAH,EAAY,YAAcL,GE7F1B,IAAAgB,GAAe,qBACfC,GAA2B,iBAC3BC,GAAmB,gCAEnB,IAAAC,GAA4B,0BAgFhBC,EAAA,6BA3ENC,GAAgC,kBAEhCC,MAAwB,GAAAC,SAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAmCvCC,GAASA,EAAM,WAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS7B;AAAA,EAGUC,KAAmH,eAI9H,CACE,CACE,GAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,0BACX,aAAAC,EAAe,OACf,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,SAAAC,EACA,UAAAC,EACA,GAAGT,CACL,EACAU,OAEA,OAACb,GAAA,CACC,GAAIK,EACJ,IAAKQ,EACL,QAASP,EACT,SAAUG,EACV,SAAUE,EACV,UAAWA,EACX,aAAcH,EACd,QAAM,OAAC,gBAAY,KAAME,EAAU,EACnC,aAAW,GAAAI,SAAGF,EAAW,UAAUb,EAAqB,EAAE,EACzD,GAAGI,EAEH,SAAAI,EACH,CAEJ,EAEAH,EAAgB,YAAcL,GC7F9B,IAAAgB,GAAe,qBACfC,GAA2B,iBAC3BC,GAAmB,gCCYf,IAAAC,EAAA,6BAZSC,GAAuC,CAAC,CACnD,KAAAC,CACF,OAGE,QAAC,OACC,MAAOA,EACP,OAAQA,EACR,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,oBAAC,SAAM,qBAAS,KAChB,OAAC,QACC,EAAE,0LACF,KAAK,iCACP,KACA,OAAC,QACC,EAAE,uRACF,KAAK,QACL,MAAO,CAAE,KAAM,QAAS,YAAa,CAAE,EACzC,KACA,OAAC,QACC,oBAAC,kBACC,GAAG,2BACH,GAAG,UACH,GAAG,UACH,GAAG,UACH,GAAG,UACH,cAAc,iBAEd,oBAAC,QACC,OAAO,YACP,aAAW,QACX,eAAa,MACb,MAAO,CAAE,UAAW,QAAS,YAAa,EAAI,EAChD,KACA,OAAC,QACC,OAAO,IACP,aAAW,QACX,MAAO,CAAE,UAAW,QAAS,YAAa,CAAE,EAC9C,GACF,EACF,GACF,EDsCU,IAAAC,EAAA,6BA3ENC,GAAgC,kBAEhCC,MAAwB,GAAAC,SAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAmCvCC,GAASA,EAAM,WAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS7B;AAAA,EAGUC,KAAmH,eAI9H,CACE,CACE,GAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,0BACX,aAAAC,EAAe,OACf,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,SAAAC,EACA,UAAAC,EACA,GAAGT,CACL,EACAU,OAEA,OAACb,GAAA,CACC,GAAIK,EACJ,IAAKQ,EACL,QAASP,EACT,SAAUG,EACV,SAAUE,EACV,UAAWA,EACX,aAAcH,EACd,QAAM,OAACM,GAAA,CAAc,KAAMJ,EAAU,EACrC,aAAW,GAAAK,SAAGH,EAAW,UAAUb,EAAqB,EAAE,EACzD,GAAGI,EAEH,SAAAI,EACH,CAEJ,EAEAH,EAAgB,YAAcL,GE7F9B,IAAAiB,GAAe,qBACfC,GAA2B,iBAC3BC,GAAmB,gCAEnB,IAAAC,GAA0B,0BAgFdC,EAAA,6BA3ENC,GAA8B,gBAE9BC,MAAsB,GAAAC,SAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAmCrCC,GAASA,EAAM,WAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS7B;AAAA,EAGUC,KAA+G,eAI1H,CACE,CACE,GAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,wBACX,aAAAC,EAAe,OACf,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,SAAAC,EACA,UAAAC,EACA,GAAGT,CACL,EACAU,OAEA,OAACb,GAAA,CACC,GAAIK,EACJ,IAAKQ,EACL,QAASP,EACT,SAAUG,EACV,SAAUE,EACV,UAAWA,EACX,aAAcH,EACd,QAAM,OAAC,cAAU,KAAME,EAAU,EACjC,aAAW,GAAAI,SAAGF,EAAW,UAAUb,EAAmB,EAAE,EACvD,GAAGI,EAEH,SAAAI,EACH,CAEJ,EAEAH,EAAc,YAAcL,GC7F5B,IAAAgB,GAAe,qBACfC,GAA2B,iBAC3BC,GAAmB,gCAEnB,IAAAC,GAA0B,0BA4EdC,EAAA,6BAvENC,GAA8B,gBAE9BC,MAAsB,GAAAC,SAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAmCrCC,GAASA,EAAM,WAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS7B;AAAA,EAGUC,KAA+G,eAI1H,CACE,CACE,GAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,wBACX,aAAAC,EAAe,OACf,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,SAAAC,EACA,UAAAC,EACA,GAAGT,CACL,EACAU,OAEA,OAACb,GAAA,CACC,GAAIK,EACJ,IAAKQ,EACL,QAASP,EACT,QAAM,OAAC,cAAU,KAAMI,EAAU,EACjC,SAAUD,EACV,SAAUE,EACV,UAAWA,EACX,aAAcH,EACd,aAAW,GAAAM,SAAGF,EAAW,UAAUb,EAAmB,EAAE,EACvD,GAAGI,EAEH,SAAAI,EACH,CAEJ,EAEAH,EAAc,YAAcL,GC7F5B,IAAAgB,GAAe,qBACfC,GAA2B,iBAC3BC,GAAmB,gCAEnB,IAAAC,GAA2B,2BAgFfC,EAAA,6BA3ENC,GAA+B,iBAE/BC,MAAuB,GAAAC,SAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAmCtCC,GAASA,EAAM,WAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS7B;AAAA,EAGUC,KAAiH,eAI5H,CACE,CACE,GAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,yBACX,aAAAC,EAAe,OACf,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,SAAAC,EACA,UAAAC,EACA,GAAGT,CACL,EACAU,OAEA,OAACb,GAAA,CACC,GAAIK,EACJ,IAAKQ,EACL,QAASP,EACT,SAAUG,EACV,SAAUE,EACV,UAAWA,EACX,aAAcH,EACd,QAAM,OAAC,eAAW,KAAME,EAAU,EAClC,aAAW,GAAAI,SAAGF,EAAW,UAAUb,EAAoB,EAAE,EACxD,GAAGI,EAEH,SAAAI,EACH,CAEJ,EAEAH,EAAe,YAAcL,GC7F7B,IAAAgB,GAAe,qBACfC,GAA2B,iBAC3BC,GAAmB,gCAEnB,IAAAC,GAAyB,0BAgFbC,EAAA,6BA3ENC,GAA6B,eAE7BC,MAAqB,GAAAC,SAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAmCpCC,GAASA,EAAM,WAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS7B;AAAA,EAGUC,KAA6G,eAIxH,CACE,CACE,GAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,uBACX,aAAAC,EAAe,OACf,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,SAAAC,EACA,UAAAC,EACA,GAAGT,CACL,EACAU,OAEA,OAACb,GAAA,CACC,GAAIK,EACJ,IAAKQ,EACL,QAASP,EACT,SAAUG,EACV,SAAUE,EACV,UAAWA,EACX,aAAcH,EACd,QAAM,OAAC,aAAS,KAAME,EAAU,EAChC,aAAW,GAAAI,SAAGF,EAAW,UAAUb,EAAkB,EAAE,EACtD,GAAGI,EAEH,SAAAI,EACH,CAEJ,EAEAH,EAAa,YAAcL,GC7F3B,IAAAgB,GAAe,qBACfC,GAA2B,iBAC3BC,GAAmB,gCAEnB,IAAAC,GAAyB,2BAgFbC,EAAA,6BA3ENC,GAA6B,eAE7BC,MAAqB,GAAAC,SAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAmCpCC,GAASA,EAAM,WAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS7B;AAAA,EAGUC,KAA6G,eAIxH,CACE,CACE,GAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,uBACX,aAAAC,EAAe,OACf,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,SAAAC,EACA,UAAAC,EACA,GAAGT,CACL,EACAU,OAEA,OAACb,GAAA,CACC,GAAIK,EACJ,IAAKQ,EACL,QAASP,EACT,SAAUG,EACV,SAAUE,EACV,UAAWA,EACX,aAAcH,EACd,QAAM,OAAC,aAAS,KAAME,EAAU,EAChC,aAAW,GAAAI,SAAGF,EAAW,UAAUb,EAAkB,EAAE,EACtD,GAAGI,EAEH,SAAAI,EACH,CAEJ,EAEAH,EAAa,YAAcL,GC7F3B,IAAAgB,GAA2B,iBAC3BC,GAAmB,gCAEnB,IAAAC,GAAyB,0BAiFbC,EAAA,6BA5ENC,GAAqB,eAErBC,MAAqB,GAAAC,SAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAmCpCC,GAASA,EAAM,WAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS7B;AAAA,EAGUC,KAA6G,eAIxH,CACE,CACE,GAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,uBACX,aAAAC,EAAe,OACf,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,SAAAC,EACA,UAAAC,EACA,GAAGT,CACL,EACAU,OAEA,OAACb,GAAA,CACC,GAAIK,EACJ,IAAKQ,EACL,QAASP,EACT,SAAUG,EACV,SAAUE,EACV,UAAWA,EACX,UAAWC,EACX,aAAcJ,EACd,QAAM,OAAC,aAAS,KAAME,EAAU,EAC/B,GAAGP,EAEH,SAAAI,EACH,CAEJ,EAEAH,EAAa,YAAcL","names":["index_exports","__export","AppleButton","AtlassianButton","BitbucketButton","DiscordButton","DropboxButton","Else","FacebookButton","GitHubButton","GitLabButton","GoogleButton","If","Primitive","__toCommonJS","import_constants","import_dom","import_react","import_jsx_runtime","DEFAULT_PRIMITIVE_TAG","PrimitiveFn","as","asChild","children","props","ref","Tag","child","Primitive","acc","tag","lower","upper","Comp","import_react","import_jsx_runtime","Else","props","children","import_react","import_jsx_runtime","If","props","condition","keepAlive","children","conditionResult","c","Else","import_clsx","import_react","import_styled","import_fa","import_dom","import_react","import_jsx_runtime","DEFAULT_BUTTON_TAG","Button","as","asChild","children","icon","showIcon","iconPosition","disabled","className","props","ref","a11yProps","e","iconNode","Primitive","If","import_jsx_runtime","APPLE_BUTTON_NAME","StyledAppleButton","styled","Button","props","AppleButton","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","import_clsx","import_react","import_styled","import_fa","import_jsx_runtime","ATLASSIAN_BUTTON_NAME","StyledAtlassianButton","styled","Button","props","AtlassianButton","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","import_clsx","import_react","import_styled","import_jsx_runtime","BitbucketIcon","size","import_jsx_runtime","BITBUCKET_BUTTON_NAME","StyledBitbucketButton","styled","Button","props","BitbucketButton","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","BitbucketIcon","cn","import_clsx","import_react","import_styled","import_fa","import_jsx_runtime","DISCORD_BUTTON_NAME","StyledDiscordButton","styled","Button","props","DiscordButton","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","import_clsx","import_react","import_styled","import_fa","import_jsx_runtime","DROPBOX_BUTTON_NAME","StyledDropboxButton","styled","Button","props","DropboxButton","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","import_clsx","import_react","import_styled","import_fa6","import_jsx_runtime","FACEBOOK_BUTTON_NAME","StyledFacebookButton","styled","Button","props","FacebookButton","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","import_clsx","import_react","import_styled","import_fa","import_jsx_runtime","GITHUB_BUTTON_NAME","StyledGitHubButton","styled","Button","props","GitHubButton","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","import_clsx","import_react","import_styled","import_fa6","import_jsx_runtime","GITLAB_BUTTON_NAME","StyledGitLabButton","styled","Button","props","GitLabButton","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","import_react","import_styled","import_fc","import_jsx_runtime","GOOGLE_BUTTON_NAME","StyledGoogleButton","styled","Button","props","GoogleButton","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref"]}
|
package/dist/index.d.cts
ADDED
|
@@ -0,0 +1,245 @@
|
|
|
1
|
+
import { HTMLElements } from '@necto/dom';
|
|
2
|
+
import { ElementType, ComponentPropsWithRef, ForwardRefExoticComponent, Ref, ReactElement, FC, ReactNode, RefAttributes } from 'react';
|
|
3
|
+
import { DOM } from '@necto/constants';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
7
|
+
*
|
|
8
|
+
* This source code is licensed under the MIT license found in the
|
|
9
|
+
* LICENSE file in the root directory of this source tree.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Props for the polymorphic Primitive component.
|
|
15
|
+
*/
|
|
16
|
+
type PrimitiveProps<E extends ElementType> = ComponentPropsWithRef<E> & {
|
|
17
|
+
/** If true, clones the single child instead of rendering an extra element. */
|
|
18
|
+
asChild?: boolean;
|
|
19
|
+
/** The element type to render as (e.g., 'div', 'button', custom component). */
|
|
20
|
+
as?: E;
|
|
21
|
+
};
|
|
22
|
+
/**
|
|
23
|
+
* Map of HTML tag names to their corresponding Primitive components.
|
|
24
|
+
*
|
|
25
|
+
* Each entry is a forward-ref exotic component that accepts the appropriate
|
|
26
|
+
* props for its element type, plus Primitive-specific props.
|
|
27
|
+
*/
|
|
28
|
+
type Primitives = {
|
|
29
|
+
[E in (typeof DOM.HTML_TAGS)[number] as E extends ElementType ? E : never]: ForwardRefExoticComponent<PrimitiveProps<E & ElementType>>;
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* The public Primitive component for Necto.
|
|
34
|
+
*
|
|
35
|
+
* @param {PrimitiveProps<any>} props - Props for the polymorphic Primitive component.
|
|
36
|
+
* @param {Ref<any>} ref - Forwarded ref for the rendered element or cloned child.
|
|
37
|
+
* @returns {ReactElement | null} The rendered element or null.
|
|
38
|
+
*/
|
|
39
|
+
declare const Primitive: (<E extends ElementType = (typeof HTMLElements)['Div']>(props: PrimitiveProps<E> & {
|
|
40
|
+
ref?: Ref<any>;
|
|
41
|
+
}) => ReactElement | null) & FC<PrimitiveProps<ElementType>> & Primitives & {
|
|
42
|
+
[k: string]: any;
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
47
|
+
*
|
|
48
|
+
* This source code is licensed under the MIT license found in the
|
|
49
|
+
* LICENSE file in the root directory of this source tree.
|
|
50
|
+
*
|
|
51
|
+
*/
|
|
52
|
+
|
|
53
|
+
interface IfProps {
|
|
54
|
+
condition: boolean | (() => boolean);
|
|
55
|
+
keepAlive?: boolean;
|
|
56
|
+
children: ReactNode | Array<ReactNode>;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
61
|
+
*
|
|
62
|
+
* This source code is licensed under the MIT license found in the
|
|
63
|
+
* LICENSE file in the root directory of this source tree.
|
|
64
|
+
*
|
|
65
|
+
*/
|
|
66
|
+
|
|
67
|
+
declare const If: (props: IfProps) => ReactElement | null;
|
|
68
|
+
|
|
69
|
+
interface ElseProps {
|
|
70
|
+
children: ReactNode | Array<ReactNode> | (() => ReactNode);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
/**
|
|
74
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
75
|
+
*
|
|
76
|
+
* This source code is licensed under the MIT license found in the
|
|
77
|
+
* LICENSE file in the root directory of this source tree.
|
|
78
|
+
*
|
|
79
|
+
*/
|
|
80
|
+
|
|
81
|
+
declare const Else: (props: ElseProps) => ReactElement;
|
|
82
|
+
|
|
83
|
+
type AppleButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
|
|
84
|
+
children?: ReactNode;
|
|
85
|
+
iconPosition?: 'left' | 'right';
|
|
86
|
+
showIcon?: boolean;
|
|
87
|
+
iconSize?: number;
|
|
88
|
+
disabled?: boolean;
|
|
89
|
+
};
|
|
90
|
+
|
|
91
|
+
/**
|
|
92
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
93
|
+
*
|
|
94
|
+
* This source code is licensed under the MIT license found in the
|
|
95
|
+
* LICENSE file in the root directory of this source tree.
|
|
96
|
+
*
|
|
97
|
+
*/
|
|
98
|
+
|
|
99
|
+
declare const AppleButton: ForwardRefExoticComponent<Omit<AppleButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
|
|
100
|
+
|
|
101
|
+
type AtlassianButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
|
|
102
|
+
children?: ReactNode;
|
|
103
|
+
iconPosition?: 'left' | 'right';
|
|
104
|
+
showIcon?: boolean;
|
|
105
|
+
iconSize?: number;
|
|
106
|
+
disabled?: boolean;
|
|
107
|
+
};
|
|
108
|
+
|
|
109
|
+
/**
|
|
110
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
111
|
+
*
|
|
112
|
+
* This source code is licensed under the MIT license found in the
|
|
113
|
+
* LICENSE file in the root directory of this source tree.
|
|
114
|
+
*
|
|
115
|
+
*/
|
|
116
|
+
|
|
117
|
+
declare const AtlassianButton: ForwardRefExoticComponent<Omit<AtlassianButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
|
|
118
|
+
|
|
119
|
+
type BitbucketButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
|
|
120
|
+
children?: ReactNode;
|
|
121
|
+
iconPosition?: 'left' | 'right';
|
|
122
|
+
showIcon?: boolean;
|
|
123
|
+
iconSize?: number;
|
|
124
|
+
disabled?: boolean;
|
|
125
|
+
};
|
|
126
|
+
|
|
127
|
+
/**
|
|
128
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
129
|
+
*
|
|
130
|
+
* This source code is licensed under the MIT license found in the
|
|
131
|
+
* LICENSE file in the root directory of this source tree.
|
|
132
|
+
*
|
|
133
|
+
*/
|
|
134
|
+
|
|
135
|
+
declare const BitbucketButton: ForwardRefExoticComponent<Omit<BitbucketButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
|
|
136
|
+
|
|
137
|
+
type DiscordButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
|
|
138
|
+
children?: ReactNode;
|
|
139
|
+
iconPosition?: 'left' | 'right';
|
|
140
|
+
showIcon?: boolean;
|
|
141
|
+
iconSize?: number;
|
|
142
|
+
disabled?: boolean;
|
|
143
|
+
};
|
|
144
|
+
|
|
145
|
+
/**
|
|
146
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
147
|
+
*
|
|
148
|
+
* This source code is licensed under the MIT license found in the
|
|
149
|
+
* LICENSE file in the root directory of this source tree.
|
|
150
|
+
*
|
|
151
|
+
*/
|
|
152
|
+
|
|
153
|
+
declare const DiscordButton: ForwardRefExoticComponent<Omit<DiscordButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
|
|
154
|
+
|
|
155
|
+
type DropboxButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
|
|
156
|
+
children?: ReactNode;
|
|
157
|
+
iconPosition?: 'left' | 'right';
|
|
158
|
+
showIcon?: boolean;
|
|
159
|
+
iconSize?: number;
|
|
160
|
+
disabled?: boolean;
|
|
161
|
+
};
|
|
162
|
+
|
|
163
|
+
/**
|
|
164
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
165
|
+
*
|
|
166
|
+
* This source code is licensed under the MIT license found in the
|
|
167
|
+
* LICENSE file in the root directory of this source tree.
|
|
168
|
+
*
|
|
169
|
+
*/
|
|
170
|
+
|
|
171
|
+
declare const DropboxButton: ForwardRefExoticComponent<Omit<DropboxButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
|
|
172
|
+
|
|
173
|
+
type FacebookButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
|
|
174
|
+
children?: ReactNode;
|
|
175
|
+
iconPosition?: 'left' | 'right';
|
|
176
|
+
showIcon?: boolean;
|
|
177
|
+
iconSize?: number;
|
|
178
|
+
disabled?: boolean;
|
|
179
|
+
};
|
|
180
|
+
|
|
181
|
+
/**
|
|
182
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
183
|
+
*
|
|
184
|
+
* This source code is licensed under the MIT license found in the
|
|
185
|
+
* LICENSE file in the root directory of this source tree.
|
|
186
|
+
*
|
|
187
|
+
*/
|
|
188
|
+
|
|
189
|
+
declare const FacebookButton: ForwardRefExoticComponent<Omit<FacebookButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
|
|
190
|
+
|
|
191
|
+
type GitHubButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
|
|
192
|
+
children?: ReactNode;
|
|
193
|
+
iconPosition?: 'left' | 'right';
|
|
194
|
+
showIcon?: boolean;
|
|
195
|
+
iconSize?: number;
|
|
196
|
+
disabled?: boolean;
|
|
197
|
+
};
|
|
198
|
+
|
|
199
|
+
/**
|
|
200
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
201
|
+
*
|
|
202
|
+
* This source code is licensed under the MIT license found in the
|
|
203
|
+
* LICENSE file in the root directory of this source tree.
|
|
204
|
+
*
|
|
205
|
+
*/
|
|
206
|
+
|
|
207
|
+
declare const GitHubButton: ForwardRefExoticComponent<Omit<GitHubButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
|
|
208
|
+
|
|
209
|
+
type GitLabButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
|
|
210
|
+
children?: ReactNode;
|
|
211
|
+
iconPosition?: 'left' | 'right';
|
|
212
|
+
showIcon?: boolean;
|
|
213
|
+
iconSize?: number;
|
|
214
|
+
disabled?: boolean;
|
|
215
|
+
};
|
|
216
|
+
|
|
217
|
+
/**
|
|
218
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
219
|
+
*
|
|
220
|
+
* This source code is licensed under the MIT license found in the
|
|
221
|
+
* LICENSE file in the root directory of this source tree.
|
|
222
|
+
*
|
|
223
|
+
*/
|
|
224
|
+
|
|
225
|
+
declare const GitLabButton: ForwardRefExoticComponent<Omit<GitLabButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
|
|
226
|
+
|
|
227
|
+
type GoogleButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
|
|
228
|
+
children?: ReactNode;
|
|
229
|
+
iconPosition?: 'left' | 'right';
|
|
230
|
+
showIcon?: boolean;
|
|
231
|
+
iconSize?: number;
|
|
232
|
+
disabled?: boolean;
|
|
233
|
+
};
|
|
234
|
+
|
|
235
|
+
/**
|
|
236
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
237
|
+
*
|
|
238
|
+
* This source code is licensed under the MIT license found in the
|
|
239
|
+
* LICENSE file in the root directory of this source tree.
|
|
240
|
+
*
|
|
241
|
+
*/
|
|
242
|
+
|
|
243
|
+
declare const GoogleButton: ForwardRefExoticComponent<Omit<GoogleButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
|
|
244
|
+
|
|
245
|
+
export { AppleButton, type AppleButtonProps, AtlassianButton, type AtlassianButtonProps, BitbucketButton, type BitbucketButtonProps, DiscordButton, type DiscordButtonProps, DropboxButton, type DropboxButtonProps, Else, type ElseProps, FacebookButton, type FacebookButtonProps, GitHubButton, type GitHubButtonProps, GitLabButton, type GitLabButtonProps, GoogleButton, type GoogleButtonProps, If, type IfProps, Primitive };
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,245 @@
|
|
|
1
|
+
import { HTMLElements } from '@necto/dom';
|
|
2
|
+
import { ElementType, ComponentPropsWithRef, ForwardRefExoticComponent, Ref, ReactElement, FC, ReactNode, RefAttributes } from 'react';
|
|
3
|
+
import { DOM } from '@necto/constants';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
7
|
+
*
|
|
8
|
+
* This source code is licensed under the MIT license found in the
|
|
9
|
+
* LICENSE file in the root directory of this source tree.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Props for the polymorphic Primitive component.
|
|
15
|
+
*/
|
|
16
|
+
type PrimitiveProps<E extends ElementType> = ComponentPropsWithRef<E> & {
|
|
17
|
+
/** If true, clones the single child instead of rendering an extra element. */
|
|
18
|
+
asChild?: boolean;
|
|
19
|
+
/** The element type to render as (e.g., 'div', 'button', custom component). */
|
|
20
|
+
as?: E;
|
|
21
|
+
};
|
|
22
|
+
/**
|
|
23
|
+
* Map of HTML tag names to their corresponding Primitive components.
|
|
24
|
+
*
|
|
25
|
+
* Each entry is a forward-ref exotic component that accepts the appropriate
|
|
26
|
+
* props for its element type, plus Primitive-specific props.
|
|
27
|
+
*/
|
|
28
|
+
type Primitives = {
|
|
29
|
+
[E in (typeof DOM.HTML_TAGS)[number] as E extends ElementType ? E : never]: ForwardRefExoticComponent<PrimitiveProps<E & ElementType>>;
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* The public Primitive component for Necto.
|
|
34
|
+
*
|
|
35
|
+
* @param {PrimitiveProps<any>} props - Props for the polymorphic Primitive component.
|
|
36
|
+
* @param {Ref<any>} ref - Forwarded ref for the rendered element or cloned child.
|
|
37
|
+
* @returns {ReactElement | null} The rendered element or null.
|
|
38
|
+
*/
|
|
39
|
+
declare const Primitive: (<E extends ElementType = (typeof HTMLElements)['Div']>(props: PrimitiveProps<E> & {
|
|
40
|
+
ref?: Ref<any>;
|
|
41
|
+
}) => ReactElement | null) & FC<PrimitiveProps<ElementType>> & Primitives & {
|
|
42
|
+
[k: string]: any;
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
47
|
+
*
|
|
48
|
+
* This source code is licensed under the MIT license found in the
|
|
49
|
+
* LICENSE file in the root directory of this source tree.
|
|
50
|
+
*
|
|
51
|
+
*/
|
|
52
|
+
|
|
53
|
+
interface IfProps {
|
|
54
|
+
condition: boolean | (() => boolean);
|
|
55
|
+
keepAlive?: boolean;
|
|
56
|
+
children: ReactNode | Array<ReactNode>;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
61
|
+
*
|
|
62
|
+
* This source code is licensed under the MIT license found in the
|
|
63
|
+
* LICENSE file in the root directory of this source tree.
|
|
64
|
+
*
|
|
65
|
+
*/
|
|
66
|
+
|
|
67
|
+
declare const If: (props: IfProps) => ReactElement | null;
|
|
68
|
+
|
|
69
|
+
interface ElseProps {
|
|
70
|
+
children: ReactNode | Array<ReactNode> | (() => ReactNode);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
/**
|
|
74
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
75
|
+
*
|
|
76
|
+
* This source code is licensed under the MIT license found in the
|
|
77
|
+
* LICENSE file in the root directory of this source tree.
|
|
78
|
+
*
|
|
79
|
+
*/
|
|
80
|
+
|
|
81
|
+
declare const Else: (props: ElseProps) => ReactElement;
|
|
82
|
+
|
|
83
|
+
type AppleButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
|
|
84
|
+
children?: ReactNode;
|
|
85
|
+
iconPosition?: 'left' | 'right';
|
|
86
|
+
showIcon?: boolean;
|
|
87
|
+
iconSize?: number;
|
|
88
|
+
disabled?: boolean;
|
|
89
|
+
};
|
|
90
|
+
|
|
91
|
+
/**
|
|
92
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
93
|
+
*
|
|
94
|
+
* This source code is licensed under the MIT license found in the
|
|
95
|
+
* LICENSE file in the root directory of this source tree.
|
|
96
|
+
*
|
|
97
|
+
*/
|
|
98
|
+
|
|
99
|
+
declare const AppleButton: ForwardRefExoticComponent<Omit<AppleButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
|
|
100
|
+
|
|
101
|
+
type AtlassianButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
|
|
102
|
+
children?: ReactNode;
|
|
103
|
+
iconPosition?: 'left' | 'right';
|
|
104
|
+
showIcon?: boolean;
|
|
105
|
+
iconSize?: number;
|
|
106
|
+
disabled?: boolean;
|
|
107
|
+
};
|
|
108
|
+
|
|
109
|
+
/**
|
|
110
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
111
|
+
*
|
|
112
|
+
* This source code is licensed under the MIT license found in the
|
|
113
|
+
* LICENSE file in the root directory of this source tree.
|
|
114
|
+
*
|
|
115
|
+
*/
|
|
116
|
+
|
|
117
|
+
declare const AtlassianButton: ForwardRefExoticComponent<Omit<AtlassianButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
|
|
118
|
+
|
|
119
|
+
type BitbucketButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
|
|
120
|
+
children?: ReactNode;
|
|
121
|
+
iconPosition?: 'left' | 'right';
|
|
122
|
+
showIcon?: boolean;
|
|
123
|
+
iconSize?: number;
|
|
124
|
+
disabled?: boolean;
|
|
125
|
+
};
|
|
126
|
+
|
|
127
|
+
/**
|
|
128
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
129
|
+
*
|
|
130
|
+
* This source code is licensed under the MIT license found in the
|
|
131
|
+
* LICENSE file in the root directory of this source tree.
|
|
132
|
+
*
|
|
133
|
+
*/
|
|
134
|
+
|
|
135
|
+
declare const BitbucketButton: ForwardRefExoticComponent<Omit<BitbucketButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
|
|
136
|
+
|
|
137
|
+
type DiscordButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
|
|
138
|
+
children?: ReactNode;
|
|
139
|
+
iconPosition?: 'left' | 'right';
|
|
140
|
+
showIcon?: boolean;
|
|
141
|
+
iconSize?: number;
|
|
142
|
+
disabled?: boolean;
|
|
143
|
+
};
|
|
144
|
+
|
|
145
|
+
/**
|
|
146
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
147
|
+
*
|
|
148
|
+
* This source code is licensed under the MIT license found in the
|
|
149
|
+
* LICENSE file in the root directory of this source tree.
|
|
150
|
+
*
|
|
151
|
+
*/
|
|
152
|
+
|
|
153
|
+
declare const DiscordButton: ForwardRefExoticComponent<Omit<DiscordButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
|
|
154
|
+
|
|
155
|
+
type DropboxButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
|
|
156
|
+
children?: ReactNode;
|
|
157
|
+
iconPosition?: 'left' | 'right';
|
|
158
|
+
showIcon?: boolean;
|
|
159
|
+
iconSize?: number;
|
|
160
|
+
disabled?: boolean;
|
|
161
|
+
};
|
|
162
|
+
|
|
163
|
+
/**
|
|
164
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
165
|
+
*
|
|
166
|
+
* This source code is licensed under the MIT license found in the
|
|
167
|
+
* LICENSE file in the root directory of this source tree.
|
|
168
|
+
*
|
|
169
|
+
*/
|
|
170
|
+
|
|
171
|
+
declare const DropboxButton: ForwardRefExoticComponent<Omit<DropboxButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
|
|
172
|
+
|
|
173
|
+
type FacebookButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
|
|
174
|
+
children?: ReactNode;
|
|
175
|
+
iconPosition?: 'left' | 'right';
|
|
176
|
+
showIcon?: boolean;
|
|
177
|
+
iconSize?: number;
|
|
178
|
+
disabled?: boolean;
|
|
179
|
+
};
|
|
180
|
+
|
|
181
|
+
/**
|
|
182
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
183
|
+
*
|
|
184
|
+
* This source code is licensed under the MIT license found in the
|
|
185
|
+
* LICENSE file in the root directory of this source tree.
|
|
186
|
+
*
|
|
187
|
+
*/
|
|
188
|
+
|
|
189
|
+
declare const FacebookButton: ForwardRefExoticComponent<Omit<FacebookButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
|
|
190
|
+
|
|
191
|
+
type GitHubButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
|
|
192
|
+
children?: ReactNode;
|
|
193
|
+
iconPosition?: 'left' | 'right';
|
|
194
|
+
showIcon?: boolean;
|
|
195
|
+
iconSize?: number;
|
|
196
|
+
disabled?: boolean;
|
|
197
|
+
};
|
|
198
|
+
|
|
199
|
+
/**
|
|
200
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
201
|
+
*
|
|
202
|
+
* This source code is licensed under the MIT license found in the
|
|
203
|
+
* LICENSE file in the root directory of this source tree.
|
|
204
|
+
*
|
|
205
|
+
*/
|
|
206
|
+
|
|
207
|
+
declare const GitHubButton: ForwardRefExoticComponent<Omit<GitHubButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
|
|
208
|
+
|
|
209
|
+
type GitLabButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
|
|
210
|
+
children?: ReactNode;
|
|
211
|
+
iconPosition?: 'left' | 'right';
|
|
212
|
+
showIcon?: boolean;
|
|
213
|
+
iconSize?: number;
|
|
214
|
+
disabled?: boolean;
|
|
215
|
+
};
|
|
216
|
+
|
|
217
|
+
/**
|
|
218
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
219
|
+
*
|
|
220
|
+
* This source code is licensed under the MIT license found in the
|
|
221
|
+
* LICENSE file in the root directory of this source tree.
|
|
222
|
+
*
|
|
223
|
+
*/
|
|
224
|
+
|
|
225
|
+
declare const GitLabButton: ForwardRefExoticComponent<Omit<GitLabButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
|
|
226
|
+
|
|
227
|
+
type GoogleButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
|
|
228
|
+
children?: ReactNode;
|
|
229
|
+
iconPosition?: 'left' | 'right';
|
|
230
|
+
showIcon?: boolean;
|
|
231
|
+
iconSize?: number;
|
|
232
|
+
disabled?: boolean;
|
|
233
|
+
};
|
|
234
|
+
|
|
235
|
+
/**
|
|
236
|
+
* Copyright (c) Corinvo, LLC. and affiliates.
|
|
237
|
+
*
|
|
238
|
+
* This source code is licensed under the MIT license found in the
|
|
239
|
+
* LICENSE file in the root directory of this source tree.
|
|
240
|
+
*
|
|
241
|
+
*/
|
|
242
|
+
|
|
243
|
+
declare const GoogleButton: ForwardRefExoticComponent<Omit<GoogleButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
|
|
244
|
+
|
|
245
|
+
export { AppleButton, type AppleButtonProps, AtlassianButton, type AtlassianButtonProps, BitbucketButton, type BitbucketButtonProps, DiscordButton, type DiscordButtonProps, DropboxButton, type DropboxButtonProps, Else, type ElseProps, FacebookButton, type FacebookButtonProps, GitHubButton, type GitHubButtonProps, GitLabButton, type GitLabButtonProps, GoogleButton, type GoogleButtonProps, If, type IfProps, Primitive };
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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,...
|
|
1
|
+
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)`
|
|
2
2
|
display: inline-flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
justify-content: center;
|
|
@@ -41,7 +41,7 @@ import{DOM as Q}from"@necto/constants";import{HTMLElements as W}from"@necto/dom"
|
|
|
41
41
|
background-color: #000000;
|
|
42
42
|
}
|
|
43
43
|
`}
|
|
44
|
-
`,w=bo(({as:o,asChild:t,children:s="Continue with Apple",iconPosition:
|
|
44
|
+
`,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)`
|
|
45
45
|
display: inline-flex;
|
|
46
46
|
align-items: center;
|
|
47
47
|
justify-content: center;
|
|
@@ -84,7 +84,7 @@ import{DOM as Q}from"@necto/constants";import{HTMLElements as W}from"@necto/dom"
|
|
|
84
84
|
background-color: #0052cc;
|
|
85
85
|
}
|
|
86
86
|
`}
|
|
87
|
-
`,k=Eo(({as:o,asChild:t,children:s="Continue with Atlassian",iconPosition:
|
|
87
|
+
`,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)`
|
|
88
88
|
display: inline-flex;
|
|
89
89
|
align-items: center;
|
|
90
90
|
justify-content: center;
|
|
@@ -127,7 +127,7 @@ import{DOM as Q}from"@necto/constants";import{HTMLElements as W}from"@necto/dom"
|
|
|
127
127
|
background-color: #0052cc;
|
|
128
128
|
}
|
|
129
129
|
`}
|
|
130
|
-
`,
|
|
130
|
+
`,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)`
|
|
131
131
|
display: inline-flex;
|
|
132
132
|
align-items: center;
|
|
133
133
|
justify-content: center;
|
|
@@ -170,7 +170,7 @@ import{DOM as Q}from"@necto/constants";import{HTMLElements as W}from"@necto/dom"
|
|
|
170
170
|
background-color: #5865f2;
|
|
171
171
|
}
|
|
172
172
|
`}
|
|
173
|
-
`,G=
|
|
173
|
+
`,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)`
|
|
174
174
|
display: inline-flex;
|
|
175
175
|
align-items: center;
|
|
176
176
|
justify-content: center;
|
|
@@ -213,7 +213,7 @@ import{DOM as Q}from"@necto/constants";import{HTMLElements as W}from"@necto/dom"
|
|
|
213
213
|
background-color: #0061ff;
|
|
214
214
|
}
|
|
215
215
|
`}
|
|
216
|
-
|
|
216
|
+
`,$=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)`
|
|
217
217
|
display: inline-flex;
|
|
218
218
|
align-items: center;
|
|
219
219
|
justify-content: center;
|
|
@@ -256,7 +256,7 @@ import{DOM as Q}from"@necto/constants";import{HTMLElements as W}from"@necto/dom"
|
|
|
256
256
|
background-color: #1877f2;
|
|
257
257
|
}
|
|
258
258
|
`}
|
|
259
|
-
`,
|
|
259
|
+
`,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)`
|
|
260
260
|
display: inline-flex;
|
|
261
261
|
align-items: center;
|
|
262
262
|
justify-content: center;
|
|
@@ -299,7 +299,7 @@ import{DOM as Q}from"@necto/constants";import{HTMLElements as W}from"@necto/dom"
|
|
|
299
299
|
background-color: #24292f;
|
|
300
300
|
}
|
|
301
301
|
`}
|
|
302
|
-
`,z=Ko(({as:o,asChild:t,children:s="Continue with GitHub",iconPosition:
|
|
302
|
+
`,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)`
|
|
303
303
|
display: inline-flex;
|
|
304
304
|
align-items: center;
|
|
305
305
|
justify-content: center;
|
|
@@ -342,7 +342,7 @@ import{DOM as Q}from"@necto/constants";import{HTMLElements as W}from"@necto/dom"
|
|
|
342
342
|
background-color: #fc6d26;
|
|
343
343
|
}
|
|
344
344
|
`}
|
|
345
|
-
`,V=Jo(({as:o,asChild:t,children:s="Continue with GitLab",iconPosition:
|
|
345
|
+
`,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)`
|
|
346
346
|
display: inline-flex;
|
|
347
347
|
align-items: center;
|
|
348
348
|
justify-content: center;
|
|
@@ -385,5 +385,5 @@ import{DOM as Q}from"@necto/constants";import{HTMLElements as W}from"@necto/dom"
|
|
|
385
385
|
background-color: #ffffff;
|
|
386
386
|
}
|
|
387
387
|
`}
|
|
388
|
-
`,X=jo(({as:o,asChild:t,children:s="Continue with Google",iconPosition:
|
|
388
|
+
`,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};
|
|
389
389
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Primitive/Primitive.tsx","../src/Conditionals/Else/Else.tsx","../src/Conditionals/If/If.tsx","../src/SocialButtons/Apple/Apple.tsx","../src/SocialButtons/Button/Button.tsx","../src/SocialButtons/Atlassian/Atlassian.tsx","../src/SocialButtons/Bitbucket/Bitbucket.tsx","../src/SocialButtons/Bitbucket/Bitbucket.icon.tsx","../src/SocialButtons/Discord/Discord.tsx","../src/SocialButtons/Dropbox/Dropbox.tsx","../src/SocialButtons/Facebook/Facebook.tsx","../src/SocialButtons/GitHub/GitHub.tsx","../src/SocialButtons/GitLab/GitLab.tsx","../src/SocialButtons/Google/Google.tsx"],"sourcesContent":["// biome-ignore-all assist/source/organizeImports: No import sorting needed.\n// biome-ignore-all lint/suspicious/noExplicitAny: No need to enforce any rule here.\n\n/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { DOM } from '@necto/constants';\nimport { HTMLElements } from '@necto/dom';\nimport { forwardRef, isValidElement, cloneElement, Children } from 'react';\n\nimport type { ElementType, Ref, ReactElement, FC } from 'react';\nimport type { PrimitiveProps, Primitives } from './Primitive.types';\n\nconst DEFAULT_PRIMITIVE_TAG: keyof HTMLElementTagNameMap = HTMLElements.Div;\n\n/**\n /**\n * @internal\n * Internal render function for the Primitive component. Handles polymorphic rendering, child cloning, and ref forwarding.\n * Not for public use; use the exported Primitive component instead.\n *\n * @param {PrimitiveProps<any>} props - Props for the Primitive component.\n * @param {Ref<any>} ref - Forwarded ref for the rendered element or cloned child.\n * @returns {ReactElement | null} The rendered element, or null when cloning fails.\n */\nconst PrimitiveFn = <E extends ElementType = (typeof HTMLElements)['Div']>(\n { as, asChild, children, ...props }: PrimitiveProps<E>,\n ref: Ref<any>\n): ReactElement | null => {\n const Tag = (as ?? DEFAULT_PRIMITIVE_TAG) as ElementType;\n\n if (asChild) {\n const child: Element = Children.only(children);\n if (!isValidElement(child)) return null;\n\n return cloneElement(child as ReactElement<any>, {\n ...props,\n ref: (child as any).ref ?? ref\n });\n }\n\n return (\n <Tag ref={ref} {...(props as any)}>\n {children}\n </Tag>\n );\n};\n\n/**\n * The public Primitive component for Necto.\n *\n * @param {PrimitiveProps<any>} props - Props for the polymorphic Primitive component.\n * @param {Ref<any>} ref - Forwarded ref for the rendered element or cloned child.\n * @returns {ReactElement | null} The rendered element or null.\n */\nexport const Primitive: (<E extends ElementType = (typeof HTMLElements)['Div']>(\n props: PrimitiveProps<E> & { ref?: Ref<any> }\n) => ReactElement | null) &\n FC<PrimitiveProps<ElementType>> &\n Primitives & { [k: string]: any } = Object.assign(\n forwardRef(PrimitiveFn),\n DOM.HTML_TAGS.reduce(\n (acc, tag) => {\n const lower: string = tag;\n const upper: string = tag[0].toUpperCase() + tag.slice(1);\n\n const Comp = forwardRef<any, any>((props, ref) =>\n PrimitiveFn({ ...(props as any), as: tag } as PrimitiveProps<any>, ref)\n );\n\n acc[lower] = Comp;\n acc[upper] = Comp;\n\n return acc;\n },\n {} as Record<string, any>\n )\n) as (<E extends ElementType = (typeof HTMLElements)['Div']>(\n props: PrimitiveProps<E> & { ref?: Ref<any> }\n) => ReactElement | null) &\n Primitives & { [k: string]: any };\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Fragment } from 'react';\n\nimport type { ElseProps } from './Else.types';\nimport type { ReactElement } from 'react';\n\nexport const Else = (props: ElseProps): ReactElement => {\n const { children } = props;\n\n return (\n <Fragment>\n {typeof children === 'function' ? children() : children}\n </Fragment>\n );\n};\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Else } from '../Else';\nimport { Fragment, Children } from 'react';\n\nimport type { IfProps } from './If.types';\nimport type { ReactElement } from 'react';\n\nexport const If = (props: IfProps): ReactElement | null => {\n const { condition, keepAlive, children } = props;\n\n if (!children) {\n return null;\n }\n\n const conditionResult: boolean = Boolean(\n typeof condition === 'function' ? condition() : condition\n );\n\n return (\n <Fragment>\n {(Children.toArray(children) as ReactElement[]).find(\n (c) => (c.type !== Else) !== !conditionResult\n ) || null}\n </Fragment>\n );\n};\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { FaApple } from 'react-icons/fa';\nimport { Button } from '../Button/Button';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { AppleButtonProps } from './Apple.types';\nimport type { IStyledComponent } from 'styled-components';\n\nconst APPLE_BUTTON_NAME: string = 'AppleButton' as const;\n\nconst StyledAppleButton: IStyledComponent<'web', any> = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #000000;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 400;\n font-family: 'Roboto', system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #1a1a1a;\n }\n\n &:active {\n background-color: #333333;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #000000;\n }\n `}\n`;\n\nexport const AppleButton: ForwardRefExoticComponent<Omit<AppleButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n AppleButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Apple',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: AppleButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledAppleButton\n as={as}\n ref={ref}\n asChild={asChild}\n icon={<FaApple size={iconSize} />}\n showIcon={showIcon}\n iconSize={iconSize}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n className={cn(className, `_necto:${APPLE_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledAppleButton>\n )\n);\n\nAppleButton.displayName = APPLE_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { HTMLElements } from '@necto/dom';\nimport { If } from '../../Conditionals/If';\nimport { forwardRef, Fragment } from 'react';\nimport { Primitive } from '../../Primitive/Primitive';\n\nimport type { FC, ReactElement } from 'react';\nimport type { ButtonProps } from './Button.types';\nimport type {\n ElementType,\n KeyboardEvent,\n ForwardedRef,\n ReactNode\n} from 'react';\n\nconst DEFAULT_BUTTON_TAG: keyof HTMLElementTagNameMap = HTMLElements.Button;\n\nexport const Button: FC<ButtonProps> = forwardRef(function SocialButton<\n T extends ElementType = typeof DEFAULT_BUTTON_TAG\n>(\n {\n as = DEFAULT_BUTTON_TAG as T,\n asChild = false,\n children,\n icon,\n showIcon = true,\n iconPosition = 'left',\n disabled,\n className,\n ...props\n }: ButtonProps<T>,\n ref: ForwardedRef<Element>\n): ReactElement {\n const isNativeButton: boolean =\n ((as as unknown as string)?.toLowerCase?.() ?? '') === 'button';\n\n const a11yProps = !isNativeButton\n ? {\n role: 'button' as const,\n tabIndex: disabled ? -1 : 0,\n 'aria-disabled': !!disabled,\n onKeyDown: (e: KeyboardEvent): void => {\n if (disabled) return;\n if (e.key === 'Enter' || e.key === ' ') {\n (props as any).onClick?.(e as any);\n e.preventDefault();\n }\n }\n }\n : { disabled };\n\n const iconNode: ReactNode = icon ? (\n <span\n className=\"_necto:brand-icon\"\n style={{ flexShrink: 0, lineHeight: 0, display: 'inline-flex' }}\n >\n {icon}\n </span>\n ) : null;\n\n return (\n <Primitive\n as={as}\n ref={ref as any}\n asChild={asChild}\n className={className}\n {...a11yProps}\n {...props}\n >\n <Fragment>\n <If condition={!!iconNode && showIcon && iconPosition === 'left'}>\n {iconNode}\n </If>\n\n {children}\n\n <If condition={!!iconNode && showIcon && iconPosition === 'right'}>\n {iconNode}\n </If>\n </Fragment>\n </Primitive>\n );\n});\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '../Button/Button';\nimport { FaAtlassian } from 'react-icons/fa';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { AtlassianButtonProps } from './Atlassian.types';\nimport type { IStyledComponent } from 'styled-components';\n\nconst ATLASSIAN_BUTTON_NAME: string = 'AtlassianButton' as const;\n\nconst StyledAtlassianButton: IStyledComponent<'web', any> = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #0052cc;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s;\n\n &:hover {\n background-color: #0747a6;\n }\n\n &:active {\n background-color: #003d99;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 82, 204, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #0052cc;\n }\n `}\n`;\n\nexport const AtlassianButton: ForwardRefExoticComponent<Omit<AtlassianButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n AtlassianButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Atlassian',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: AtlassianButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledAtlassianButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n iconSize={iconSize}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<FaAtlassian size={iconSize} />}\n className={cn(className, `_necto:${ATLASSIAN_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledAtlassianButton>\n )\n);\n\nAtlassianButton.displayName = ATLASSIAN_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '../Button/Button';\nimport { BitbucketIcon } from './Bitbucket.icon';\n\nimport type { IStyledComponent } from 'styled-components';\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { BitbucketButtonProps } from './Bitbucket.types';\n\nconst BITBUCKET_BUTTON_NAME: string = 'BitbucketButton' as const;\n\nconst StyledBitbucketButton: IStyledComponent<'web', any> = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #0052cc;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s;\n\n &:hover {\n background-color: #0747a6;\n }\n\n &:active {\n background-color: #003d99;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 82, 204, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #0052cc;\n }\n `}\n`;\n\nexport const BitbucketButton: ForwardRefExoticComponent<Omit<BitbucketButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n BitbucketButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Bitbucket',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 22,\n disabled,\n className,\n ...props\n }: BitbucketButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledBitbucketButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n iconSize={iconSize}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<BitbucketIcon size={iconSize} />}\n className={cn(className, `_necto:${BITBUCKET_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledBitbucketButton>\n )\n);\n\nBitbucketButton.displayName = BITBUCKET_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { FC, ReactElement } from 'react';\n\nexport const BitbucketIcon: FC<{ size?: number }> = ({\n size\n}: {\n size?: number;\n}): ReactElement => (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 72 72\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>Bitbucket</title>\n <path\n 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\"\n fill=\"url(#paint0_linear_5907_10188)\"\n />\n <path\n 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\"\n fill=\"white\"\n style={{ fill: 'white', fillOpacity: 1 }}\n />\n <defs>\n <linearGradient\n id=\"paint0_linear_5907_10188\"\n x1=\"60.8078\"\n y1=\"35.1603\"\n x2=\"37.2868\"\n y2=\"51.0791\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop\n offset=\"0.0718327\"\n stop-color=\"white\"\n stop-opacity=\"0.4\"\n style={{ stopColor: 'white', stopOpacity: 0.4 }}\n />\n <stop\n offset=\"1\"\n stop-color=\"white\"\n style={{ stopColor: 'white', stopOpacity: 1 }}\n />\n </linearGradient>\n </defs>\n </svg>\n);\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '../Button/Button';\nimport { FaDiscord } from 'react-icons/fa';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { DiscordButtonProps } from './Discord.types';\nimport type { IStyledComponent } from 'styled-components';\n\nconst DISCORD_BUTTON_NAME: string = 'DiscordButton' as const;\n\nconst StyledDiscordButton: IStyledComponent<'web', any> = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #5865f2;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: 'Roboto', system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #4752d9;\n }\n\n &:active {\n background-color: #3c45c0;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #5865f2;\n }\n `}\n`;\n\nexport const DiscordButton: ForwardRefExoticComponent<Omit<DiscordButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n DiscordButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Discord',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: DiscordButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledDiscordButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n iconSize={iconSize}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<FaDiscord size={iconSize} />}\n className={cn(className, `_necto:${DISCORD_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledDiscordButton>\n )\n);\n\nDiscordButton.displayName = DISCORD_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '../Button/Button';\nimport { FaDropbox } from 'react-icons/fa';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { DropboxButtonProps } from './Dropbox.types';\nimport type { IStyledComponent } from 'styled-components';\n\nconst DROPBOX_BUTTON_NAME: string = 'DropboxButton' as const;\n\nconst StyledDropboxButton: IStyledComponent<'web', any> = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #0061ff;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: 'Roboto', system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #0056e0;\n }\n\n &:active {\n background-color: #004bc5;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 97, 255, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #0061ff;\n }\n `}\n`;\n\nexport const DropboxButton: ForwardRefExoticComponent<Omit<DropboxButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n DropboxButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Dropbox',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: DropboxButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledDropboxButton\n as={as}\n ref={ref}\n asChild={asChild}\n icon={<FaDropbox size={iconSize} />}\n showIcon={showIcon}\n iconSize={iconSize}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n className={cn(className, `_necto:${DROPBOX_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledDropboxButton>\n )\n);\n\nDropboxButton.displayName = DROPBOX_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '../Button/Button';\nimport { FaFacebook } from 'react-icons/fa6';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { FacebookButtonProps } from './Facebook.types';\nimport type { IStyledComponent } from 'styled-components';\n\nconst FACEBOOK_BUTTON_NAME: string = 'FacebookButton' as const;\n\nconst StyledFacebookButton: IStyledComponent<'web', any> = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #1877f2;\n color: #ffffff;\n border: 1px solid #1877f2;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #166fe5;\n }\n\n &:active {\n background-color: #1467d6;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #1877f2;\n }\n `}\n`;\n\nexport const FacebookButton: ForwardRefExoticComponent<Omit<FacebookButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n FacebookButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Facebook',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: FacebookButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledFacebookButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n iconSize={iconSize}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<FaFacebook size={iconSize} />}\n className={cn(className, `_necto:${FACEBOOK_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledFacebookButton>\n )\n);\n\nFacebookButton.displayName = FACEBOOK_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '../Button/Button';\nimport { FaGithub } from 'react-icons/fa';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { GitHubButtonProps } from './GitHub.types';\nimport type { IStyledComponent } from 'styled-components';\n\nconst GITHUB_BUTTON_NAME: string = 'GitHubButton' as const;\n\nconst StyledGitHubButton: IStyledComponent<'web', any> = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #24292f;\n color: #ffffff;\n border: 1px solid #24292f;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #2c3237;\n }\n\n &:active {\n background-color: #373e47;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(36, 41, 47, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #24292f;\n }\n `}\n`;\n\nexport const GitHubButton: ForwardRefExoticComponent<Omit<GitHubButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n GitHubButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with GitHub',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: GitHubButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledGitHubButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n iconSize={iconSize}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<FaGithub size={iconSize} />}\n className={cn(className, `_necto:${GITHUB_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledGitHubButton>\n )\n);\n\nGitHubButton.displayName = GITHUB_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '../Button/Button';\nimport { FaGitlab } from 'react-icons/fa6';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { GitLabButtonProps } from './GitLab.types';\nimport type { IStyledComponent } from 'styled-components';\n\nconst GITLAB_BUTTON_NAME: string = 'GitLabButton' as const;\n\nconst StyledGitLabButton: IStyledComponent<'web', any> = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #fc6d26;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s;\n\n &:hover {\n background-color: #e24329;\n }\n\n &:active {\n background-color: #c73b1c;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(252, 109, 38, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #fc6d26;\n }\n `}\n`;\n\nexport const GitLabButton: ForwardRefExoticComponent<Omit<GitLabButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n GitLabButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with GitLab',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: GitLabButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledGitLabButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n iconSize={iconSize}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<FaGitlab size={iconSize} />}\n className={cn(className, `_necto:${GITLAB_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledGitLabButton>\n )\n);\n\nGitLabButton.displayName = GITLAB_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { Button } from '../Button/Button';\nimport { FcGoogle } from 'react-icons/fc';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { GoogleButtonProps } from './Google.types';\nimport type { IStyledComponent } from 'styled-components';\n\nconst GOOGLE_BUTTON_NAME = 'GoogleButton';\n\nconst StyledGoogleButton: IStyledComponent<'web', any> = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 12px 0 12px;\n min-height: 40px;\n background-color: #ffffff;\n color: #1f1f1f;\n border: 1px solid #747775;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: 'Roboto Medium', system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #f8f9fa;\n }\n\n &:active {\n background-color: #eceff1;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #ffffff;\n }\n `}\n`;\n\nexport const GoogleButton: ForwardRefExoticComponent<Omit<GoogleButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n GoogleButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Google',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: GoogleButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledGoogleButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n disabled={disabled}\n $disabled={disabled}\n className={className}\n iconPosition={iconPosition}\n icon={<FcGoogle size={iconSize} />}\n {...props}\n >\n {children}\n </StyledGoogleButton>\n )\n);\n\nGoogleButton.displayName = GOOGLE_BUTTON_NAME;\n"],"mappings":"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","names":["DOM","HTMLElements","forwardRef","isValidElement","cloneElement","Children","jsx","DEFAULT_PRIMITIVE_TAG","PrimitiveFn","as","asChild","children","props","ref","Tag","child","Primitive","acc","tag","lower","upper","Comp","Fragment","jsx","Else","props","children","Fragment","Children","jsx","If","props","condition","keepAlive","children","conditionResult","c","Else","cn","forwardRef","styled","FaApple","HTMLElements","forwardRef","Fragment","jsx","jsxs","DEFAULT_BUTTON_TAG","HTMLElements","Button","forwardRef","as","asChild","children","icon","showIcon","iconPosition","disabled","className","props","ref","a11yProps","e","iconNode","Primitive","Fragment","If","jsx","APPLE_BUTTON_NAME","StyledAppleButton","styled","Button","props","AppleButton","forwardRef","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","FaApple","cn","cn","forwardRef","styled","FaAtlassian","jsx","ATLASSIAN_BUTTON_NAME","StyledAtlassianButton","styled","Button","props","AtlassianButton","forwardRef","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","cn","forwardRef","styled","jsx","jsxs","BitbucketIcon","size","jsx","BITBUCKET_BUTTON_NAME","StyledBitbucketButton","styled","Button","props","BitbucketButton","forwardRef","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","BitbucketIcon","cn","cn","forwardRef","styled","FaDiscord","jsx","DISCORD_BUTTON_NAME","StyledDiscordButton","styled","Button","props","DiscordButton","forwardRef","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","cn","forwardRef","styled","FaDropbox","jsx","DROPBOX_BUTTON_NAME","StyledDropboxButton","styled","Button","props","DropboxButton","forwardRef","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","cn","forwardRef","styled","FaFacebook","jsx","FACEBOOK_BUTTON_NAME","StyledFacebookButton","styled","Button","props","FacebookButton","forwardRef","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","cn","forwardRef","styled","FaGithub","jsx","GITHUB_BUTTON_NAME","StyledGitHubButton","styled","Button","props","GitHubButton","forwardRef","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","cn","forwardRef","styled","FaGitlab","jsx","GITLAB_BUTTON_NAME","StyledGitLabButton","styled","Button","props","GitLabButton","forwardRef","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","forwardRef","styled","FcGoogle","jsx","GOOGLE_BUTTON_NAME","StyledGoogleButton","styled","Button","props","GoogleButton","forwardRef","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref"]}
|
|
1
|
+
{"version":3,"sources":["../src/Primitive/Primitive.tsx","../src/Conditionals/Else/Else.tsx","../src/Conditionals/If/If.tsx","../src/SocialButtons/Apple/Apple.tsx","../src/SocialButtons/Button/Button.tsx","../src/SocialButtons/Atlassian/Atlassian.tsx","../src/SocialButtons/Bitbucket/Bitbucket.tsx","../src/SocialButtons/Bitbucket/Bitbucket.icon.tsx","../src/SocialButtons/Discord/Discord.tsx","../src/SocialButtons/Dropbox/Dropbox.tsx","../src/SocialButtons/Facebook/Facebook.tsx","../src/SocialButtons/GitHub/GitHub.tsx","../src/SocialButtons/GitLab/GitLab.tsx","../src/SocialButtons/Google/Google.tsx"],"sourcesContent":["// biome-ignore-all assist/source/organizeImports: No import sorting needed.\n// biome-ignore-all lint/suspicious/noExplicitAny: No need to enforce any rule here.\n\n/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { DOM } from '@necto/constants';\nimport { HTMLElements } from '@necto/dom';\nimport { forwardRef, isValidElement, cloneElement, Children } from 'react';\n\nimport type { ElementType, Ref, ReactElement, FC } from 'react';\nimport type { PrimitiveProps, Primitives } from './Primitive.types';\n\nconst DEFAULT_PRIMITIVE_TAG: keyof HTMLElementTagNameMap = HTMLElements.Div;\n\n/**\n /**\n * @internal\n * Internal render function for the Primitive component. Handles polymorphic rendering, child cloning, and ref forwarding.\n * Not for public use; use the exported Primitive component instead.\n *\n * @param {PrimitiveProps<any>} props - Props for the Primitive component.\n * @param {Ref<any>} ref - Forwarded ref for the rendered element or cloned child.\n * @returns {ReactElement | null} The rendered element, or null when cloning fails.\n */\nconst PrimitiveFn = <E extends ElementType = (typeof HTMLElements)['Div']>(\n { as, asChild, children, ...props }: PrimitiveProps<E>,\n ref: Ref<any>\n): ReactElement | null => {\n const Tag = (as ?? DEFAULT_PRIMITIVE_TAG) as ElementType;\n\n if (asChild) {\n const child: Element = Children.only(children);\n if (!isValidElement(child)) return null;\n\n return cloneElement(child as ReactElement<any>, {\n ...props,\n ref: (child as any).ref ?? ref\n });\n }\n\n return (\n <Tag ref={ref} {...(props as any)}>\n {children}\n </Tag>\n );\n};\n\n/**\n * The public Primitive component for Necto.\n *\n * @param {PrimitiveProps<any>} props - Props for the polymorphic Primitive component.\n * @param {Ref<any>} ref - Forwarded ref for the rendered element or cloned child.\n * @returns {ReactElement | null} The rendered element or null.\n */\nexport const Primitive: (<E extends ElementType = (typeof HTMLElements)['Div']>(\n props: PrimitiveProps<E> & { ref?: Ref<any> }\n) => ReactElement | null) &\n FC<PrimitiveProps<ElementType>> &\n Primitives & { [k: string]: any } = Object.assign(\n forwardRef(PrimitiveFn),\n DOM.HTML_TAGS.reduce(\n (acc, tag) => {\n const lower: string = tag;\n const upper: string = tag[0].toUpperCase() + tag.slice(1);\n\n const Comp = forwardRef<any, any>((props, ref) =>\n PrimitiveFn({ ...(props as any), as: tag } as PrimitiveProps<any>, ref)\n );\n\n acc[lower] = Comp;\n acc[upper] = Comp;\n\n return acc;\n },\n {} as Record<string, any>\n )\n) as (<E extends ElementType = (typeof HTMLElements)['Div']>(\n props: PrimitiveProps<E> & { ref?: Ref<any> }\n) => ReactElement | null) &\n Primitives & { [k: string]: any };\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Fragment } from 'react';\n\nimport type { ElseProps } from './Else.types';\nimport type { ReactElement } from 'react';\n\nexport const Else = (props: ElseProps): ReactElement => {\n const { children } = props;\n\n return (\n <Fragment>\n {typeof children === 'function' ? children() : children}\n </Fragment>\n );\n};\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { Else } from '../Else';\nimport { Fragment, Children } from 'react';\n\nimport type { IfProps } from './If.types';\nimport type { ReactElement } from 'react';\n\nexport const If = (props: IfProps): ReactElement | null => {\n const { condition, keepAlive, children } = props;\n\n if (!children) {\n return null;\n }\n\n const conditionResult: boolean = Boolean(\n typeof condition === 'function' ? condition() : condition\n );\n\n return (\n <Fragment>\n {(Children.toArray(children) as ReactElement[]).find(\n (c) => (c.type !== Else) !== !conditionResult\n ) || null}\n </Fragment>\n );\n};\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { FaApple } from 'react-icons/fa';\nimport { Button } from '../Button/Button';\n\nimport type { AppleButtonProps } from './Apple.types';\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\n\nconst APPLE_BUTTON_NAME: string = 'AppleButton' as const;\n\nconst StyledAppleButton = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #000000;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 400;\n font-family: 'Roboto', system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #1a1a1a;\n }\n\n &:active {\n background-color: #333333;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #000000;\n }\n `}\n`;\n\nexport const AppleButton: ForwardRefExoticComponent<Omit<AppleButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n AppleButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Apple',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: AppleButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledAppleButton\n as={as}\n ref={ref}\n asChild={asChild}\n icon={<FaApple size={iconSize} />}\n showIcon={showIcon}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n className={cn(className, `_necto:${APPLE_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledAppleButton>\n )\n);\n\nAppleButton.displayName = APPLE_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { HTMLElements } from '@necto/dom';\nimport { If } from '../../Conditionals/If';\nimport { forwardRef, Fragment } from 'react';\nimport { Primitive } from '../../Primitive/Primitive';\n\nimport type { FC, ReactElement } from 'react';\nimport type { ButtonProps } from './Button.types';\nimport type {\n ElementType,\n KeyboardEvent,\n ForwardedRef,\n ReactNode\n} from 'react';\n\nconst DEFAULT_BUTTON_TAG: keyof HTMLElementTagNameMap = HTMLElements.Button;\n\nexport const Button: FC<ButtonProps> = forwardRef(function SocialButton<\n T extends ElementType = typeof DEFAULT_BUTTON_TAG\n>(\n {\n as = DEFAULT_BUTTON_TAG as T,\n asChild = false,\n children,\n icon,\n showIcon = true,\n iconPosition = 'left',\n disabled,\n className,\n ...props\n }: ButtonProps<T>,\n ref: ForwardedRef<Element>\n): ReactElement {\n const isNativeButton: boolean =\n ((as as unknown as string)?.toLowerCase?.() ?? '') === 'button';\n\n const a11yProps = !isNativeButton\n ? {\n role: 'button' as const,\n tabIndex: disabled ? -1 : 0,\n 'aria-disabled': !!disabled,\n onKeyDown: (e: KeyboardEvent): void => {\n if (disabled) return;\n if (e.key === 'Enter' || e.key === ' ') {\n (props as any).onClick?.(e as any);\n e.preventDefault();\n }\n }\n }\n : { disabled };\n\n const iconNode: ReactNode = icon ? (\n <span\n className=\"_necto:brand-icon\"\n style={{ flexShrink: 0, lineHeight: 0, display: 'inline-flex' }}\n >\n {icon}\n </span>\n ) : null;\n\n return (\n <Primitive\n as={as}\n ref={ref as any}\n asChild={asChild}\n className={className}\n {...a11yProps}\n {...props}\n >\n <Fragment>\n <If condition={!!iconNode && showIcon && iconPosition === 'left'}>\n {iconNode}\n </If>\n\n {children}\n\n <If condition={!!iconNode && showIcon && iconPosition === 'right'}>\n {iconNode}\n </If>\n </Fragment>\n </Primitive>\n );\n});\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Button } from '../Button/Button';\nimport { FaAtlassian } from 'react-icons/fa';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { AtlassianButtonProps } from './Atlassian.types';\n\nconst ATLASSIAN_BUTTON_NAME: string = 'AtlassianButton' as const;\n\nconst StyledAtlassianButton = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #0052cc;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s;\n\n &:hover {\n background-color: #0747a6;\n }\n\n &:active {\n background-color: #003d99;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 82, 204, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #0052cc;\n }\n `}\n`;\n\nexport const AtlassianButton: ForwardRefExoticComponent<Omit<AtlassianButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n AtlassianButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Atlassian',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: AtlassianButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledAtlassianButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<FaAtlassian size={iconSize} />}\n className={cn(className, `_necto:${ATLASSIAN_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledAtlassianButton>\n )\n);\n\nAtlassianButton.displayName = ATLASSIAN_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Button } from '../Button/Button';\nimport { BitbucketIcon } from './Bitbucket.icon';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { BitbucketButtonProps } from './Bitbucket.types';\n\nconst BITBUCKET_BUTTON_NAME: string = 'BitbucketButton' as const;\n\nconst StyledBitbucketButton = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #0052cc;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s;\n\n &:hover {\n background-color: #0747a6;\n }\n\n &:active {\n background-color: #003d99;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 82, 204, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #0052cc;\n }\n `}\n`;\n\nexport const BitbucketButton: ForwardRefExoticComponent<Omit<BitbucketButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n BitbucketButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Bitbucket',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 22,\n disabled,\n className,\n ...props\n }: BitbucketButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledBitbucketButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<BitbucketIcon size={iconSize} />}\n className={cn(className, `_necto:${BITBUCKET_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledBitbucketButton>\n )\n);\n\nBitbucketButton.displayName = BITBUCKET_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { FC, ReactElement } from 'react';\n\nexport const BitbucketIcon: FC<{ size?: number }> = ({\n size\n}: {\n size?: number;\n}): ReactElement => (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 72 72\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>Bitbucket</title>\n <path\n 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\"\n fill=\"url(#paint0_linear_5907_10188)\"\n />\n <path\n 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\"\n fill=\"white\"\n style={{ fill: 'white', fillOpacity: 1 }}\n />\n <defs>\n <linearGradient\n id=\"paint0_linear_5907_10188\"\n x1=\"60.8078\"\n y1=\"35.1603\"\n x2=\"37.2868\"\n y2=\"51.0791\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop\n offset=\"0.0718327\"\n stop-color=\"white\"\n stop-opacity=\"0.4\"\n style={{ stopColor: 'white', stopOpacity: 0.4 }}\n />\n <stop\n offset=\"1\"\n stop-color=\"white\"\n style={{ stopColor: 'white', stopOpacity: 1 }}\n />\n </linearGradient>\n </defs>\n </svg>\n);\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Button } from '../Button/Button';\nimport { FaDiscord } from 'react-icons/fa';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { DiscordButtonProps } from './Discord.types';\n\nconst DISCORD_BUTTON_NAME: string = 'DiscordButton' as const;\n\nconst StyledDiscordButton = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #5865f2;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: 'Roboto', system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #4752d9;\n }\n\n &:active {\n background-color: #3c45c0;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #5865f2;\n }\n `}\n`;\n\nexport const DiscordButton: ForwardRefExoticComponent<Omit<DiscordButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n DiscordButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Discord',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: DiscordButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledDiscordButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<FaDiscord size={iconSize} />}\n className={cn(className, `_necto:${DISCORD_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledDiscordButton>\n )\n);\n\nDiscordButton.displayName = DISCORD_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Button } from '../Button/Button';\nimport { FaDropbox } from 'react-icons/fa';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { DropboxButtonProps } from './Dropbox.types';\n\nconst DROPBOX_BUTTON_NAME: string = 'DropboxButton' as const;\n\nconst StyledDropboxButton = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #0061ff;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: 'Roboto', system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #0056e0;\n }\n\n &:active {\n background-color: #004bc5;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(0, 97, 255, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #0061ff;\n }\n `}\n`;\n\nexport const DropboxButton: ForwardRefExoticComponent<Omit<DropboxButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n DropboxButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Dropbox',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: DropboxButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledDropboxButton\n as={as}\n ref={ref}\n asChild={asChild}\n icon={<FaDropbox size={iconSize} />}\n showIcon={showIcon}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n className={cn(className, `_necto:${DROPBOX_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledDropboxButton>\n )\n);\n\nDropboxButton.displayName = DROPBOX_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Button } from '../Button/Button';\nimport { FaFacebook } from 'react-icons/fa6';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { FacebookButtonProps } from './Facebook.types';\n\nconst FACEBOOK_BUTTON_NAME: string = 'FacebookButton' as const;\n\nconst StyledFacebookButton = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #1877f2;\n color: #ffffff;\n border: 1px solid #1877f2;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #166fe5;\n }\n\n &:active {\n background-color: #1467d6;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #1877f2;\n }\n `}\n`;\n\nexport const FacebookButton: ForwardRefExoticComponent<Omit<FacebookButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n FacebookButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Facebook',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: FacebookButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledFacebookButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<FaFacebook size={iconSize} />}\n className={cn(className, `_necto:${FACEBOOK_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledFacebookButton>\n )\n);\n\nFacebookButton.displayName = FACEBOOK_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Button } from '../Button/Button';\nimport { FaGithub } from 'react-icons/fa';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { GitHubButtonProps } from './GitHub.types';\n\nconst GITHUB_BUTTON_NAME: string = 'GitHubButton' as const;\n\nconst StyledGitHubButton = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #24292f;\n color: #ffffff;\n border: 1px solid #24292f;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #2c3237;\n }\n\n &:active {\n background-color: #373e47;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(36, 41, 47, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #24292f;\n }\n `}\n`;\n\nexport const GitHubButton: ForwardRefExoticComponent<Omit<GitHubButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n GitHubButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with GitHub',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: GitHubButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledGitHubButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<FaGithub size={iconSize} />}\n className={cn(className, `_necto:${GITHUB_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledGitHubButton>\n )\n);\n\nGitHubButton.displayName = GITHUB_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Button } from '../Button/Button';\nimport { FaGitlab } from 'react-icons/fa6';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { GitLabButtonProps } from './GitLab.types';\n\nconst GITLAB_BUTTON_NAME: string = 'GitLabButton' as const;\n\nconst StyledGitLabButton = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 18px;\n min-height: 40px;\n background-color: #fc6d26;\n color: #ffffff;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s;\n\n &:hover {\n background-color: #e24329;\n }\n\n &:active {\n background-color: #c73b1c;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(252, 109, 38, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #fc6d26;\n }\n `}\n`;\n\nexport const GitLabButton: ForwardRefExoticComponent<Omit<GitLabButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n GitLabButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with GitLab',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: GitLabButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledGitLabButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n disabled={disabled}\n $disabled={disabled}\n iconPosition={iconPosition}\n icon={<FaGitlab size={iconSize} />}\n className={cn(className, `_necto:${GITLAB_BUTTON_NAME}`)}\n {...props}\n >\n {children}\n </StyledGitLabButton>\n )\n);\n\nGitLabButton.displayName = GITLAB_BUTTON_NAME;\n","/**\n * Copyright (c) Corinvo, LLC. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Button } from '../Button/Button';\nimport { FcGoogle } from 'react-icons/fc';\n\nimport type { ReactElement, ForwardedRef, ForwardRefExoticComponent, RefAttributes } from 'react';\nimport type { GoogleButtonProps } from './Google.types';\n\nconst GOOGLE_BUTTON_NAME = 'GoogleButton';\n\nconst StyledGoogleButton = styled(Button)<{\n $disabled?: boolean;\n}>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 0 12px 0 12px;\n min-height: 40px;\n background-color: #ffffff;\n color: #1f1f1f;\n border: 1px solid #747775;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: 'Roboto Medium', system-ui, -apple-system, sans-serif;\n line-height: 20px;\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s;\n\n &:hover {\n background-color: #f8f9fa;\n }\n\n &:active {\n background-color: #eceff1;\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.3);\n }\n\n ${props => props.$disabled && `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n\n &:hover,\n &:active {\n background-color: #ffffff;\n }\n `}\n`;\n\nexport const GoogleButton: ForwardRefExoticComponent<Omit<GoogleButtonProps, \"ref\"> & RefAttributes<HTMLButtonElement>> = forwardRef<\n HTMLButtonElement,\n GoogleButtonProps\n>(\n (\n {\n as,\n asChild,\n children = 'Continue with Google',\n iconPosition = 'left',\n showIcon = true,\n iconSize = 20,\n disabled,\n className,\n ...props\n }: GoogleButtonProps,\n ref: ForwardedRef<HTMLButtonElement>\n ): ReactElement => (\n <StyledGoogleButton\n as={as}\n ref={ref}\n asChild={asChild}\n showIcon={showIcon}\n disabled={disabled}\n $disabled={disabled}\n className={className}\n iconPosition={iconPosition}\n icon={<FcGoogle size={iconSize} />}\n {...props}\n >\n {children}\n </StyledGoogleButton>\n )\n);\n\nGoogleButton.displayName = GOOGLE_BUTTON_NAME;\n"],"mappings":"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","names":["DOM","HTMLElements","forwardRef","isValidElement","cloneElement","Children","jsx","DEFAULT_PRIMITIVE_TAG","PrimitiveFn","as","asChild","children","props","ref","Tag","child","Primitive","acc","tag","lower","upper","Comp","Fragment","jsx","Else","props","children","Fragment","Children","jsx","If","props","condition","keepAlive","children","conditionResult","c","Else","cn","forwardRef","styled","FaApple","HTMLElements","forwardRef","Fragment","jsx","jsxs","DEFAULT_BUTTON_TAG","HTMLElements","Button","forwardRef","as","asChild","children","icon","showIcon","iconPosition","disabled","className","props","ref","a11yProps","e","iconNode","Primitive","Fragment","If","jsx","APPLE_BUTTON_NAME","StyledAppleButton","styled","Button","props","AppleButton","forwardRef","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","FaApple","cn","cn","forwardRef","styled","FaAtlassian","jsx","ATLASSIAN_BUTTON_NAME","StyledAtlassianButton","styled","Button","props","AtlassianButton","forwardRef","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","cn","forwardRef","styled","jsx","jsxs","BitbucketIcon","size","jsx","BITBUCKET_BUTTON_NAME","StyledBitbucketButton","styled","Button","props","BitbucketButton","forwardRef","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","BitbucketIcon","cn","cn","forwardRef","styled","FaDiscord","jsx","DISCORD_BUTTON_NAME","StyledDiscordButton","styled","Button","props","DiscordButton","forwardRef","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","cn","forwardRef","styled","FaDropbox","jsx","DROPBOX_BUTTON_NAME","StyledDropboxButton","styled","Button","props","DropboxButton","forwardRef","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","cn","forwardRef","styled","FaFacebook","jsx","FACEBOOK_BUTTON_NAME","StyledFacebookButton","styled","Button","props","FacebookButton","forwardRef","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","cn","forwardRef","styled","FaGithub","jsx","GITHUB_BUTTON_NAME","StyledGitHubButton","styled","Button","props","GitHubButton","forwardRef","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","cn","forwardRef","styled","FaGitlab","jsx","GITLAB_BUTTON_NAME","StyledGitLabButton","styled","Button","props","GitLabButton","forwardRef","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","forwardRef","styled","FcGoogle","jsx","GOOGLE_BUTTON_NAME","StyledGoogleButton","styled","Button","props","GoogleButton","forwardRef","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@necto-react/components",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.11",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Necto's standard library for providing utility components for React applications.",
|
|
6
6
|
"files": [
|
|
@@ -35,9 +35,9 @@
|
|
|
35
35
|
"vitest": "^3.0.9"
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
|
38
|
+
"@types/react": "^19.1.2",
|
|
38
39
|
"react": "^19.1.0",
|
|
39
|
-
"react-dom": "^19.1.0"
|
|
40
|
-
"@types/react": "^19.1.2"
|
|
40
|
+
"react-dom": "^19.1.0"
|
|
41
41
|
},
|
|
42
42
|
"peerDependenciesMeta": {
|
|
43
43
|
"@types/react": {
|
|
@@ -48,10 +48,11 @@
|
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
|
+
"@emotion/react": "^11.14.0",
|
|
52
|
+
"@emotion/styled": "^11.14.1",
|
|
51
53
|
"clsx": "^2.1.1",
|
|
52
54
|
"react-icons": "^5.5.0",
|
|
53
55
|
"react-if": "^4.1.5",
|
|
54
|
-
"styled-components": "^6.1.19",
|
|
55
56
|
"@necto/constants": "1.4.2",
|
|
56
57
|
"@necto/dom": "1.4.3"
|
|
57
58
|
},
|