{"version":3,"file":"10de5484.js","sources":["../../../src/components/base/button/Button.client.tsx"],"sourcesContent":["import {Link} from '@shopify/hydrogen';\n\nexport const DEFAULT_CLASSES =\n  'flex items-center justify-center rounded-[4px] border-w-0 font-secondary text-small font-bold py-[6px] px-[18px] text-center uppercase transition-all lg:px-4 disabled:opacity-75 cursor-pointer disabled:cursor-default';\n\nexport const BUTTON_HEIGHTS = {\n  'primary-secondary': 'h-[45px] w-[205px]',\n};\n\nexport const VARIANT_CLASSES = {\n  loading: 'text-transparent relative',\n  primary: `${BUTTON_HEIGHTS['primary-secondary']} bg-brown-4 text-brown-1`,\n  secondary: `${BUTTON_HEIGHTS['primary-secondary']} bg-brown-1 text-white-1`,\n  sticky: `${BUTTON_HEIGHTS['primary-secondary']} bg-b text-white-1`,\n  tertiary: 'bg-transparent text-brown-1',\n  quaternary: 'bg-white-1 text-brown-1',\n  quinary: 'bg-white-7 text-brown-1',\n  senary: `${BUTTON_HEIGHTS['primary-secondary']} bg-transparent text-brown border-[1px] border-brown-22 hover:bg-brown-22 hover:text-white-1`,\n  pill: 'bg-gray-11 font-primary font-normal capitalize text-brown-1 min-h-[30px] py-1 md:min-h-[35px]',\n  circle:\n    'bg-transparent text-brown-1 rounded-full border-[1px] border-brown-16 h-10 w-10 leading-5',\n  'circle-active':\n    'bg-brown-16 text-white-1 rounded-full border-[1px] border-brown-16 h-10 w-10 leading-5',\n  rounded:\n    'bg-transparent text-brown-1 rounded-[15px] border-[1px] border-brown-16 uppercase pt-[6px] px-[14px] pb-[7px] leading-4',\n  'rounded-active':\n    'bg-brown-1 text-white-1 rounded-[15px] border-[1px] border-brown-16 uppercase pt-[6px] px-[14px] pb-[7px] leading-4',\n  'btn-link': 'bg-transparent font-medium p-0 text-brown-1',\n};\n\nexport const BUTTON_PRIMARY_CLASSES = `${DEFAULT_CLASSES} ${VARIANT_CLASSES.primary}`;\nexport const BUTTON_SECONDARY_CLASSES = `${DEFAULT_CLASSES} ${VARIANT_CLASSES.secondary}`;\nexport const BUTTON_TERTIARY_CLASSES = `${DEFAULT_CLASSES} ${VARIANT_CLASSES.tertiary}`;\nexport const BUTTON_QUATERNARY_CLASSES = `${DEFAULT_CLASSES} ${VARIANT_CLASSES.quaternary}`;\nexport const BUTTON_QUINARY_CLASSES = `${DEFAULT_CLASSES} ${VARIANT_CLASSES.quinary}`;\nexport const BUTTON_SENARY_CLASSES = `${DEFAULT_CLASSES} ${VARIANT_CLASSES.senary}`;\nexport const BUTTON_STICKY_CLASSES = `${DEFAULT_CLASSES} ${VARIANT_CLASSES.sticky}`;\n\nconst ExternalIcon = () => (\n  <svg\n    className=\"ml-3 fill-current text-white-1\"\n    width=\"15\"\n    height=\"14\"\n    viewBox=\"0 0 15 14\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M8.11963 0.000976562C7.56734 0.000976562 7.11963 0.448692 7.11963 1.00098C7.11963 1.55326 7.56734 2.00098 8.11963 2.00098H10.7054L4.41252 8.29387C4.022 8.68439 4.022 9.31756 4.41252 9.70808C4.80305 10.0986 5.43621 10.0986 5.82674 9.70808L12.1196 3.41519V6.00098C12.1196 6.55326 12.5673 7.00098 13.1196 7.00098C13.6719 7.00098 14.1196 6.55326 14.1196 6.00098V1.00098C14.1196 0.448692 13.6719 0.000976562 13.1196 0.000976562H8.11963Z\" />\n    <path d=\"M2.11963 2.00098C1.01506 2.00098 0.119629 2.89641 0.119629 4.00098V12.001C0.119629 13.1055 1.01506 14.001 2.11963 14.001H10.1196C11.2242 14.001 12.1196 13.1055 12.1196 12.001V9.00098C12.1196 8.44869 11.6719 8.00098 11.1196 8.00098C10.5673 8.00098 10.1196 8.44869 10.1196 9.00098V12.001H2.11963V4.00098L5.11963 4.00098C5.67191 4.00098 6.11963 3.55326 6.11963 3.00098C6.11963 2.44869 5.67191 2.00098 5.11963 2.00098H2.11963Z\" />\n  </svg>\n);\n\n/**\n * A client component that sets the primary and secondary classes for button components\n */\nexport default function Button(props: any): JSX.Element {\n  const {\n    className,\n    label,\n    handleClick,\n    url,\n    variant = 'primary',\n    ...passthroughProps\n  } = props;\n  const variants: any = {\n    primary: BUTTON_PRIMARY_CLASSES,\n    secondary: BUTTON_SECONDARY_CLASSES,\n    tertiary: BUTTON_TERTIARY_CLASSES,\n    quaternary: BUTTON_QUATERNARY_CLASSES,\n    quinary: BUTTON_QUINARY_CLASSES,\n    senary: BUTTON_SENARY_CLASSES,\n  };\n  const classes = `btn ${DEFAULT_CLASSES} ${\n    variant && variants[variant] ? variants[variant] : BUTTON_PRIMARY_CLASSES\n  } ${className}`;\n  const isExternal = url\n    ? url.indexOf('://') > 0 || url.indexOf('//') === 0\n    : false;\n\n  if (isExternal) {\n    return (\n      <Link to={url || ''} className={classes} {...passthroughProps}>\n        {label}\n        <ExternalIcon />\n      </Link>\n    );\n  }\n\n  if (handleClick) {\n    return (\n      <button\n        className={classes}\n        onClick={() => handleClick()}\n        type=\"button\"\n        {...passthroughProps}\n      >\n        {label}\n      </button>\n    );\n  }\n\n  return (\n    <Link to={url ? url : ''} className={classes} {...passthroughProps}>\n      {label}\n    </Link>\n  );\n}\n"],"names":["DEFAULT_CLASSES","BUTTON_HEIGHTS","VARIANT_CLASSES","loading","primary","secondary","sticky","tertiary","quaternary","quinary","senary","pill","circle","rounded","BUTTON_PRIMARY_CLASSES","BUTTON_SECONDARY_CLASSES","BUTTON_TERTIARY_CLASSES","BUTTON_QUATERNARY_CLASSES","BUTTON_QUINARY_CLASSES","BUTTON_SENARY_CLASSES","BUTTON_STICKY_CLASSES","ExternalIcon","_jsxs","_jsx","Button","props","className","label","handleClick","url","variant","passthroughProps","variants","classes","indexOf","Link"],"mappings":"sUAEO,MAAMA,EACX,2NAEWC,EAAiB,CAC5B,oBAAqB,oBACvB,EAEaC,EAAkB,CAC7BC,QAAS,4BACTC,QAAU,GAAEH,EAAe,+CAC3BI,UAAY,GAAEJ,EAAe,+CAC7BK,OAAS,GAAEL,EAAe,yCAC1BM,SAAU,8BACVC,WAAY,0BACZC,QAAS,0BACTC,OAAS,GAAET,EAAe,mHAC1BU,KAAM,gGACNC,OACE,4FACF,gBACE,yFACFC,QACE,0HACF,iBACE,sHACF,WAAY,6CACd,EAEaC,EAA0B,GAAEd,KAAmBE,EAAgBE,UAC/DW,EAA4B,GAAEf,KAAmBE,EAAgBG,YACjEW,EAA2B,GAAEhB,KAAmBE,EAAgBK,WAChEU,EAA6B,GAAEjB,KAAmBE,EAAgBM,aAClEU,EAA0B,GAAElB,KAAmBE,EAAgBO,UAC/DU,EAAyB,GAAEnB,KAAmBE,EAAgBQ,SAC9DU,EAAyB,GAAEpB,KAAmBE,EAAgBI,SAErEe,EAAe,IACnBC,EAAA,MAAA,CACE,UAAU,iCACV,MAAM,KACN,OAAO,KACP,QAAQ,YACR,MAAM,6BAA4B,SAElC,CAAAC,EAAA,OAAA,CAAM,EAAE,ibAAA,CAAib,EACzbA,EAAA,OAAA,CAAM,EAAE,waAAA,CAA2a,CAAA,CAAA,CAEtb,EAKD,SAAwBC,EAAOC,EAAyB,CAChD,KAAA,CACJC,UAAAA,EACAC,MAAAA,EACAC,YAAAA,EACAC,IAAAA,EACAC,QAAAA,EAAU,aACPC,CACDN,EAAAA,EACEO,EAAgB,CACpB5B,QAASU,EACTT,UAAWU,EACXR,SAAUS,EACVR,WAAYS,EACZR,QAASS,EACTR,OAAQS,CAAAA,EAEJc,EAAW,OAAMjC,KACrB8B,GAAWE,EAASF,GAAWE,EAASF,GAAWhB,KACjDY,IAKJ,OAJmBG,EACfA,EAAIK,QAAQ,KAAK,EAAI,GAAKL,EAAIK,QAAQ,IAAI,IAAM,EAChD,MAICC,EAAI,CAAC,GAAIN,GAAO,GAAI,UAAWI,EAAQ,GAAKF,EAAgB,SAAA,CAC1DJ,IACAN,EAAe,CAAA,CAAA,CAAA,CAAA,CACX,EAIPO,IAEA,SAAA,CACE,UAAWK,EACX,QAAS,IAAML,EAAc,EAC7B,KAAK,SAAQ,GACTG,EAAgB,SAEnBJ,CAAAA,CACM,IAKVQ,EAAI,CAAC,GAAIN,GAAY,GAAI,UAAWI,EAAQ,GAAKF,EAAgB,SAC/DJ,CAAAA,CACI,CAEX"}