@necto-react/components 1.2.10 → 1.2.12

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.
Files changed (7) hide show
  1. package/dist/index.cjs +80 -67
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +248 -0
  4. package/dist/index.d.ts +248 -0
  5. package/dist/index.js +80 -67
  6. package/dist/index.js.map +1 -1
  7. package/package.json +5 -4
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\n/** @jsxImportSource @emotion/react */\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\n/** @jsxImportSource @emotion/react */\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 APPLE_BG_COLOR: string = '#000000';\nconst APPLE_BG_HOVER_COLOR: string = '#1a1a1a';\nconst APPLE_BG_ACTIVE_COLOR: string = '#333333';\nconst APPLE_TEXT_COLOR: string = '#ffffff';\nconst APPLE_FOCUS_SHADOW_COLOR: string = 'rgba(0, 0, 0, 0.3)';\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 width: 100%;\n background-color: var(--necto-apple-bg, ${APPLE_BG_COLOR});\n color: var(--necto-apple-text, ${APPLE_TEXT_COLOR});\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: var(--necto-apple-bg-hover, ${APPLE_BG_HOVER_COLOR});\n }\n\n &:active {\n background-color: var(--necto-apple-bg-active, ${APPLE_BG_ACTIVE_COLOR});\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px var(--necto-apple-focus-shadow, ${APPLE_FOCUS_SHADOW_COLOR});\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: var(--necto-apple-bg, ${APPLE_BG_COLOR});\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(`_necto:${APPLE_BUTTON_NAME}`, className)}\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\n/** @jsxImportSource @emotion/react */\nimport { css } from '@emotion/react';\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:BrandIcon\"\n css={css`\n flex-shrink: 0;\n line-height: 0;\n display: inline-flex;\n `}\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\n/** @jsxImportSource @emotion/react */\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 ATLASSIAN_BG_COLOR: string = '#0052cc';\nconst ATLASSIAN_BG_HOVER_COLOR: string = '#0747a6';\nconst ATLASSIAN_BG_ACTIVE_COLOR: string = '#003d99';\nconst ATLASSIAN_TEXT_COLOR: string = '#ffffff';\nconst ATLASSIAN_FOCUS_SHADOW_COLOR: string = 'rgba(0, 82, 204, 0.3)';\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 width: 100%;\n background-color: var(--necto-atlassian-bg, ${ATLASSIAN_BG_COLOR});\n color: var(--necto-atlassian-text, ${ATLASSIAN_TEXT_COLOR});\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: var(--necto-atlassian-bg-hover, ${ATLASSIAN_BG_HOVER_COLOR});\n }\n\n &:active {\n background-color: var(--necto-atlassian-bg-active, ${ATLASSIAN_BG_ACTIVE_COLOR});\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px var(--necto-atlassian-focus-shadow, ${ATLASSIAN_FOCUS_SHADOW_COLOR});\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: var(--necto-atlassian-bg, ${ATLASSIAN_BG_COLOR});\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(`_necto:${ATLASSIAN_BUTTON_NAME}`, className)}\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\n/** @jsxImportSource @emotion/react */\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 BITBUCKET_BG_COLOR: string = '#0052cc';\nconst BITBUCKET_BG_HOVER_COLOR: string = '#0747a6';\nconst BITBUCKET_BG_ACTIVE_COLOR: string = '#003d99';\nconst BITBUCKET_TEXT_COLOR: string = '#ffffff';\nconst BITBUCKET_FOCUS_SHADOW_COLOR: string = 'rgba(0, 82, 204, 0.3)';\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 width: 100%;\n background-color: var(--necto-bitbucket-bg, ${BITBUCKET_BG_COLOR});\n color: var(--necto-bitbucket-text, ${BITBUCKET_TEXT_COLOR});\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: var(--necto-bitbucket-bg-hover, ${BITBUCKET_BG_HOVER_COLOR});\n }\n\n &:active {\n background-color: var(--necto-bitbucket-bg-active, ${BITBUCKET_BG_ACTIVE_COLOR});\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px var(--necto-bitbucket-focus-shadow, ${BITBUCKET_FOCUS_SHADOW_COLOR});\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: var(--necto-bitbucket-bg, ${BITBUCKET_BG_COLOR});\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(`_necto:${BITBUCKET_BUTTON_NAME}`, className)}\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\n/** @jsxImportSource @emotion/react */\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 DISCORD_BG_COLOR: string = '#5865f2';\nconst DISCORD_BG_HOVER_COLOR: string = '#4752d9';\nconst DISCORD_BG_ACTIVE_COLOR: string = '#3c45c0';\nconst DISCORD_TEXT_COLOR: string = '#ffffff';\nconst DISCORD_FOCUS_SHADOW_COLOR: string = 'rgba(88, 101, 242, 0.3)';\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 width: 100%;\n background-color: var(--necto-discord-bg, ${DISCORD_BG_COLOR});\n color: var(--necto-discord-text, ${DISCORD_TEXT_COLOR});\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: var(--necto-discord-bg-hover, ${DISCORD_BG_HOVER_COLOR});\n }\n\n &:active {\n background-color: var(--necto-discord-bg-active, ${DISCORD_BG_ACTIVE_COLOR});\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px var(--necto-discord-focus-shadow, ${DISCORD_FOCUS_SHADOW_COLOR});\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: var(--necto-discord-bg, ${DISCORD_BG_COLOR});\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(`_necto:${DISCORD_BUTTON_NAME}`, className)}\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\n/** @jsxImportSource @emotion/react */\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 DROPBOX_BG_COLOR: string = '#0061ff';\nconst DROPBOX_BG_HOVER_COLOR: string = '#0056e0';\nconst DROPBOX_BG_ACTIVE_COLOR: string = '#004bc5';\nconst DROPBOX_TEXT_COLOR: string = '#ffffff';\nconst DROPBOX_FOCUS_SHADOW_COLOR: string = 'rgba(0, 97, 255, 0.3)';\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 width: 100%;\n background-color: var(--necto-dropbox-bg, ${DROPBOX_BG_COLOR});\n color: var(--necto-dropbox-text, ${DROPBOX_TEXT_COLOR});\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: var(--necto-dropbox-bg-hover, ${DROPBOX_BG_HOVER_COLOR});\n }\n\n &:active {\n background-color: var(--necto-dropbox-bg-active, ${DROPBOX_BG_ACTIVE_COLOR});\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px var(--necto-dropbox-focus-shadow, ${DROPBOX_FOCUS_SHADOW_COLOR});\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: var(--necto-dropbox-bg, ${DROPBOX_BG_COLOR});\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(`_necto:${DROPBOX_BUTTON_NAME}`, className)}\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\n/** @jsxImportSource @emotion/react */\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 FACEBOOK_BG_COLOR: string = '#1877f2';\nconst FACEBOOK_BG_HOVER_COLOR: string = '#166fe5';\nconst FACEBOOK_BG_ACTIVE_COLOR: string = '#1467d6';\nconst FACEBOOK_TEXT_COLOR: string = '#ffffff';\nconst FACEBOOK_BORDER_COLOR: string = '#1877f2';\nconst FACEBOOK_FOCUS_SHADOW_COLOR: string = 'rgba(24, 119, 242, 0.3)';\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 width: 100%;\n background-color: var(--necto-facebook-bg, ${FACEBOOK_BG_COLOR});\n color: var(--necto-facebook-text, ${FACEBOOK_TEXT_COLOR});\n border: 1px solid var(--necto-facebook-border, ${FACEBOOK_BORDER_COLOR});\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: var(--necto-facebook-bg-hover, ${FACEBOOK_BG_HOVER_COLOR});\n }\n\n &:active {\n background-color: var(--necto-facebook-bg-active, ${FACEBOOK_BG_ACTIVE_COLOR});\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px var(--necto-facebook-focus-shadow, ${FACEBOOK_FOCUS_SHADOW_COLOR});\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: var(--necto-facebook-bg, ${FACEBOOK_BG_COLOR});\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(`_necto:${FACEBOOK_BUTTON_NAME}`, className)}\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\n/** @jsxImportSource @emotion/react */\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 GITHUB_BG_COLOR: string = '#24292f';\nconst GITHUB_BG_HOVER_COLOR: string = '#2c3237';\nconst GITHUB_BG_ACTIVE_COLOR: string = '#373e47';\nconst GITHUB_TEXT_COLOR: string = '#ffffff';\nconst GITHUB_BORDER_COLOR: string = '#24292f';\nconst GITHUB_FOCUS_SHADOW_COLOR: string = 'rgba(36, 41, 47, 0.3)';\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 width: 100%;\n background-color: var(--necto-github-bg, ${GITHUB_BG_COLOR});\n color: var(--necto-github-text, ${GITHUB_TEXT_COLOR});\n border: 1px solid var(--necto-github-border, ${GITHUB_BORDER_COLOR});\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: var(--necto-github-bg-hover, ${GITHUB_BG_HOVER_COLOR});\n }\n\n &:active {\n background-color: var(--necto-github-bg-active, ${GITHUB_BG_ACTIVE_COLOR});\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px var(--necto-github-focus-shadow, ${GITHUB_FOCUS_SHADOW_COLOR});\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: var(--necto-github-bg, ${GITHUB_BG_COLOR});\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(`_necto:${GITHUB_BUTTON_NAME}`, className)}\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\n/** @jsxImportSource @emotion/react */\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 GITLAB_BG_COLOR: string = '#fc6d26';\nconst GITLAB_BG_HOVER_COLOR: string = '#e24329';\nconst GITLAB_BG_ACTIVE_COLOR: string = '#c73b1c';\nconst GITLAB_TEXT_COLOR: string = '#ffffff';\nconst GITLAB_FOCUS_SHADOW_COLOR: string = 'rgba(252, 109, 38, 0.3)';\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 width: 100%;\n background-color: var(--necto-gitlab-bg, ${GITLAB_BG_COLOR});\n color: var(--necto-gitlab-text, ${GITLAB_TEXT_COLOR});\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: var(--necto-gitlab-bg-hover, ${GITLAB_BG_HOVER_COLOR});\n }\n\n &:active {\n background-color: var(--necto-gitlab-bg-active, ${GITLAB_BG_ACTIVE_COLOR});\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px var(--necto-gitlab-focus-shadow, ${GITLAB_FOCUS_SHADOW_COLOR});\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: var(--necto-gitlab-bg, ${GITLAB_BG_COLOR});\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(`_necto:${GITLAB_BUTTON_NAME}`, className)}\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\n/** @jsxImportSource @emotion/react */\nimport cn from 'clsx';\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 GOOGLE_BG_COLOR: string = '#ffffff';\nconst GOOGLE_BG_HOVER_COLOR: string = '#f8f9fa';\nconst GOOGLE_BG_ACTIVE_COLOR: string = '#eceff1';\nconst GOOGLE_TEXT_COLOR: string = '#1f1f1f';\nconst GOOGLE_BORDER_COLOR: string = '#747775';\nconst GOOGLE_FOCUS_SHADOW_COLOR: string = 'rgba(66, 133, 244, 0.3)';\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 width: 100%;\n background-color: var(--necto-google-bg, ${GOOGLE_BG_COLOR});\n color: var(--necto-google-text, ${GOOGLE_TEXT_COLOR});\n border: 1px solid var(--necto-google-border, ${GOOGLE_BORDER_COLOR});\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: var(--necto-google-bg-hover, ${GOOGLE_BG_HOVER_COLOR});\n }\n\n &:active {\n background-color: var(--necto-google-bg-active, ${GOOGLE_BG_ACTIVE_COLOR});\n }\n\n &:focus-visible {\n outline: none;\n box-shadow: 0 0 0 3px var(--necto-google-focus-shadow, ${GOOGLE_FOCUS_SHADOW_COLOR});\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: var(--necto-google-bg, ${GOOGLE_BG_COLOR});\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={cn(`_necto:${GOOGLE_BUTTON_NAME}`, 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","import_fa","import_react","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","APPLE_BG_COLOR","APPLE_BG_HOVER_COLOR","APPLE_BG_ACTIVE_COLOR","APPLE_TEXT_COLOR","APPLE_FOCUS_SHADOW_COLOR","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","ATLASSIAN_BG_COLOR","ATLASSIAN_BG_HOVER_COLOR","ATLASSIAN_BG_ACTIVE_COLOR","ATLASSIAN_TEXT_COLOR","ATLASSIAN_FOCUS_SHADOW_COLOR","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","BITBUCKET_BG_COLOR","BITBUCKET_BG_HOVER_COLOR","BITBUCKET_BG_ACTIVE_COLOR","BITBUCKET_TEXT_COLOR","BITBUCKET_FOCUS_SHADOW_COLOR","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","DISCORD_BG_COLOR","DISCORD_BG_HOVER_COLOR","DISCORD_BG_ACTIVE_COLOR","DISCORD_TEXT_COLOR","DISCORD_FOCUS_SHADOW_COLOR","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","DROPBOX_BG_COLOR","DROPBOX_BG_HOVER_COLOR","DROPBOX_BG_ACTIVE_COLOR","DROPBOX_TEXT_COLOR","DROPBOX_FOCUS_SHADOW_COLOR","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","FACEBOOK_BG_COLOR","FACEBOOK_BG_HOVER_COLOR","FACEBOOK_BG_ACTIVE_COLOR","FACEBOOK_TEXT_COLOR","FACEBOOK_BORDER_COLOR","FACEBOOK_FOCUS_SHADOW_COLOR","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","GITHUB_BG_COLOR","GITHUB_BG_HOVER_COLOR","GITHUB_BG_ACTIVE_COLOR","GITHUB_TEXT_COLOR","GITHUB_BORDER_COLOR","GITHUB_FOCUS_SHADOW_COLOR","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","GITLAB_BG_COLOR","GITLAB_BG_HOVER_COLOR","GITLAB_BG_ACTIVE_COLOR","GITLAB_TEXT_COLOR","GITLAB_FOCUS_SHADOW_COLOR","StyledGitLabButton","styled","Button","props","GitLabButton","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn","import_clsx","import_react","import_styled","import_fc","import_jsx_runtime","GOOGLE_BUTTON_NAME","GOOGLE_BG_COLOR","GOOGLE_BG_HOVER_COLOR","GOOGLE_BG_ACTIVE_COLOR","GOOGLE_TEXT_COLOR","GOOGLE_BORDER_COLOR","GOOGLE_FOCUS_SHADOW_COLOR","StyledGoogleButton","styled","Button","props","GoogleButton","as","asChild","children","iconPosition","showIcon","iconSize","disabled","className","ref","cn"]}
package/dist/index.d.cts ADDED
@@ -0,0 +1,248 @@
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
+ import { Interpolation, Theme } from '@emotion/react';
5
+
6
+ /**
7
+ * Copyright (c) Corinvo, LLC. and affiliates.
8
+ *
9
+ * This source code is licensed under the MIT license found in the
10
+ * LICENSE file in the root directory of this source tree.
11
+ *
12
+ */
13
+
14
+ /**
15
+ * Props for the polymorphic Primitive component.
16
+ */
17
+ type PrimitiveProps<E extends ElementType> = ComponentPropsWithRef<E> & {
18
+ /** If true, clones the single child instead of rendering an extra element. */
19
+ asChild?: boolean;
20
+ /** The element type to render as (e.g., 'div', 'button', custom component). */
21
+ as?: E;
22
+ /** Emotion css prop for custom styles */
23
+ css?: Interpolation<Theme>;
24
+ };
25
+ /**
26
+ * Map of HTML tag names to their corresponding Primitive components.
27
+ *
28
+ * Each entry is a forward-ref exotic component that accepts the appropriate
29
+ * props for its element type, plus Primitive-specific props.
30
+ */
31
+ type Primitives = {
32
+ [E in (typeof DOM.HTML_TAGS)[number] as E extends ElementType ? E : never]: ForwardRefExoticComponent<PrimitiveProps<E & ElementType>>;
33
+ };
34
+
35
+ /**
36
+ * The public Primitive component for Necto.
37
+ *
38
+ * @param {PrimitiveProps<any>} props - Props for the polymorphic Primitive component.
39
+ * @param {Ref<any>} ref - Forwarded ref for the rendered element or cloned child.
40
+ * @returns {ReactElement | null} The rendered element or null.
41
+ */
42
+ declare const Primitive: (<E extends ElementType = (typeof HTMLElements)['Div']>(props: PrimitiveProps<E> & {
43
+ ref?: Ref<any>;
44
+ }) => ReactElement | null) & FC<PrimitiveProps<ElementType>> & Primitives & {
45
+ [k: string]: any;
46
+ };
47
+
48
+ /**
49
+ * Copyright (c) Corinvo, LLC. and affiliates.
50
+ *
51
+ * This source code is licensed under the MIT license found in the
52
+ * LICENSE file in the root directory of this source tree.
53
+ *
54
+ */
55
+
56
+ interface IfProps {
57
+ condition: boolean | (() => boolean);
58
+ keepAlive?: boolean;
59
+ children: ReactNode | Array<ReactNode>;
60
+ }
61
+
62
+ /**
63
+ * Copyright (c) Corinvo, LLC. and affiliates.
64
+ *
65
+ * This source code is licensed under the MIT license found in the
66
+ * LICENSE file in the root directory of this source tree.
67
+ *
68
+ */
69
+
70
+ declare const If: (props: IfProps) => ReactElement | null;
71
+
72
+ interface ElseProps {
73
+ children: ReactNode | Array<ReactNode> | (() => ReactNode);
74
+ }
75
+
76
+ /**
77
+ * Copyright (c) Corinvo, LLC. and affiliates.
78
+ *
79
+ * This source code is licensed under the MIT license found in the
80
+ * LICENSE file in the root directory of this source tree.
81
+ *
82
+ */
83
+
84
+ declare const Else: (props: ElseProps) => ReactElement;
85
+
86
+ type AppleButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
87
+ children?: ReactNode;
88
+ iconPosition?: 'left' | 'right';
89
+ showIcon?: boolean;
90
+ iconSize?: number;
91
+ disabled?: boolean;
92
+ };
93
+
94
+ /**
95
+ * Copyright (c) Corinvo, LLC. and affiliates.
96
+ *
97
+ * This source code is licensed under the MIT license found in the
98
+ * LICENSE file in the root directory of this source tree.
99
+ *
100
+ */
101
+
102
+ declare const AppleButton: ForwardRefExoticComponent<Omit<AppleButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
103
+
104
+ type AtlassianButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
105
+ children?: ReactNode;
106
+ iconPosition?: 'left' | 'right';
107
+ showIcon?: boolean;
108
+ iconSize?: number;
109
+ disabled?: boolean;
110
+ };
111
+
112
+ /**
113
+ * Copyright (c) Corinvo, LLC. and affiliates.
114
+ *
115
+ * This source code is licensed under the MIT license found in the
116
+ * LICENSE file in the root directory of this source tree.
117
+ *
118
+ */
119
+
120
+ declare const AtlassianButton: ForwardRefExoticComponent<Omit<AtlassianButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
121
+
122
+ type BitbucketButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
123
+ children?: ReactNode;
124
+ iconPosition?: 'left' | 'right';
125
+ showIcon?: boolean;
126
+ iconSize?: number;
127
+ disabled?: boolean;
128
+ };
129
+
130
+ /**
131
+ * Copyright (c) Corinvo, LLC. and affiliates.
132
+ *
133
+ * This source code is licensed under the MIT license found in the
134
+ * LICENSE file in the root directory of this source tree.
135
+ *
136
+ */
137
+
138
+ declare const BitbucketButton: ForwardRefExoticComponent<Omit<BitbucketButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
139
+
140
+ type DiscordButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
141
+ children?: ReactNode;
142
+ iconPosition?: 'left' | 'right';
143
+ showIcon?: boolean;
144
+ iconSize?: number;
145
+ disabled?: boolean;
146
+ };
147
+
148
+ /**
149
+ * Copyright (c) Corinvo, LLC. and affiliates.
150
+ *
151
+ * This source code is licensed under the MIT license found in the
152
+ * LICENSE file in the root directory of this source tree.
153
+ *
154
+ */
155
+
156
+ declare const DiscordButton: ForwardRefExoticComponent<Omit<DiscordButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
157
+
158
+ type DropboxButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
159
+ children?: ReactNode;
160
+ iconPosition?: 'left' | 'right';
161
+ showIcon?: boolean;
162
+ iconSize?: number;
163
+ disabled?: boolean;
164
+ };
165
+
166
+ /**
167
+ * Copyright (c) Corinvo, LLC. and affiliates.
168
+ *
169
+ * This source code is licensed under the MIT license found in the
170
+ * LICENSE file in the root directory of this source tree.
171
+ *
172
+ */
173
+
174
+ declare const DropboxButton: ForwardRefExoticComponent<Omit<DropboxButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
175
+
176
+ type FacebookButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
177
+ children?: ReactNode;
178
+ iconPosition?: 'left' | 'right';
179
+ showIcon?: boolean;
180
+ iconSize?: number;
181
+ disabled?: boolean;
182
+ };
183
+
184
+ /**
185
+ * Copyright (c) Corinvo, LLC. and affiliates.
186
+ *
187
+ * This source code is licensed under the MIT license found in the
188
+ * LICENSE file in the root directory of this source tree.
189
+ *
190
+ */
191
+
192
+ declare const FacebookButton: ForwardRefExoticComponent<Omit<FacebookButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
193
+
194
+ type GitHubButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
195
+ children?: ReactNode;
196
+ iconPosition?: 'left' | 'right';
197
+ showIcon?: boolean;
198
+ iconSize?: number;
199
+ disabled?: boolean;
200
+ };
201
+
202
+ /**
203
+ * Copyright (c) Corinvo, LLC. and affiliates.
204
+ *
205
+ * This source code is licensed under the MIT license found in the
206
+ * LICENSE file in the root directory of this source tree.
207
+ *
208
+ */
209
+
210
+ declare const GitHubButton: ForwardRefExoticComponent<Omit<GitHubButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
211
+
212
+ type GitLabButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
213
+ children?: ReactNode;
214
+ iconPosition?: 'left' | 'right';
215
+ showIcon?: boolean;
216
+ iconSize?: number;
217
+ disabled?: boolean;
218
+ };
219
+
220
+ /**
221
+ * Copyright (c) Corinvo, LLC. and affiliates.
222
+ *
223
+ * This source code is licensed under the MIT license found in the
224
+ * LICENSE file in the root directory of this source tree.
225
+ *
226
+ */
227
+
228
+ declare const GitLabButton: ForwardRefExoticComponent<Omit<GitLabButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
229
+
230
+ type GoogleButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
231
+ children?: ReactNode;
232
+ iconPosition?: 'left' | 'right';
233
+ showIcon?: boolean;
234
+ iconSize?: number;
235
+ disabled?: boolean;
236
+ };
237
+
238
+ /**
239
+ * Copyright (c) Corinvo, LLC. and affiliates.
240
+ *
241
+ * This source code is licensed under the MIT license found in the
242
+ * LICENSE file in the root directory of this source tree.
243
+ *
244
+ */
245
+
246
+ declare const GoogleButton: ForwardRefExoticComponent<Omit<GoogleButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
247
+
248
+ 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 };