@necto-react/components 1.2.11 → 1.2.13

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 +105 -229
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +13 -9
  4. package/dist/index.d.ts +13 -9
  5. package/dist/index.js +105 -229
  6. package/dist/index.js.map +1 -1
  7. package/package.json +2 -2
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 '@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":["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"]}
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/GitLab/GitLab.icon.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 {\n ReactElement,\n ForwardedRef,\n ForwardRefExoticComponent,\n RefAttributes\n} 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 padding: 0 18px;\n background-color: var(--necto-apple-bg, ${APPLE_BG_COLOR});\n color: var(--necto-apple-text, ${APPLE_TEXT_COLOR});\n border: none;\n font-weight: 400;\n font-family: 'Roboto', system-ui, -apple-system, sans-serif;\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 box-shadow: 0 0 0 3px var(--necto-apple-focus-shadow, ${APPLE_FOCUS_SHADOW_COLOR});\n }\n\n ${(props) =>\n props.$disabled &&\n `\n &:hover,\n &:active {\n background-color: var(--necto-apple-bg, ${APPLE_BG_COLOR});\n }\n `}\n`;\n\nexport const AppleButton: ForwardRefExoticComponent<\n Omit<AppleButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>\n> = forwardRef<HTMLButtonElement, AppleButtonProps>(\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\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 {\n ElementType,\n KeyboardEvent,\n ForwardedRef,\n ReactNode\n} from 'react';\nimport type { FC, ReactElement } from 'react';\nimport type { ButtonProps } from './Button.types';\nimport type { SerializedStyles } from '@emotion/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 const baseStyles: SerializedStyles = css`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n min-height: 40px;\n width: 100%;\n border-radius: 8px;\n font-size: 14px;\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 &:focus-visible {\n outline: none;\n }\n\n ${\n disabled &&\n `\n opacity: 0.7;\n cursor: not-allowed;\n pointer-events: none;\n `\n }\n `;\n\n return (\n <Primitive\n as={as}\n ref={ref as any}\n asChild={asChild}\n className={className}\n css={baseStyles}\n {...a11yProps}\n {...(() => {\n const { css, ...rest } = props;\n return rest;\n })()}\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 {\n ReactElement,\n ForwardedRef,\n ForwardRefExoticComponent,\n RefAttributes\n} 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 padding: 0 18px;\n background-color: var(--necto-atlassian-bg, ${ATLASSIAN_BG_COLOR});\n color: var(--necto-atlassian-text, ${ATLASSIAN_TEXT_COLOR});\n border: none;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\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 box-shadow: 0 0 0 3px var(--necto-atlassian-focus-shadow, ${ATLASSIAN_FOCUS_SHADOW_COLOR});\n }\n\n ${(props) =>\n props.$disabled &&\n `\n &:hover,\n &:active {\n background-color: var(--necto-atlassian-bg, ${ATLASSIAN_BG_COLOR});\n }\n `}\n`;\n\nexport const AtlassianButton: ForwardRefExoticComponent<\n Omit<AtlassianButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>\n> = forwardRef<HTMLButtonElement, AtlassianButtonProps>(\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\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 {\n ReactElement,\n ForwardedRef,\n ForwardRefExoticComponent,\n RefAttributes\n} 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 padding: 0 18px;\n background-color: var(--necto-bitbucket-bg, ${BITBUCKET_BG_COLOR});\n color: var(--necto-bitbucket-text, ${BITBUCKET_TEXT_COLOR});\n border: none;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\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 box-shadow: 0 0 0 3px var(--necto-bitbucket-focus-shadow, ${BITBUCKET_FOCUS_SHADOW_COLOR});\n }\n\n ${(props) =>\n props.$disabled &&\n `\n &:hover,\n &:active {\n background-color: var(--necto-bitbucket-bg, ${BITBUCKET_BG_COLOR});\n }\n `}\n`;\n\nexport const BitbucketButton: ForwardRefExoticComponent<\n Omit<BitbucketButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>\n> = forwardRef<HTMLButtonElement, BitbucketButtonProps>(\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\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 {\n ReactElement,\n ForwardedRef,\n ForwardRefExoticComponent,\n RefAttributes\n} 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 padding: 0 18px;\n background-color: var(--necto-discord-bg, ${DISCORD_BG_COLOR});\n color: var(--necto-discord-text, ${DISCORD_TEXT_COLOR});\n border: none;\n font-weight: 500;\n font-family: 'Roboto', system-ui, -apple-system, sans-serif;\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 box-shadow: 0 0 0 3px var(--necto-discord-focus-shadow, ${DISCORD_FOCUS_SHADOW_COLOR});\n }\n\n ${(props) =>\n props.$disabled &&\n `\n &:hover,\n &:active {\n background-color: var(--necto-discord-bg, ${DISCORD_BG_COLOR});\n }\n `}\n`;\n\nexport const DiscordButton: ForwardRefExoticComponent<\n Omit<DiscordButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>\n> = forwardRef<HTMLButtonElement, DiscordButtonProps>(\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\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 {\n ReactElement,\n ForwardedRef,\n ForwardRefExoticComponent,\n RefAttributes\n} 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 padding: 0 18px;\n background-color: var(--necto-dropbox-bg, ${DROPBOX_BG_COLOR});\n color: var(--necto-dropbox-text, ${DROPBOX_TEXT_COLOR});\n border: none;\n font-weight: 500;\n font-family: 'Roboto', system-ui, -apple-system, sans-serif;\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 box-shadow: 0 0 0 3px var(--necto-dropbox-focus-shadow, ${DROPBOX_FOCUS_SHADOW_COLOR});\n }\n\n ${(props) =>\n props.$disabled &&\n `\n &:hover,\n &:active {\n background-color: var(--necto-dropbox-bg, ${DROPBOX_BG_COLOR});\n }\n `}\n`;\n\nexport const DropboxButton: ForwardRefExoticComponent<\n Omit<DropboxButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>\n> = forwardRef<HTMLButtonElement, DropboxButtonProps>(\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\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 {\n ReactElement,\n ForwardedRef,\n ForwardRefExoticComponent,\n RefAttributes\n} 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 padding: 0 18px;\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 font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\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 box-shadow: 0 0 0 3px var(--necto-facebook-focus-shadow, ${FACEBOOK_FOCUS_SHADOW_COLOR});\n }\n\n ${(props) =>\n props.$disabled &&\n `\n &:hover,\n &:active {\n background-color: var(--necto-facebook-bg, ${FACEBOOK_BG_COLOR});\n }\n `}\n`;\n\nexport const FacebookButton: ForwardRefExoticComponent<\n Omit<FacebookButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>\n> = forwardRef<HTMLButtonElement, FacebookButtonProps>(\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\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 {\n ReactElement,\n ForwardedRef,\n ForwardRefExoticComponent,\n RefAttributes\n} 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 padding: 0 18px;\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 font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\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 box-shadow: 0 0 0 3px var(--necto-github-focus-shadow, ${GITHUB_FOCUS_SHADOW_COLOR});\n }\n\n ${(props) =>\n props.$disabled &&\n `\n &:hover,\n &:active {\n background-color: var(--necto-github-bg, ${GITHUB_BG_COLOR});\n }\n `}\n`;\n\nexport const GitHubButton: ForwardRefExoticComponent<\n Omit<GitHubButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>\n> = forwardRef<HTMLButtonElement, GitHubButtonProps>(\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\nimport cn from 'clsx';\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Button } from '../Button/Button';\nimport { GitLabIcon } from './GitLab.icon';\n\nimport type {\n ReactElement,\n ForwardedRef,\n ForwardRefExoticComponent,\n RefAttributes\n} 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 padding: 0 18px;\n background-color: var(--necto-gitlab-bg, ${GITLAB_BG_COLOR});\n color: var(--necto-gitlab-text, ${GITLAB_TEXT_COLOR});\n border: none;\n font-weight: 500;\n font-family: system-ui, -apple-system, sans-serif;\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 box-shadow: 0 0 0 3px var(--necto-gitlab-focus-shadow, ${GITLAB_FOCUS_SHADOW_COLOR});\n }\n\n ${(props) =>\n props.$disabled &&\n `\n &:hover,\n &:active {\n background-color: var(--necto-gitlab-bg, ${GITLAB_BG_COLOR});\n }\n `}\n`;\n\nexport const GitLabButton: ForwardRefExoticComponent<\n Omit<GitLabButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>\n> = forwardRef<HTMLButtonElement, GitLabButtonProps>(\n (\n {\n as,\n asChild,\n iconColor = '#fff',\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={<GitLabIcon size={iconSize} color={iconColor} />}\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\nimport type { FC, ReactElement } from 'react';\n\nexport const GitLabIcon: FC<{ size?: number; color?: string | null }> = ({\n size,\n color\n}: {\n size?: number;\n color?: string | null;\n}): ReactElement => {\n // If color is provided and not null/undefined, use single color\n // Otherwise show the multicolor GitLab logo\n const useMulticolor = color === null || color === undefined;\n\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <title>GitLab Icon</title>\n <path\n fill={useMulticolor ? '#E24329' : color}\n d=\"M29.5 13.2v-.1l-3.8-9.9c-.1-.2-.2-.4-.4-.5c-.4-.2-.8-.2-1.2.1c-.1.1-.3.2-.3.4l-2.6 7.9H10.8L8.2 3.2c0-.2-.2-.3-.3-.5c-.4-.2-.8-.3-1.2 0c-.2.1-.3.2-.4.4L2.5 13v.1c-1.1 2.9-.2 6.3 2.3 8.2l5.8 4.3l2.9 2.2l1.7 1.3c.4.3 1 .3 1.4 0l1.7-1.3l2.9-2.2l5.8-4.4c2.7-1.7 3.7-5.1 2.5-8\"\n />\n <path\n fill={useMulticolor ? '#FC6D26' : color}\n d=\"M29.5 13.2v-.1c-1.9.4-3.6 1.2-5.1 2.3L16 21.7c2.9 2.2 5.3 4 5.3 4l5.8-4.4c2.6-1.8 3.6-5.2 2.4-8.1\"\n />\n <path\n fill={useMulticolor ? '#FCA326' : color}\n d=\"m10.7 25.8l2.9 2.2l1.7 1.3c.4.3 1 .3 1.4 0l1.7-1.3l2.9-2.2s-2.5-1.9-5.3-4c-2.9 2.1-5.3 4-5.3 4\"\n />\n <path\n fill={useMulticolor ? '#FC6D26' : color}\n d=\"M7.6 15.4c-1.5-1.1-3.3-1.9-5.1-2.3v.1c-1.1 2.9-.2 6.3 2.3 8.2l5.8 4.3s2.5-1.9 5.3-4z\"\n />\n </svg>\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 { FcGoogle } from 'react-icons/fc';\n\nimport type {\n ReactElement,\n ForwardedRef,\n ForwardRefExoticComponent,\n RefAttributes\n} 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 padding: 0 12px 0 12px;\n height: 40px;\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 font-weight: 500;\n font-family: 'Roboto Medium', system-ui, -apple-system, sans-serif;\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 box-shadow: 0 0 0 3px var(--necto-google-focus-shadow, ${GOOGLE_FOCUS_SHADOW_COLOR});\n }\n\n ${(props) =>\n props.$disabled &&\n `\n &:hover,\n &:active {\n background-color: var(--necto-google-bg, ${GOOGLE_BG_COLOR});\n }\n `}\n`;\n\nexport const GoogleButton: ForwardRefExoticComponent<\n Omit<GoogleButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>\n> = forwardRef<HTMLButtonElement, GoogleButtonProps>(\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","baseStyles","Primitive","css","rest","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_jsx_runtime","GitLabIcon","size","color","useMulticolor","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","iconColor","children","iconPosition","showIcon","iconSize","disabled","className","ref","GitLabIcon","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 CHANGED
@@ -1,6 +1,7 @@
1
1
  import { HTMLElements } from '@necto/dom';
2
2
  import { ElementType, ComponentPropsWithRef, ForwardRefExoticComponent, Ref, ReactElement, FC, ReactNode, RefAttributes } from 'react';
3
3
  import { DOM } from '@necto/constants';
4
+ import { Interpolation, Theme } from '@emotion/react';
4
5
 
5
6
  /**
6
7
  * Copyright (c) Corinvo, LLC. and affiliates.
@@ -18,6 +19,8 @@ type PrimitiveProps<E extends ElementType> = ComponentPropsWithRef<E> & {
18
19
  asChild?: boolean;
19
20
  /** The element type to render as (e.g., 'div', 'button', custom component). */
20
21
  as?: E;
22
+ /** Emotion css prop for custom styles */
23
+ css?: Interpolation<Theme>;
21
24
  };
22
25
  /**
23
26
  * Map of HTML tag names to their corresponding Primitive components.
@@ -96,7 +99,7 @@ type AppleButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
96
99
  *
97
100
  */
98
101
 
99
- declare const AppleButton: ForwardRefExoticComponent<Omit<AppleButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
102
+ declare const AppleButton: ForwardRefExoticComponent<Omit<AppleButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
100
103
 
101
104
  type AtlassianButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
102
105
  children?: ReactNode;
@@ -114,7 +117,7 @@ type AtlassianButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T>
114
117
  *
115
118
  */
116
119
 
117
- declare const AtlassianButton: ForwardRefExoticComponent<Omit<AtlassianButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
120
+ declare const AtlassianButton: ForwardRefExoticComponent<Omit<AtlassianButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
118
121
 
119
122
  type BitbucketButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
120
123
  children?: ReactNode;
@@ -132,7 +135,7 @@ type BitbucketButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T>
132
135
  *
133
136
  */
134
137
 
135
- declare const BitbucketButton: ForwardRefExoticComponent<Omit<BitbucketButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
138
+ declare const BitbucketButton: ForwardRefExoticComponent<Omit<BitbucketButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
136
139
 
137
140
  type DiscordButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
138
141
  children?: ReactNode;
@@ -150,7 +153,7 @@ type DiscordButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> &
150
153
  *
151
154
  */
152
155
 
153
- declare const DiscordButton: ForwardRefExoticComponent<Omit<DiscordButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
156
+ declare const DiscordButton: ForwardRefExoticComponent<Omit<DiscordButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
154
157
 
155
158
  type DropboxButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
156
159
  children?: ReactNode;
@@ -168,7 +171,7 @@ type DropboxButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> &
168
171
  *
169
172
  */
170
173
 
171
- declare const DropboxButton: ForwardRefExoticComponent<Omit<DropboxButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
174
+ declare const DropboxButton: ForwardRefExoticComponent<Omit<DropboxButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
172
175
 
173
176
  type FacebookButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
174
177
  children?: ReactNode;
@@ -186,7 +189,7 @@ type FacebookButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> &
186
189
  *
187
190
  */
188
191
 
189
- declare const FacebookButton: ForwardRefExoticComponent<Omit<FacebookButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
192
+ declare const FacebookButton: ForwardRefExoticComponent<Omit<FacebookButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
190
193
 
191
194
  type GitHubButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
192
195
  children?: ReactNode;
@@ -204,13 +207,14 @@ type GitHubButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
204
207
  *
205
208
  */
206
209
 
207
- declare const GitHubButton: ForwardRefExoticComponent<Omit<GitHubButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
210
+ declare const GitHubButton: ForwardRefExoticComponent<Omit<GitHubButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
208
211
 
209
212
  type GitLabButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
210
213
  children?: ReactNode;
211
214
  iconPosition?: 'left' | 'right';
212
215
  showIcon?: boolean;
213
216
  iconSize?: number;
217
+ iconColor?: string | null;
214
218
  disabled?: boolean;
215
219
  };
216
220
 
@@ -222,7 +226,7 @@ type GitLabButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
222
226
  *
223
227
  */
224
228
 
225
- declare const GitLabButton: ForwardRefExoticComponent<Omit<GitLabButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
229
+ declare const GitLabButton: ForwardRefExoticComponent<Omit<GitLabButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
226
230
 
227
231
  type GoogleButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
228
232
  children?: ReactNode;
@@ -240,6 +244,6 @@ type GoogleButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
240
244
  *
241
245
  */
242
246
 
243
- declare const GoogleButton: ForwardRefExoticComponent<Omit<GoogleButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
247
+ declare const GoogleButton: ForwardRefExoticComponent<Omit<GoogleButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
244
248
 
245
249
  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 CHANGED
@@ -1,6 +1,7 @@
1
1
  import { HTMLElements } from '@necto/dom';
2
2
  import { ElementType, ComponentPropsWithRef, ForwardRefExoticComponent, Ref, ReactElement, FC, ReactNode, RefAttributes } from 'react';
3
3
  import { DOM } from '@necto/constants';
4
+ import { Interpolation, Theme } from '@emotion/react';
4
5
 
5
6
  /**
6
7
  * Copyright (c) Corinvo, LLC. and affiliates.
@@ -18,6 +19,8 @@ type PrimitiveProps<E extends ElementType> = ComponentPropsWithRef<E> & {
18
19
  asChild?: boolean;
19
20
  /** The element type to render as (e.g., 'div', 'button', custom component). */
20
21
  as?: E;
22
+ /** Emotion css prop for custom styles */
23
+ css?: Interpolation<Theme>;
21
24
  };
22
25
  /**
23
26
  * Map of HTML tag names to their corresponding Primitive components.
@@ -96,7 +99,7 @@ type AppleButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
96
99
  *
97
100
  */
98
101
 
99
- declare const AppleButton: ForwardRefExoticComponent<Omit<AppleButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
102
+ declare const AppleButton: ForwardRefExoticComponent<Omit<AppleButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
100
103
 
101
104
  type AtlassianButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
102
105
  children?: ReactNode;
@@ -114,7 +117,7 @@ type AtlassianButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T>
114
117
  *
115
118
  */
116
119
 
117
- declare const AtlassianButton: ForwardRefExoticComponent<Omit<AtlassianButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
120
+ declare const AtlassianButton: ForwardRefExoticComponent<Omit<AtlassianButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
118
121
 
119
122
  type BitbucketButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
120
123
  children?: ReactNode;
@@ -132,7 +135,7 @@ type BitbucketButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T>
132
135
  *
133
136
  */
134
137
 
135
- declare const BitbucketButton: ForwardRefExoticComponent<Omit<BitbucketButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
138
+ declare const BitbucketButton: ForwardRefExoticComponent<Omit<BitbucketButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
136
139
 
137
140
  type DiscordButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
138
141
  children?: ReactNode;
@@ -150,7 +153,7 @@ type DiscordButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> &
150
153
  *
151
154
  */
152
155
 
153
- declare const DiscordButton: ForwardRefExoticComponent<Omit<DiscordButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
156
+ declare const DiscordButton: ForwardRefExoticComponent<Omit<DiscordButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
154
157
 
155
158
  type DropboxButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
156
159
  children?: ReactNode;
@@ -168,7 +171,7 @@ type DropboxButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> &
168
171
  *
169
172
  */
170
173
 
171
- declare const DropboxButton: ForwardRefExoticComponent<Omit<DropboxButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
174
+ declare const DropboxButton: ForwardRefExoticComponent<Omit<DropboxButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
172
175
 
173
176
  type FacebookButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
174
177
  children?: ReactNode;
@@ -186,7 +189,7 @@ type FacebookButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> &
186
189
  *
187
190
  */
188
191
 
189
- declare const FacebookButton: ForwardRefExoticComponent<Omit<FacebookButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
192
+ declare const FacebookButton: ForwardRefExoticComponent<Omit<FacebookButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
190
193
 
191
194
  type GitHubButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
192
195
  children?: ReactNode;
@@ -204,13 +207,14 @@ type GitHubButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
204
207
  *
205
208
  */
206
209
 
207
- declare const GitHubButton: ForwardRefExoticComponent<Omit<GitHubButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
210
+ declare const GitHubButton: ForwardRefExoticComponent<Omit<GitHubButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
208
211
 
209
212
  type GitLabButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
210
213
  children?: ReactNode;
211
214
  iconPosition?: 'left' | 'right';
212
215
  showIcon?: boolean;
213
216
  iconSize?: number;
217
+ iconColor?: string | null;
214
218
  disabled?: boolean;
215
219
  };
216
220
 
@@ -222,7 +226,7 @@ type GitLabButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
222
226
  *
223
227
  */
224
228
 
225
- declare const GitLabButton: ForwardRefExoticComponent<Omit<GitLabButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
229
+ declare const GitLabButton: ForwardRefExoticComponent<Omit<GitLabButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
226
230
 
227
231
  type GoogleButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
228
232
  children?: ReactNode;
@@ -240,6 +244,6 @@ type GoogleButtonProps<T extends ElementType = 'button'> = PrimitiveProps<T> & {
240
244
  *
241
245
  */
242
246
 
243
- declare const GoogleButton: ForwardRefExoticComponent<Omit<GoogleButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
247
+ declare const GoogleButton: ForwardRefExoticComponent<Omit<GoogleButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
244
248
 
245
249
  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 };