@purpurds/button 7.6.1 → 7.7.0

package/dist/LICENSE.txt

@@ -1,12 +1,12 @@
 Name: @purpurds/action
-Version: 7.6.0
+Version: 7.6.1
 License: AGPL-3.0-only
 Private: false
 
 ---
 
 Name: @purpurds/spinner
-Version: 7.6.0
+Version: 7.6.1
 License: AGPL-3.0-only
 Private: false
 

package/dist/button.cjs.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),$=require("react"),E={PRIMARY:"primary",SECONDARY:"secondary",EXPRESSIVE:"expressive"},R={LG:"lg"};function B(u){return u&&u.__esModule&&Object.prototype.hasOwnProperty.call(u,"default")?u.default:u}var m={exports:{}};/*!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),N=require("react"),O={PRIMARY:"primary",SECONDARY:"secondary",EXPRESSIVE:"expressive"},$={LG:"lg"};function E(u){return u&&u.__esModule&&Object.prototype.hasOwnProperty.call(u,"default")?u.default:u}var y={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var w;function A(){return w||(w=1,function(u){(function(){var i={}.hasOwnProperty;function n(){for(var t="",r=0;r<arguments.length;r++){var e=arguments[r];e&&(t=s(t,p(e)))}return t}function p(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var r="";for(var e in t)i.call(t,e)&&t[e]&&(r=s(r,e));return r}function s(t,r){return r?t?t+" "+r:t+r:t}u.exports?(n.default=n,u.exports=n):window.classNames=n})()}(m)),m.exports}var P=A();const g=B(P),V="_rotate_12t9p_1",I="_dash_12t9p_1",_={"purpur-spinner":"_purpur-spinner_12t9p_2",rotate:V,"purpur-spinner--xxs":"_purpur-spinner--xxs_12t9p_6","purpur-spinner--xs":"_purpur-spinner--xs_12t9p_10","purpur-spinner--sm":"_purpur-spinner--sm_12t9p_14","purpur-spinner--md":"_purpur-spinner--md_12t9p_18","purpur-spinner--lg":"_purpur-spinner--lg_12t9p_22","purpur-spinner__circle":"_purpur-spinner__circle_12t9p_26",dash:I,"purpur-spinner__circle--disabled":"_purpur-spinner__circle--disabled_12t9p_41","purpur-spinner__circle--negative":"_purpur-spinner__circle--negative_12t9p_44"},a="purpur-spinner",M={SM:"sm"},U=({["data-testid"]:u,disabled:i=!1,negative:n=!1,size:p=M.SM,...s})=>c.jsx("div",{className:g([_[a],_[`${a}--${p}`]]),"data-testid":u,...s,children:c.jsx("svg",{viewBox:"0 0 50 50",children:c.jsx("circle",{className:g(_[`${a}__circle`],{[_[`${a}__circle--disabled`]]:i,[_[`${a}__circle--negative`]]:n}),cx:"25",cy:"25",r:"20"})})});function C(u){return u&&u.__esModule&&Object.prototype.hasOwnProperty.call(u,"default")?u.default:u}var d={exports:{}};/*!
+*/var x;function R(){return x||(x=1,function(u){(function(){var s={}.hasOwnProperty;function n(){for(var t="",r=0;r<arguments.length;r++){var e=arguments[r];e&&(t=p(t,i.call(this,e)))}return t}function i(t){if(typeof t=="string"||typeof t=="number")return this&&this[t]||t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(this,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var r="";for(var e in t)s.call(t,e)&&t[e]&&(r=p(r,this&&this[e]||e));return r}function p(t,r){return r?t?t+" "+r:t+r:t}u.exports?(n.default=n,u.exports=n):window.classNames=n})()}(y)),y.exports}var A=R();const B=E(A),P="_rotate_12t9p_1",V="_dash_12t9p_1",I={"purpur-spinner":"_purpur-spinner_12t9p_2",rotate:P,"purpur-spinner--xxs":"_purpur-spinner--xxs_12t9p_6","purpur-spinner--xs":"_purpur-spinner--xs_12t9p_10","purpur-spinner--sm":"_purpur-spinner--sm_12t9p_14","purpur-spinner--md":"_purpur-spinner--md_12t9p_18","purpur-spinner--lg":"_purpur-spinner--lg_12t9p_22","purpur-spinner__circle":"_purpur-spinner__circle_12t9p_26",dash:V,"purpur-spinner__circle--disabled":"_purpur-spinner__circle--disabled_12t9p_41","purpur-spinner__circle--negative":"_purpur-spinner__circle--negative_12t9p_44"},m=B.bind(I),_="purpur-spinner",M={SM:"sm"},U=({disabled:u=!1,negative:s=!1,size:n=M.SM,...i})=>a.jsx("div",{className:m(_,`${_}--${n}`),...i,children:a.jsx("svg",{viewBox:"0 0 50 50",children:a.jsx("circle",{className:m(`${_}__circle`,{[`${_}__circle--disabled`]:u,[`${_}__circle--negative`]:s}),cx:"25",cy:"25",r:"20"})})});function Y(u){return u&&u.__esModule&&Object.prototype.hasOwnProperty.call(u,"default")?u.default:u}var l={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var q;function Y(){return q||(q=1,function(u){(function(){var i={}.hasOwnProperty;function n(){for(var t="",r=0;r<arguments.length;r++){var e=arguments[r];e&&(t=s(t,p.call(this,e)))}return t}function p(t){if(typeof t=="string"||typeof t=="number")return this&&this[t]||t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(this,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var r="";for(var e in t)i.call(t,e)&&t[e]&&(r=s(r,this&&this[e]||e));return r}function s(t,r){return r?t?t+" "+r:t+r:t}u.exports?(n.default=n,u.exports=n):window.classNames=n})()}(d)),d.exports}var D=Y();const L=C(D),G={"purpur-button":"_purpur-button_w455q_1","purpur-button--xs":"_purpur-button--xs_w455q_33","purpur-button--icon-only":"_purpur-button--icon-only_w455q_36","purpur-button--sm":"_purpur-button--sm_w455q_39","purpur-button--md":"_purpur-button--md_w455q_45","purpur-button--lg":"_purpur-button--lg_w455q_51","purpur-button--full-width":"_purpur-button--full-width_w455q_57","purpur-button--primary":"_purpur-button--primary_w455q_60","purpur-button--disabled":"_purpur-button--disabled_w455q_64","purpur-button--primary-negative":"_purpur-button--primary-negative_w455q_70","purpur-button--secondary":"_purpur-button--secondary_w455q_82","purpur-button--secondary-negative":"_purpur-button--secondary-negative_w455q_93","purpur-button--expressive":"_purpur-button--expressive_w455q_104","purpur-button--expressive-negative":"_purpur-button--expressive-negative_w455q_114","purpur-button--negative":"_purpur-button--negative_w455q_126","purpur-button--destructive":"_purpur-button--destructive_w455q_133","purpur-button--destructive-negative":"_purpur-button--destructive-negative_w455q_143","purpur-button--tertiary-purple":"_purpur-button--tertiary-purple_w455q_153","purpur-button--tertiary-purple-negative":"_purpur-button--tertiary-purple-negative_w455q_166","purpur-button--text-negative":"_purpur-button--text-negative_w455q_181","purpur-button--text":"_purpur-button--text_w455q_181"},h={...E,DESTRUCTIVE:"destructive",TERTIARY_PURPLE:"tertiary-purple",TEXT:"text"},X=Object.values(h),z=L.bind(G),o="purpur-button",F=["button","submit","reset"],H=({children:u,className:i,["data-testid"]:n,disabled:p=!1,fullWidth:s=!1,iconOnly:t,loading:r=!1,negative:e=!1,onClick:b,size:f="md",variant:l,type:T="button",...v},N)=>{if(t&&l==="destructive")return null;const j=z([o,`${o}--${e?`${l}-negative`:l}`,`${o}--${f}`],{[`${o}--icon-only`]:t,[`${o}--negative`]:e,[`${o}--full-width`]:s,[`${o}--disabled`]:p||r},i),O=x=>{p||r?x.preventDefault():b&&b(x)},y=!!v["aria-disabled"]||p||r;return c.jsxs("button",{className:j,"data-testid":n,type:T,ref:N,"aria-disabled":y,onClick:O,...v,children:[r&&c.jsx(U,{size:f===R.LG?"xs":"xxs",negative:e,disabled:y})," ",u]})},S=$.forwardRef(H);S.displayName="Button";exports.BUTTON_TYPES=F;exports.BUTTON_VARIANT=h;exports.Button=S;exports.buttonVariants=X;
+*/var w;function C(){return w||(w=1,function(u){(function(){var s={}.hasOwnProperty;function n(){for(var t="",r=0;r<arguments.length;r++){var e=arguments[r];e&&(t=p(t,i.call(this,e)))}return t}function i(t){if(typeof t=="string"||typeof t=="number")return this&&this[t]||t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(this,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var r="";for(var e in t)s.call(t,e)&&t[e]&&(r=p(r,this&&this[e]||e));return r}function p(t,r){return r?t?t+" "+r:t+r:t}u.exports?(n.default=n,u.exports=n):window.classNames=n})()}(l)),l.exports}var D=C();const L=Y(D),G={"purpur-button":"_purpur-button_w455q_1","purpur-button--xs":"_purpur-button--xs_w455q_33","purpur-button--icon-only":"_purpur-button--icon-only_w455q_36","purpur-button--sm":"_purpur-button--sm_w455q_39","purpur-button--md":"_purpur-button--md_w455q_45","purpur-button--lg":"_purpur-button--lg_w455q_51","purpur-button--full-width":"_purpur-button--full-width_w455q_57","purpur-button--primary":"_purpur-button--primary_w455q_60","purpur-button--disabled":"_purpur-button--disabled_w455q_64","purpur-button--primary-negative":"_purpur-button--primary-negative_w455q_70","purpur-button--secondary":"_purpur-button--secondary_w455q_82","purpur-button--secondary-negative":"_purpur-button--secondary-negative_w455q_93","purpur-button--expressive":"_purpur-button--expressive_w455q_104","purpur-button--expressive-negative":"_purpur-button--expressive-negative_w455q_114","purpur-button--negative":"_purpur-button--negative_w455q_126","purpur-button--destructive":"_purpur-button--destructive_w455q_133","purpur-button--destructive-negative":"_purpur-button--destructive-negative_w455q_143","purpur-button--tertiary-purple":"_purpur-button--tertiary-purple_w455q_153","purpur-button--tertiary-purple-negative":"_purpur-button--tertiary-purple-negative_w455q_166","purpur-button--text-negative":"_purpur-button--text-negative_w455q_181","purpur-button--text":"_purpur-button--text_w455q_181"},h={...O,DESTRUCTIVE:"destructive",TERTIARY_PURPLE:"tertiary-purple",TEXT:"text"},X=Object.values(h),z=L.bind(G),o="purpur-button",F=["button","submit","reset"],g=N.forwardRef(({children:u,className:s,disabled:n=!1,fullWidth:i=!1,iconOnly:p,loading:t=!1,negative:r=!1,onClick:e,size:b="md",variant:c,type:q="button",...d},S)=>{if(p&&c==="destructive")return null;const T=z([o,`${o}--${r?`${c}-negative`:c}`,`${o}--${b}`],{[`${o}--icon-only`]:p,[`${o}--negative`]:r,[`${o}--full-width`]:i,[`${o}--disabled`]:n||t},s),j=v=>{n||t?v.preventDefault():e&&e(v)},f=!!d["aria-disabled"]||n||t;return a.jsxs("button",{className:T,type:q,ref:S,"aria-disabled":f,onClick:j,...d,children:[t&&a.jsx(U,{size:b===$.LG?"xs":"xxs",negative:r,disabled:f})," ",u]})});g.displayName="Button";exports.BUTTON_TYPES=F;exports.BUTTON_VARIANT=h;exports.Button=g;exports.buttonVariants=X;
 //# sourceMappingURL=button.cjs.js.map

package/dist/button.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.cjs.js","sources":["../../../libraries/action/dist/action.es.js","../../spinner/dist/spinner.es.js","../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/button.tsx"],"sourcesContent":["const s = {\n  PRIMARY: \"primary\",\n  SECONDARY: \"secondary\",\n  EXPRESSIVE: \"expressive\"\n}, t = Object.values(s), e = {\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\"\n}, c = Object.values(e);\nexport {\n  e as SIZE,\n  s as VARIANT,\n  c as sizes,\n  t as variants\n};\n//# sourceMappingURL=action.es.js.map\n","import { jsx as a } from \"react/jsx-runtime\";\nfunction m(n) {\n  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, \"default\") ? n.default : n;\n}\nvar o = { exports: {} };\n/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\nvar l;\nfunction x() {\n  return l || (l = 1, function(n) {\n    (function() {\n      var c = {}.hasOwnProperty;\n      function s() {\n        for (var r = \"\", e = 0; e < arguments.length; e++) {\n          var t = arguments[e];\n          t && (r = u(r, _(t)));\n        }\n        return r;\n      }\n      function _(r) {\n        if (typeof r == \"string\" || typeof r == \"number\")\n          return r;\n        if (typeof r != \"object\")\n          return \"\";\n        if (Array.isArray(r))\n          return s.apply(null, r);\n        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes(\"[native code]\"))\n          return r.toString();\n        var e = \"\";\n        for (var t in r)\n          c.call(r, t) && r[t] && (e = u(e, t));\n        return e;\n      }\n      function u(r, e) {\n        return e ? r ? r + \" \" + e : r + e : r;\n      }\n      n.exports ? (s.default = s, n.exports = s) : window.classNames = s;\n    })();\n  }(o)), o.exports;\n}\nvar v = x();\nconst f = /* @__PURE__ */ m(v), S = \"_rotate_12t9p_1\", h = \"_dash_12t9p_1\", p = {\n  \"purpur-spinner\": \"_purpur-spinner_12t9p_2\",\n  rotate: S,\n  \"purpur-spinner--xxs\": \"_purpur-spinner--xxs_12t9p_6\",\n  \"purpur-spinner--xs\": \"_purpur-spinner--xs_12t9p_10\",\n  \"purpur-spinner--sm\": \"_purpur-spinner--sm_12t9p_14\",\n  \"purpur-spinner--md\": \"_purpur-spinner--md_12t9p_18\",\n  \"purpur-spinner--lg\": \"_purpur-spinner--lg_12t9p_22\",\n  \"purpur-spinner__circle\": \"_purpur-spinner__circle_12t9p_26\",\n  dash: h,\n  \"purpur-spinner__circle--disabled\": \"_purpur-spinner__circle--disabled_12t9p_41\",\n  \"purpur-spinner__circle--negative\": \"_purpur-spinner__circle--negative_12t9p_44\"\n}, i = \"purpur-spinner\", d = {\n  XXS: \"xxs\",\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\"\n}, b = Object.values(d), N = ({\n  [\"data-testid\"]: n,\n  disabled: c = !1,\n  negative: s = !1,\n  size: _ = d.SM,\n  ...u\n}) => /* @__PURE__ */ a(\n  \"div\",\n  {\n    className: f([p[i], p[`${i}--${_}`]]),\n    \"data-testid\": n,\n    ...u,\n    children: /* @__PURE__ */ a(\"svg\", { viewBox: \"0 0 50 50\", children: /* @__PURE__ */ a(\n      \"circle\",\n      {\n        className: f(p[`${i}__circle`], {\n          [p[`${i}__circle--disabled`]]: c,\n          [p[`${i}__circle--negative`]]: s\n        }),\n        cx: \"25\",\n        cy: \"25\",\n        r: \"20\"\n      }\n    ) })\n  }\n);\nexport {\n  d as SPINNER_SIZE,\n  N as Spinner,\n  b as spinnerSizes\n};\n//# sourceMappingURL=spinner.es.js.map\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { type ButtonHTMLAttributes, type ForwardedRef, forwardRef, type MouseEvent } from \"react\";\nimport { type ActionProps, SIZE, VARIANT } from \"@purpurds/action\";\nimport { Spinner } from \"@purpurds/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./button.module.scss\";\n\nexport const BUTTON_VARIANT = {\n  ...VARIANT,\n  DESTRUCTIVE: \"destructive\",\n  TERTIARY_PURPLE: \"tertiary-purple\",\n  TEXT: \"text\",\n} as const;\n\nexport const buttonVariants = Object.values(BUTTON_VARIANT);\nexport type ButtonVariant = (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-button\";\n\ntype ButtonType = Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"type\">[\"type\"];\nexport const BUTTON_TYPES: ButtonType[] = [\"button\", \"submit\", \"reset\"] as const;\n\nexport type ButtonProps = ActionProps<ButtonVariant> &\n  ButtonHTMLAttributes<HTMLButtonElement> & { loading?: boolean };\n\nconst ButtonComponent = (\n  {\n    children,\n    className,\n    [\"data-testid\"]: dataTestid,\n    disabled = false,\n    fullWidth = false,\n    iconOnly,\n    loading = false,\n    negative = false,\n    onClick,\n    size = \"md\",\n    variant,\n    type = \"button\",\n    ...props\n  }: Omit<ButtonProps, \"type\"> & { type?: ButtonType },\n  ref: ForwardedRef<HTMLButtonElement>\n) => {\n  if (iconOnly && variant === \"destructive\") {\n    return null;\n  }\n  const classes = cx(\n    [\n      rootClassName,\n      `${rootClassName}--${negative ? `${variant}-negative` : variant}`,\n      `${rootClassName}--${size}`,\n    ],\n    {\n      [`${rootClassName}--icon-only`]: iconOnly,\n      [`${rootClassName}--negative`]: negative,\n      [`${rootClassName}--full-width`]: fullWidth,\n      [`${rootClassName}--disabled`]: disabled || loading,\n    },\n    className\n  );\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    if (disabled || loading) {\n      e.preventDefault();\n    } else if (onClick) {\n      onClick(e);\n    }\n  };\n\n  const _disabled = Boolean(props[\"aria-disabled\"]) || disabled || loading;\n\n  return (\n    <button\n      className={classes}\n      data-testid={dataTestid}\n      type={type}\n      ref={ref}\n      aria-disabled={_disabled}\n      onClick={handleClick}\n      {...props}\n    >\n      {loading && (\n        <Spinner size={size === SIZE.LG ? \"xs\" : \"xxs\"} negative={negative} disabled={_disabled} />\n      )}{\" \"}\n      {children}\n    </button>\n  );\n};\n\nexport const Button = forwardRef(ButtonComponent);\nButton.displayName = \"Button\";\n"],"names":["s","e","m","n","o","l","x","c","r","t","u","_","v","f","S","h","p","i","d","N","a","hasOwn","classNames","classes","arg","appendClass","parseValue","key","value","newClass","module","BUTTON_VARIANT","VARIANT","buttonVariants","cx","styles","rootClassName","BUTTON_TYPES","ButtonComponent","children","className","dataTestid","disabled","fullWidth","iconOnly","loading","negative","onClick","size","variant","type","props","ref","handleClick","_disabled","jsxs","jsx","Spinner","SIZE","Button","forwardRef"],"mappings":"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","x_google_ignoreList":[2]}
+{"version":3,"file":"button.cjs.js","sources":["../../../libraries/action/dist/action.es.js","../../spinner/dist/spinner.es.js","../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/button.tsx"],"sourcesContent":["const s = {\n  PRIMARY: \"primary\",\n  SECONDARY: \"secondary\",\n  EXPRESSIVE: \"expressive\"\n}, t = Object.values(s), e = {\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\"\n}, c = Object.values(e);\nexport {\n  e as SIZE,\n  s as VARIANT,\n  c as sizes,\n  t as variants\n};\n//# sourceMappingURL=action.es.js.map\n","import { jsx as c } from \"react/jsx-runtime\";\nfunction d(e) {\n  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, \"default\") ? e.default : e;\n}\nvar _ = { exports: {} };\n/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\nvar l;\nfunction x() {\n  return l || (l = 1, function(e) {\n    (function() {\n      var i = {}.hasOwnProperty;\n      function t() {\n        for (var r = \"\", n = 0; n < arguments.length; n++) {\n          var p = arguments[n];\n          p && (r = o(r, u.call(this, p)));\n        }\n        return r;\n      }\n      function u(r) {\n        if (typeof r == \"string\" || typeof r == \"number\")\n          return this && this[r] || r;\n        if (typeof r != \"object\")\n          return \"\";\n        if (Array.isArray(r))\n          return t.apply(this, r);\n        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes(\"[native code]\"))\n          return r.toString();\n        var n = \"\";\n        for (var p in r)\n          i.call(r, p) && r[p] && (n = o(n, this && this[p] || p));\n        return n;\n      }\n      function o(r, n) {\n        return n ? r ? r + \" \" + n : r + n : r;\n      }\n      e.exports ? (t.default = t, e.exports = t) : window.classNames = t;\n    })();\n  }(_)), _.exports;\n}\nvar h = x();\nconst m = /* @__PURE__ */ d(h), v = \"_rotate_12t9p_1\", S = \"_dash_12t9p_1\", b = {\n  \"purpur-spinner\": \"_purpur-spinner_12t9p_2\",\n  rotate: v,\n  \"purpur-spinner--xxs\": \"_purpur-spinner--xxs_12t9p_6\",\n  \"purpur-spinner--xs\": \"_purpur-spinner--xs_12t9p_10\",\n  \"purpur-spinner--sm\": \"_purpur-spinner--sm_12t9p_14\",\n  \"purpur-spinner--md\": \"_purpur-spinner--md_12t9p_18\",\n  \"purpur-spinner--lg\": \"_purpur-spinner--lg_12t9p_22\",\n  \"purpur-spinner__circle\": \"_purpur-spinner__circle_12t9p_26\",\n  dash: S,\n  \"purpur-spinner__circle--disabled\": \"_purpur-spinner__circle--disabled_12t9p_41\",\n  \"purpur-spinner__circle--negative\": \"_purpur-spinner__circle--negative_12t9p_44\"\n}, a = m.bind(b), s = \"purpur-spinner\", f = {\n  XXS: \"xxs\",\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\"\n}, N = Object.values(f), j = ({\n  disabled: e = !1,\n  negative: i = !1,\n  size: t = f.SM,\n  ...u\n}) => /* @__PURE__ */ c(\"div\", { className: a(s, `${s}--${t}`), ...u, children: /* @__PURE__ */ c(\"svg\", { viewBox: \"0 0 50 50\", children: /* @__PURE__ */ c(\n  \"circle\",\n  {\n    className: a(`${s}__circle`, {\n      [`${s}__circle--disabled`]: e,\n      [`${s}__circle--negative`]: i\n    }),\n    cx: \"25\",\n    cy: \"25\",\n    r: \"20\"\n  }\n) }) });\nexport {\n  f as SPINNER_SIZE,\n  j as Spinner,\n  N as spinnerSizes\n};\n//# sourceMappingURL=spinner.es.js.map\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { type ButtonHTMLAttributes, forwardRef, type MouseEvent } from \"react\";\nimport { type ActionProps, SIZE, VARIANT } from \"@purpurds/action\";\nimport type { BaseProps } from \"@purpurds/common-types\";\nimport { Spinner } from \"@purpurds/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./button.module.scss\";\n\nexport const BUTTON_VARIANT = {\n  ...VARIANT,\n  DESTRUCTIVE: \"destructive\",\n  TERTIARY_PURPLE: \"tertiary-purple\",\n  TEXT: \"text\",\n} as const;\n\nexport const buttonVariants = Object.values(BUTTON_VARIANT);\nexport type ButtonVariant = (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-button\";\n\ntype ButtonType = Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"type\">[\"type\"];\nexport const BUTTON_TYPES: ButtonType[] = [\"button\", \"submit\", \"reset\"] as const;\n\nexport type ButtonProps = ActionProps<ButtonVariant> & BaseProps<\"button\"> & { loading?: boolean };\n\nexport const Button = forwardRef<\n  HTMLButtonElement,\n  Omit<ButtonProps, \"type\"> & { type?: ButtonType }\n>(\n  (\n    {\n      children,\n      className,\n      disabled = false,\n      fullWidth = false,\n      iconOnly,\n      loading = false,\n      negative = false,\n      onClick,\n      size = \"md\",\n      variant,\n      type = \"button\",\n      ...props\n    },\n    ref\n  ) => {\n    if (iconOnly && variant === \"destructive\") {\n      return null;\n    }\n    const classes = cx(\n      [\n        rootClassName,\n        `${rootClassName}--${negative ? `${variant}-negative` : variant}`,\n        `${rootClassName}--${size}`,\n      ],\n      {\n        [`${rootClassName}--icon-only`]: iconOnly,\n        [`${rootClassName}--negative`]: negative,\n        [`${rootClassName}--full-width`]: fullWidth,\n        [`${rootClassName}--disabled`]: disabled || loading,\n      },\n      className\n    );\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n      if (disabled || loading) {\n        e.preventDefault();\n      } else if (onClick) {\n        onClick(e);\n      }\n    };\n\n    const _disabled = Boolean(props[\"aria-disabled\"]) || disabled || loading;\n\n    return (\n      <button\n        className={classes}\n        type={type}\n        ref={ref}\n        aria-disabled={_disabled}\n        onClick={handleClick}\n        {...props}\n      >\n        {loading && (\n          <Spinner\n            size={size === SIZE.LG ? \"xs\" : \"xxs\"}\n            negative={negative}\n            disabled={_disabled}\n          />\n        )}{\" \"}\n        {children}\n      </button>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"names":["s","e","d","_","l","x","i","t","r","n","p","o","u","h","m","v","S","b","a","f","j","c","hasOwn","classNames","classes","arg","appendClass","parseValue","key","value","newClass","module","BUTTON_VARIANT","VARIANT","buttonVariants","cx","styles","rootClassName","BUTTON_TYPES","Button","forwardRef","children","className","disabled","fullWidth","iconOnly","loading","negative","onClick","size","variant","type","props","ref","handleClick","_disabled","jsxs","jsx","Spinner","SIZE"],"mappings":"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","x_google_ignoreList":[2]}

package/dist/button.d.ts

@@ -1,5 +1,6 @@
 import { default as React, ButtonHTMLAttributes } from 'react';
 import { ActionProps } from '@purpurds/action';
+import { BaseProps } from '@purpurds/common-types';
 
 export declare const BUTTON_VARIANT: {
     readonly DESTRUCTIVE: "destructive";
@@ -13,11 +14,11 @@ export declare const buttonVariants: ("destructive" | "tertiary-purple" | "text"
 export type ButtonVariant = (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];
 type ButtonType = Pick<ButtonHTMLAttributes<HTMLButtonElement>, "type">["type"];
 export declare const BUTTON_TYPES: ButtonType[];
-export type ButtonProps = ActionProps<ButtonVariant> & ButtonHTMLAttributes<HTMLButtonElement> & {
+export type ButtonProps = ActionProps<ButtonVariant> & BaseProps<"button"> & {
     loading?: boolean;
 };
-export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "type"> & {
+export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<ButtonProps, "type"> & {
     type?: ButtonType;
-} & React.RefAttributes<HTMLButtonElement>>;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export {};
 //# sourceMappingURL=button.d.ts.map

package/dist/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,oBAAoB,EAAkD,MAAM,OAAO,CAAC;AACzG,OAAO,EAAE,KAAK,WAAW,EAAiB,MAAM,kBAAkB,CAAC;AAMnE,eAAO,MAAM,cAAc;;;;;;;CAKjB,CAAC;AAEX,eAAO,MAAM,cAAc,yFAAgC,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAKjF,KAAK,UAAU,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAChF,eAAO,MAAM,YAAY,EAAE,UAAU,EAA2C,CAAC;AAEjF,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,aAAa,CAAC,GAClD,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAkElE,eAAO,MAAM,MAAM;WAjDuB,UAAU;2CAiDH,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,oBAAoB,EAA+B,MAAM,OAAO,CAAC;AACtF,OAAO,EAAE,KAAK,WAAW,EAAiB,MAAM,kBAAkB,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAMxD,eAAO,MAAM,cAAc;;;;;;;CAKjB,CAAC;AAEX,eAAO,MAAM,cAAc,yFAAgC,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAKjF,KAAK,UAAU,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAChF,eAAO,MAAM,YAAY,EAAE,UAAU,EAA2C,CAAC;AAEjF,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEnG,eAAO,MAAM,MAAM;WAEoB,UAAU;mDAmEhD,CAAC"}

package/dist/button.es.js

@@ -1,56 +1,56 @@
-import { jsx as c, jsxs as E } from "react/jsx-runtime";
-import { forwardRef as O } from "react";
-const T = {
+import { jsx as a, jsxs as $ } from "react/jsx-runtime";
+import { forwardRef as E } from "react";
+const N = {
   PRIMARY: "primary",
   SECONDARY: "secondary",
   EXPRESSIVE: "expressive"
-}, R = {
+}, O = {
   LG: "lg"
 };
-function j(u) {
+function T(u) {
   return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
 }
-var x = { exports: {} };
+var y = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var w;
-function A() {
-  return w || (w = 1, function(u) {
+var m;
+function j() {
+  return m || (m = 1, function(u) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var s = {}.hasOwnProperty;
       function n() {
         for (var t = "", r = 0; r < arguments.length; r++) {
           var e = arguments[r];
-          e && (t = s(t, p(e)));
+          e && (t = p(t, i.call(this, e)));
         }
         return t;
       }
-      function p(t) {
+      function i(t) {
         if (typeof t == "string" || typeof t == "number")
-          return t;
+          return this && this[t] || t;
         if (typeof t != "object")
           return "";
         if (Array.isArray(t))
-          return n.apply(null, t);
+          return n.apply(this, t);
         if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
           return t.toString();
         var r = "";
         for (var e in t)
-          i.call(t, e) && t[e] && (r = s(r, e));
+          s.call(t, e) && t[e] && (r = p(r, this && this[e] || e));
         return r;
       }
-      function s(t, r) {
+      function p(t, r) {
         return r ? t ? t + " " + r : t + r : t;
       }
       u.exports ? (n.default = n, u.exports = n) : window.classNames = n;
     })();
-  }(x)), x.exports;
+  }(y)), y.exports;
 }
-var B = A();
-const g = /* @__PURE__ */ j(B), P = "_rotate_12t9p_1", C = "_dash_12t9p_1", _ = {
+var R = j();
+const A = /* @__PURE__ */ T(R), P = "_rotate_12t9p_1", B = "_dash_12t9p_1", I = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: P,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
@@ -59,59 +59,50 @@ const g = /* @__PURE__ */ j(B), P = "_rotate_12t9p_1", C = "_dash_12t9p_1", _ =
   "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
   "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
   "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
-  dash: C,
+  dash: B,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, a = "purpur-spinner", I = {
+}, x = A.bind(I), _ = "purpur-spinner", M = {
   SM: "sm"
-}, M = ({
-  ["data-testid"]: u,
-  disabled: i = !1,
-  negative: n = !1,
-  size: p = I.SM,
-  ...s
-}) => /* @__PURE__ */ c(
-  "div",
+}, V = ({
+  disabled: u = !1,
+  negative: s = !1,
+  size: n = M.SM,
+  ...i
+}) => /* @__PURE__ */ a("div", { className: x(_, `${_}--${n}`), ...i, children: /* @__PURE__ */ a("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ a(
+  "circle",
   {
-    className: g([_[a], _[`${a}--${p}`]]),
-    "data-testid": u,
-    ...s,
-    children: /* @__PURE__ */ c("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ c(
-      "circle",
-      {
-        className: g(_[`${a}__circle`], {
-          [_[`${a}__circle--disabled`]]: i,
-          [_[`${a}__circle--negative`]]: n
-        }),
-        cx: "25",
-        cy: "25",
-        r: "20"
-      }
-    ) })
+    className: x(`${_}__circle`, {
+      [`${_}__circle--disabled`]: u,
+      [`${_}__circle--negative`]: s
+    }),
+    cx: "25",
+    cy: "25",
+    r: "20"
   }
-);
-function V(u) {
+) }) });
+function C(u) {
   return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
 }
-var d = { exports: {} };
+var l = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var h;
+var w;
 function D() {
-  return h || (h = 1, function(u) {
+  return w || (w = 1, function(u) {
     (function() {
-      var i = {}.hasOwnProperty;
+      var s = {}.hasOwnProperty;
       function n() {
         for (var t = "", r = 0; r < arguments.length; r++) {
           var e = arguments[r];
-          e && (t = s(t, p.call(this, e)));
+          e && (t = p(t, i.call(this, e)));
         }
         return t;
       }
-      function p(t) {
+      function i(t) {
         if (typeof t == "string" || typeof t == "number")
           return this && this[t] || t;
         if (typeof t != "object")
@@ -122,18 +113,18 @@ function D() {
           return t.toString();
         var r = "";
         for (var e in t)
-          i.call(t, e) && t[e] && (r = s(r, this && this[e] || e));
+          s.call(t, e) && t[e] && (r = p(r, this && this[e] || e));
         return r;
       }
-      function s(t, r) {
+      function p(t, r) {
         return r ? t ? t + " " + r : t + r : t;
       }
       u.exports ? (n.default = n, u.exports = n) : window.classNames = n;
     })();
-  }(d)), d.exports;
+  }(l)), l.exports;
 }
 var U = D();
-const Y = /* @__PURE__ */ V(U), L = {
+const Y = /* @__PURE__ */ C(U), L = {
   "purpur-button": "_purpur-button_w455q_1",
   "purpur-button--xs": "_purpur-button--xs_w455q_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
@@ -156,66 +147,73 @@ const Y = /* @__PURE__ */ V(U), L = {
   "purpur-button--text-negative": "_purpur-button--text-negative_w455q_181",
   "purpur-button--text": "_purpur-button--text_w455q_181"
 }, G = {
-  ...T,
+  ...N,
   DESTRUCTIVE: "destructive",
   TERTIARY_PURPLE: "tertiary-purple",
   TEXT: "text"
-}, K = Object.values(G), X = Y.bind(L), o = "purpur-button", Q = ["button", "submit", "reset"], z = ({
-  children: u,
-  className: i,
-  ["data-testid"]: n,
-  disabled: p = !1,
-  fullWidth: s = !1,
-  iconOnly: t,
-  loading: r = !1,
-  negative: e = !1,
-  onClick: b,
-  size: f = "md",
-  variant: l,
-  type: q = "button",
-  ...v
-}, S) => {
-  if (t && l === "destructive")
-    return null;
-  const $ = X(
-    [
-      o,
-      `${o}--${e ? `${l}-negative` : l}`,
-      `${o}--${f}`
-    ],
-    {
-      [`${o}--icon-only`]: t,
-      [`${o}--negative`]: e,
-      [`${o}--full-width`]: s,
-      [`${o}--disabled`]: p || r
-    },
-    i
-  ), N = (m) => {
-    p || r ? m.preventDefault() : b && b(m);
-  }, y = !!v["aria-disabled"] || p || r;
-  return /* @__PURE__ */ E(
-    "button",
-    {
-      className: $,
-      "data-testid": n,
-      type: q,
-      ref: S,
-      "aria-disabled": y,
-      onClick: N,
-      ...v,
-      children: [
-        r && /* @__PURE__ */ c(M, { size: f === R.LG ? "xs" : "xxs", negative: e, disabled: y }),
-        " ",
-        u
-      ]
-    }
-  );
-}, F = O(z);
-F.displayName = "Button";
+}, J = Object.values(G), X = Y.bind(L), o = "purpur-button", K = ["button", "submit", "reset"], z = E(
+  ({
+    children: u,
+    className: s,
+    disabled: n = !1,
+    fullWidth: i = !1,
+    iconOnly: p,
+    loading: t = !1,
+    negative: r = !1,
+    onClick: e,
+    size: b = "md",
+    variant: c,
+    type: h = "button",
+    ...d
+  }, g) => {
+    if (p && c === "destructive")
+      return null;
+    const q = X(
+      [
+        o,
+        `${o}--${r ? `${c}-negative` : c}`,
+        `${o}--${b}`
+      ],
+      {
+        [`${o}--icon-only`]: p,
+        [`${o}--negative`]: r,
+        [`${o}--full-width`]: i,
+        [`${o}--disabled`]: n || t
+      },
+      s
+    ), S = (v) => {
+      n || t ? v.preventDefault() : e && e(v);
+    }, f = !!d["aria-disabled"] || n || t;
+    return /* @__PURE__ */ $(
+      "button",
+      {
+        className: q,
+        type: h,
+        ref: g,
+        "aria-disabled": f,
+        onClick: S,
+        ...d,
+        children: [
+          t && /* @__PURE__ */ a(
+            V,
+            {
+              size: b === O.LG ? "xs" : "xxs",
+              negative: r,
+              disabled: f
+            }
+          ),
+          " ",
+          u
+        ]
+      }
+    );
+  }
+);
+z.displayName = "Button";
 export {
-  Q as BUTTON_TYPES,
+  K as BUTTON_TYPES,
   G as BUTTON_VARIANT,
-  F as Button,
-  K as buttonVariants
+  z as Button,
+  J as buttonVariants
 };
 //# sourceMappingURL=button.es.js.map

package/dist/button.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.es.js","sources":["../../../libraries/action/dist/action.es.js","../../spinner/dist/spinner.es.js","../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/button.tsx"],"sourcesContent":["const s = {\n  PRIMARY: \"primary\",\n  SECONDARY: \"secondary\",\n  EXPRESSIVE: \"expressive\"\n}, t = Object.values(s), e = {\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\"\n}, c = Object.values(e);\nexport {\n  e as SIZE,\n  s as VARIANT,\n  c as sizes,\n  t as variants\n};\n//# sourceMappingURL=action.es.js.map\n","import { jsx as a } from \"react/jsx-runtime\";\nfunction m(n) {\n  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, \"default\") ? n.default : n;\n}\nvar o = { exports: {} };\n/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\nvar l;\nfunction x() {\n  return l || (l = 1, function(n) {\n    (function() {\n      var c = {}.hasOwnProperty;\n      function s() {\n        for (var r = \"\", e = 0; e < arguments.length; e++) {\n          var t = arguments[e];\n          t && (r = u(r, _(t)));\n        }\n        return r;\n      }\n      function _(r) {\n        if (typeof r == \"string\" || typeof r == \"number\")\n          return r;\n        if (typeof r != \"object\")\n          return \"\";\n        if (Array.isArray(r))\n          return s.apply(null, r);\n        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes(\"[native code]\"))\n          return r.toString();\n        var e = \"\";\n        for (var t in r)\n          c.call(r, t) && r[t] && (e = u(e, t));\n        return e;\n      }\n      function u(r, e) {\n        return e ? r ? r + \" \" + e : r + e : r;\n      }\n      n.exports ? (s.default = s, n.exports = s) : window.classNames = s;\n    })();\n  }(o)), o.exports;\n}\nvar v = x();\nconst f = /* @__PURE__ */ m(v), S = \"_rotate_12t9p_1\", h = \"_dash_12t9p_1\", p = {\n  \"purpur-spinner\": \"_purpur-spinner_12t9p_2\",\n  rotate: S,\n  \"purpur-spinner--xxs\": \"_purpur-spinner--xxs_12t9p_6\",\n  \"purpur-spinner--xs\": \"_purpur-spinner--xs_12t9p_10\",\n  \"purpur-spinner--sm\": \"_purpur-spinner--sm_12t9p_14\",\n  \"purpur-spinner--md\": \"_purpur-spinner--md_12t9p_18\",\n  \"purpur-spinner--lg\": \"_purpur-spinner--lg_12t9p_22\",\n  \"purpur-spinner__circle\": \"_purpur-spinner__circle_12t9p_26\",\n  dash: h,\n  \"purpur-spinner__circle--disabled\": \"_purpur-spinner__circle--disabled_12t9p_41\",\n  \"purpur-spinner__circle--negative\": \"_purpur-spinner__circle--negative_12t9p_44\"\n}, i = \"purpur-spinner\", d = {\n  XXS: \"xxs\",\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\"\n}, b = Object.values(d), N = ({\n  [\"data-testid\"]: n,\n  disabled: c = !1,\n  negative: s = !1,\n  size: _ = d.SM,\n  ...u\n}) => /* @__PURE__ */ a(\n  \"div\",\n  {\n    className: f([p[i], p[`${i}--${_}`]]),\n    \"data-testid\": n,\n    ...u,\n    children: /* @__PURE__ */ a(\"svg\", { viewBox: \"0 0 50 50\", children: /* @__PURE__ */ a(\n      \"circle\",\n      {\n        className: f(p[`${i}__circle`], {\n          [p[`${i}__circle--disabled`]]: c,\n          [p[`${i}__circle--negative`]]: s\n        }),\n        cx: \"25\",\n        cy: \"25\",\n        r: \"20\"\n      }\n    ) })\n  }\n);\nexport {\n  d as SPINNER_SIZE,\n  N as Spinner,\n  b as spinnerSizes\n};\n//# sourceMappingURL=spinner.es.js.map\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { type ButtonHTMLAttributes, type ForwardedRef, forwardRef, type MouseEvent } from \"react\";\nimport { type ActionProps, SIZE, VARIANT } from \"@purpurds/action\";\nimport { Spinner } from \"@purpurds/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./button.module.scss\";\n\nexport const BUTTON_VARIANT = {\n  ...VARIANT,\n  DESTRUCTIVE: \"destructive\",\n  TERTIARY_PURPLE: \"tertiary-purple\",\n  TEXT: \"text\",\n} as const;\n\nexport const buttonVariants = Object.values(BUTTON_VARIANT);\nexport type ButtonVariant = (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-button\";\n\ntype ButtonType = Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"type\">[\"type\"];\nexport const BUTTON_TYPES: ButtonType[] = [\"button\", \"submit\", \"reset\"] as const;\n\nexport type ButtonProps = ActionProps<ButtonVariant> &\n  ButtonHTMLAttributes<HTMLButtonElement> & { loading?: boolean };\n\nconst ButtonComponent = (\n  {\n    children,\n    className,\n    [\"data-testid\"]: dataTestid,\n    disabled = false,\n    fullWidth = false,\n    iconOnly,\n    loading = false,\n    negative = false,\n    onClick,\n    size = \"md\",\n    variant,\n    type = \"button\",\n    ...props\n  }: Omit<ButtonProps, \"type\"> & { type?: ButtonType },\n  ref: ForwardedRef<HTMLButtonElement>\n) => {\n  if (iconOnly && variant === \"destructive\") {\n    return null;\n  }\n  const classes = cx(\n    [\n      rootClassName,\n      `${rootClassName}--${negative ? `${variant}-negative` : variant}`,\n      `${rootClassName}--${size}`,\n    ],\n    {\n      [`${rootClassName}--icon-only`]: iconOnly,\n      [`${rootClassName}--negative`]: negative,\n      [`${rootClassName}--full-width`]: fullWidth,\n      [`${rootClassName}--disabled`]: disabled || loading,\n    },\n    className\n  );\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    if (disabled || loading) {\n      e.preventDefault();\n    } else if (onClick) {\n      onClick(e);\n    }\n  };\n\n  const _disabled = Boolean(props[\"aria-disabled\"]) || disabled || loading;\n\n  return (\n    <button\n      className={classes}\n      data-testid={dataTestid}\n      type={type}\n      ref={ref}\n      aria-disabled={_disabled}\n      onClick={handleClick}\n      {...props}\n    >\n      {loading && (\n        <Spinner size={size === SIZE.LG ? \"xs\" : \"xxs\"} negative={negative} disabled={_disabled} />\n      )}{\" \"}\n      {children}\n    </button>\n  );\n};\n\nexport const Button = forwardRef(ButtonComponent);\nButton.displayName = \"Button\";\n"],"names":["s","e","m","n","o","l","x","c","r","t","u","_","v","f","S","h","p","i","d","N","a","hasOwn","classNames","classes","arg","appendClass","parseValue","key","value","newClass","module","BUTTON_VARIANT","VARIANT","buttonVariants","cx","styles","rootClassName","BUTTON_TYPES","ButtonComponent","children","className","dataTestid","disabled","fullWidth","iconOnly","loading","negative","onClick","size","variant","type","props","ref","handleClick","_disabled","jsxs","jsx","Spinner","SIZE","Button","forwardRef"],"mappings":"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","x_google_ignoreList":[2]}
+{"version":3,"file":"button.es.js","sources":["../../../libraries/action/dist/action.es.js","../../spinner/dist/spinner.es.js","../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/button.tsx"],"sourcesContent":["const s = {\n  PRIMARY: \"primary\",\n  SECONDARY: \"secondary\",\n  EXPRESSIVE: \"expressive\"\n}, t = Object.values(s), e = {\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\"\n}, c = Object.values(e);\nexport {\n  e as SIZE,\n  s as VARIANT,\n  c as sizes,\n  t as variants\n};\n//# sourceMappingURL=action.es.js.map\n","import { jsx as c } from \"react/jsx-runtime\";\nfunction d(e) {\n  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, \"default\") ? e.default : e;\n}\nvar _ = { exports: {} };\n/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\nvar l;\nfunction x() {\n  return l || (l = 1, function(e) {\n    (function() {\n      var i = {}.hasOwnProperty;\n      function t() {\n        for (var r = \"\", n = 0; n < arguments.length; n++) {\n          var p = arguments[n];\n          p && (r = o(r, u.call(this, p)));\n        }\n        return r;\n      }\n      function u(r) {\n        if (typeof r == \"string\" || typeof r == \"number\")\n          return this && this[r] || r;\n        if (typeof r != \"object\")\n          return \"\";\n        if (Array.isArray(r))\n          return t.apply(this, r);\n        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes(\"[native code]\"))\n          return r.toString();\n        var n = \"\";\n        for (var p in r)\n          i.call(r, p) && r[p] && (n = o(n, this && this[p] || p));\n        return n;\n      }\n      function o(r, n) {\n        return n ? r ? r + \" \" + n : r + n : r;\n      }\n      e.exports ? (t.default = t, e.exports = t) : window.classNames = t;\n    })();\n  }(_)), _.exports;\n}\nvar h = x();\nconst m = /* @__PURE__ */ d(h), v = \"_rotate_12t9p_1\", S = \"_dash_12t9p_1\", b = {\n  \"purpur-spinner\": \"_purpur-spinner_12t9p_2\",\n  rotate: v,\n  \"purpur-spinner--xxs\": \"_purpur-spinner--xxs_12t9p_6\",\n  \"purpur-spinner--xs\": \"_purpur-spinner--xs_12t9p_10\",\n  \"purpur-spinner--sm\": \"_purpur-spinner--sm_12t9p_14\",\n  \"purpur-spinner--md\": \"_purpur-spinner--md_12t9p_18\",\n  \"purpur-spinner--lg\": \"_purpur-spinner--lg_12t9p_22\",\n  \"purpur-spinner__circle\": \"_purpur-spinner__circle_12t9p_26\",\n  dash: S,\n  \"purpur-spinner__circle--disabled\": \"_purpur-spinner__circle--disabled_12t9p_41\",\n  \"purpur-spinner__circle--negative\": \"_purpur-spinner__circle--negative_12t9p_44\"\n}, a = m.bind(b), s = \"purpur-spinner\", f = {\n  XXS: \"xxs\",\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\"\n}, N = Object.values(f), j = ({\n  disabled: e = !1,\n  negative: i = !1,\n  size: t = f.SM,\n  ...u\n}) => /* @__PURE__ */ c(\"div\", { className: a(s, `${s}--${t}`), ...u, children: /* @__PURE__ */ c(\"svg\", { viewBox: \"0 0 50 50\", children: /* @__PURE__ */ c(\n  \"circle\",\n  {\n    className: a(`${s}__circle`, {\n      [`${s}__circle--disabled`]: e,\n      [`${s}__circle--negative`]: i\n    }),\n    cx: \"25\",\n    cy: \"25\",\n    r: \"20\"\n  }\n) }) });\nexport {\n  f as SPINNER_SIZE,\n  j as Spinner,\n  N as spinnerSizes\n};\n//# sourceMappingURL=spinner.es.js.map\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { type ButtonHTMLAttributes, forwardRef, type MouseEvent } from \"react\";\nimport { type ActionProps, SIZE, VARIANT } from \"@purpurds/action\";\nimport type { BaseProps } from \"@purpurds/common-types\";\nimport { Spinner } from \"@purpurds/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./button.module.scss\";\n\nexport const BUTTON_VARIANT = {\n  ...VARIANT,\n  DESTRUCTIVE: \"destructive\",\n  TERTIARY_PURPLE: \"tertiary-purple\",\n  TEXT: \"text\",\n} as const;\n\nexport const buttonVariants = Object.values(BUTTON_VARIANT);\nexport type ButtonVariant = (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-button\";\n\ntype ButtonType = Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"type\">[\"type\"];\nexport const BUTTON_TYPES: ButtonType[] = [\"button\", \"submit\", \"reset\"] as const;\n\nexport type ButtonProps = ActionProps<ButtonVariant> & BaseProps<\"button\"> & { loading?: boolean };\n\nexport const Button = forwardRef<\n  HTMLButtonElement,\n  Omit<ButtonProps, \"type\"> & { type?: ButtonType }\n>(\n  (\n    {\n      children,\n      className,\n      disabled = false,\n      fullWidth = false,\n      iconOnly,\n      loading = false,\n      negative = false,\n      onClick,\n      size = \"md\",\n      variant,\n      type = \"button\",\n      ...props\n    },\n    ref\n  ) => {\n    if (iconOnly && variant === \"destructive\") {\n      return null;\n    }\n    const classes = cx(\n      [\n        rootClassName,\n        `${rootClassName}--${negative ? `${variant}-negative` : variant}`,\n        `${rootClassName}--${size}`,\n      ],\n      {\n        [`${rootClassName}--icon-only`]: iconOnly,\n        [`${rootClassName}--negative`]: negative,\n        [`${rootClassName}--full-width`]: fullWidth,\n        [`${rootClassName}--disabled`]: disabled || loading,\n      },\n      className\n    );\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n      if (disabled || loading) {\n        e.preventDefault();\n      } else if (onClick) {\n        onClick(e);\n      }\n    };\n\n    const _disabled = Boolean(props[\"aria-disabled\"]) || disabled || loading;\n\n    return (\n      <button\n        className={classes}\n        type={type}\n        ref={ref}\n        aria-disabled={_disabled}\n        onClick={handleClick}\n        {...props}\n      >\n        {loading && (\n          <Spinner\n            size={size === SIZE.LG ? \"xs\" : \"xxs\"}\n            negative={negative}\n            disabled={_disabled}\n          />\n        )}{\" \"}\n        {children}\n      </button>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"names":["s","e","d","_","l","x","i","t","r","n","p","o","u","h","m","v","S","b","a","f","j","c","hasOwn","classNames","classes","arg","appendClass","parseValue","key","value","newClass","module","BUTTON_VARIANT","VARIANT","buttonVariants","cx","styles","rootClassName","BUTTON_TYPES","Button","forwardRef","children","className","disabled","fullWidth","iconOnly","loading","negative","onClick","size","variant","type","props","ref","handleClick","_disabled","jsxs","jsx","Spinner","SIZE"],"mappings":"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","x_google_ignoreList":[2]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/button",
-  "version": "7.6.1",
+  "version": "7.7.0",
   "license": "AGPL-3.0-only",
   "main": "./dist/button.cjs.js",
   "types": "./dist/button.d.ts",
@@ -16,10 +16,11 @@
   "source": "src/button.tsx",
   "dependencies": {
     "classnames": "~2.5.0",
-    "@purpurds/icon": "7.6.1",
-    "@purpurds/spinner": "7.6.1",
-    "@purpurds/action": "7.6.1",
-    "@purpurds/tokens": "7.6.1"
+    "@purpurds/action": "7.7.0",
+    "@purpurds/spinner": "7.7.0",
+    "@purpurds/common-types": "7.7.0",
+    "@purpurds/icon": "7.7.0",
+    "@purpurds/tokens": "7.7.0"
   },
   "devDependencies": {
     "eslint": "9.24.0",
@@ -40,8 +41,8 @@
     "typescript": "^5.6.3",
     "vite": "^6.2.1",
     "vitest": "^3.1.2",
-    "@purpurds/component-rig": "1.0.0",
-    "@purpurds/icon": "7.6.1"
+    "@purpurds/icon": "7.7.0",
+    "@purpurds/component-rig": "1.0.0"
   },
   "peerDependencies": {
     "@types/react": "^18 || ^19",

package/src/button.tsx

@@ -1,5 +1,6 @@
-import React, { type ButtonHTMLAttributes, type ForwardedRef, forwardRef, type MouseEvent } from "react";
+import React, { type ButtonHTMLAttributes, forwardRef, type MouseEvent } from "react";
 import { type ActionProps, SIZE, VARIANT } from "@purpurds/action";
+import type { BaseProps } from "@purpurds/common-types";
 import { Spinner } from "@purpurds/spinner";
 import c from "classnames/bind";
 
@@ -21,72 +22,77 @@ const rootClassName = "purpur-button";
 type ButtonType = Pick<ButtonHTMLAttributes<HTMLButtonElement>, "type">["type"];
 export const BUTTON_TYPES: ButtonType[] = ["button", "submit", "reset"] as const;
 
-export type ButtonProps = ActionProps<ButtonVariant> &
-  ButtonHTMLAttributes<HTMLButtonElement> & { loading?: boolean };
+export type ButtonProps = ActionProps<ButtonVariant> & BaseProps<"button"> & { loading?: boolean };
 
-const ButtonComponent = (
-  {
-    children,
-    className,
-    ["data-testid"]: dataTestid,
-    disabled = false,
-    fullWidth = false,
-    iconOnly,
-    loading = false,
-    negative = false,
-    onClick,
-    size = "md",
-    variant,
-    type = "button",
-    ...props
-  }: Omit<ButtonProps, "type"> & { type?: ButtonType },
-  ref: ForwardedRef<HTMLButtonElement>
-) => {
-  if (iconOnly && variant === "destructive") {
-    return null;
-  }
-  const classes = cx(
-    [
-      rootClassName,
-      `${rootClassName}--${negative ? `${variant}-negative` : variant}`,
-      `${rootClassName}--${size}`,
-    ],
+export const Button = forwardRef<
+  HTMLButtonElement,
+  Omit<ButtonProps, "type"> & { type?: ButtonType }
+>(
+  (
     {
-      [`${rootClassName}--icon-only`]: iconOnly,
-      [`${rootClassName}--negative`]: negative,
-      [`${rootClassName}--full-width`]: fullWidth,
-      [`${rootClassName}--disabled`]: disabled || loading,
+      children,
+      className,
+      disabled = false,
+      fullWidth = false,
+      iconOnly,
+      loading = false,
+      negative = false,
+      onClick,
+      size = "md",
+      variant,
+      type = "button",
+      ...props
     },
-    className
-  );
-
-  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {
-    if (disabled || loading) {
-      e.preventDefault();
-    } else if (onClick) {
-      onClick(e);
+    ref
+  ) => {
+    if (iconOnly && variant === "destructive") {
+      return null;
     }
-  };
+    const classes = cx(
+      [
+        rootClassName,
+        `${rootClassName}--${negative ? `${variant}-negative` : variant}`,
+        `${rootClassName}--${size}`,
+      ],
+      {
+        [`${rootClassName}--icon-only`]: iconOnly,
+        [`${rootClassName}--negative`]: negative,
+        [`${rootClassName}--full-width`]: fullWidth,
+        [`${rootClassName}--disabled`]: disabled || loading,
+      },
+      className
+    );
 
-  const _disabled = Boolean(props["aria-disabled"]) || disabled || loading;
+    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {
+      if (disabled || loading) {
+        e.preventDefault();
+      } else if (onClick) {
+        onClick(e);
+      }
+    };
 
-  return (
-    <button
-      className={classes}
-      data-testid={dataTestid}
-      type={type}
-      ref={ref}
-      aria-disabled={_disabled}
-      onClick={handleClick}
-      {...props}
-    >
-      {loading && (
-        <Spinner size={size === SIZE.LG ? "xs" : "xxs"} negative={negative} disabled={_disabled} />
-      )}{" "}
-      {children}
-    </button>
-  );
-};
+    const _disabled = Boolean(props["aria-disabled"]) || disabled || loading;
+
+    return (
+      <button
+        className={classes}
+        type={type}
+        ref={ref}
+        aria-disabled={_disabled}
+        onClick={handleClick}
+        {...props}
+      >
+        {loading && (
+          <Spinner
+            size={size === SIZE.LG ? "xs" : "xxs"}
+            negative={negative}
+            disabled={_disabled}
+          />
+        )}{" "}
+        {children}
+      </button>
+    );
+  }
+);
 
-export const Button = forwardRef(ButtonComponent);
 Button.displayName = "Button";