{"version":3,"file":"button-3cdtCUDC.js","sources":["../../../app/components/button.tsx"],"sourcesContent":["import { clsx } from 'clsx'\nimport * as React from 'react'\nimport { AnchorOrLink } from '~/utils/misc.tsx'\n\ninterface ButtonProps {\n  variant?: 'primary' | 'secondary' | 'danger'\n  size?: 'small' | 'medium' | 'large'\n  children: React.ReactNode | React.ReactNode[]\n}\n\nfunction getClassName({ className }: { className?: string }) {\n  return clsx(\n    'group relative inline-flex text-lg font-medium focus:outline-none opacity-100 disabled:opacity-50 transition',\n    className,\n  )\n}\n\nfunction ButtonInner({\n  children,\n  variant,\n  size = 'large',\n}: Pick<ButtonProps, 'children' | 'variant' | 'size'>) {\n  return (\n    <>\n      <div\n        className={clsx(\n          'focus-ring absolute inset-0 transform rounded-2xl opacity-100 transition disabled:opacity-50',\n          {\n            'border-secondary bg-primary border-2 group-hover:border-transparent group-focus:border-transparent':\n              variant === 'secondary' || variant === 'danger',\n            danger: variant === 'danger',\n            'bg-inverse': variant === 'primary',\n          },\n        )}\n      />\n\n      <div\n        className={clsx(\n          'relative flex h-full w-full items-center justify-center whitespace-nowrap',\n          {\n            'text-primary': variant === 'secondary',\n            'text-inverse': variant === 'primary',\n            'text-red-500': variant === 'danger',\n            'space-x-5 px-11 py-6': size === 'large',\n            'space-x-3 px-8 py-4': size === 'medium',\n            'space-x-1 px-5 py-2 text-sm': size === 'small',\n          },\n        )}\n      >\n        {children}\n      </div>\n    </>\n  )\n}\n\nfunction Button({\n  children,\n  variant = 'primary',\n  size = 'large',\n  className,\n  ...buttonProps\n}: ButtonProps & JSX.IntrinsicElements['button']) {\n  return (\n    <button {...buttonProps} className={getClassName({ className })}>\n      <ButtonInner variant={variant} size={size}>\n        {children}\n      </ButtonInner>\n    </button>\n  )\n}\n\n/**\n * A button that looks like a link\n */\nfunction LinkButton({\n  className,\n  underlined,\n  ...buttonProps\n}: { underlined?: boolean } & JSX.IntrinsicElements['button']) {\n  return (\n    <button\n      {...buttonProps}\n      className={clsx(\n        className,\n        underlined\n          ? 'underlined whitespace-nowrap focus:outline-none'\n          : 'underline',\n        className?.includes('block') ? '' : 'inline-block',\n        'text-primary',\n      )}\n    />\n  )\n}\n\n/**\n * A link that looks like a button\n */\nconst ButtonLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentPropsWithRef<typeof AnchorOrLink> & ButtonProps\n>(function ButtonLink(\n  { children, variant = 'primary', className, ...rest },\n  ref,\n) {\n  return (\n    <AnchorOrLink ref={ref} className={getClassName({ className })} {...rest}>\n      <ButtonInner variant={variant}>{children}</ButtonInner>\n    </AnchorOrLink>\n  )\n})\n\nexport { Button, ButtonLink, LinkButton }\n"],"names":["getClassName","className","clsx","ButtonInner","children","variant","size","jsxs","Fragment","jsx","Button","buttonProps","ButtonLink","React.forwardRef","rest","ref","AnchorOrLink"],"mappings":"0GAUA,SAASA,EAAa,CAAE,UAAAC,GAAqC,CACpD,OAAAC,EACL,+GACAD,CAAA,CAEJ,CAEA,SAASE,EAAY,CACnB,SAAAC,EACA,QAAAC,EACA,KAAAC,EAAO,OACT,EAAuD,CACrD,OAEIC,EAAA,KAAAC,WAAA,CAAA,SAAA,CAAAC,EAAA,IAAC,MAAA,CACC,UAAWP,EACT,+FACA,CACE,qGACEG,IAAY,aAAeA,IAAY,SACzC,OAAQA,IAAY,SACpB,aAAcA,IAAY,SAC5B,CACF,CAAA,CACF,EAEAI,EAAA,IAAC,MAAA,CACC,UAAWP,EACT,4EACA,CACE,eAAgBG,IAAY,YAC5B,eAAgBA,IAAY,UAC5B,eAAgBA,IAAY,SAC5B,uBAAwBC,IAAS,QACjC,sBAAuBA,IAAS,SAChC,8BAA+BA,IAAS,OAC1C,CACF,EAEC,SAAAF,CAAA,CACH,CACF,CAAA,CAAA,CAEJ,CAEA,SAASM,EAAO,CACd,SAAAN,EACA,QAAAC,EAAU,UACV,KAAAC,EAAO,QACP,UAAAL,EACA,GAAGU,CACL,EAAkD,CAChD,OACGF,EAAAA,IAAA,SAAA,CAAQ,GAAGE,EAAa,UAAWX,EAAa,CAAE,UAAAC,CAAW,CAAA,EAC5D,SAACQ,EAAAA,IAAAN,EAAA,CAAY,QAAAE,EAAkB,KAAAC,EAC5B,SAAAF,EACH,CACF,CAAA,CAEJ,CA4BA,MAAMQ,EAAaC,EAGjB,WAAA,SACA,CAAE,SAAAT,EAAU,QAAAC,EAAU,UAAW,UAAAJ,EAAW,GAAGa,CAAA,EAC/CC,EACA,CACA,OACGN,EAAAA,IAAAO,EAAA,CAAa,IAAAD,EAAU,UAAWf,EAAa,CAAE,UAAAC,EAAW,EAAI,GAAGa,EAClE,SAAAL,EAAAA,IAACN,EAAY,CAAA,QAAAE,EAAmB,SAAAD,EAAS,CAC3C,CAAA,CAEJ,CAAC"}