@purpur/library 9.0.9 → 9.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpur/library",
-  "version": "9.0.9",
+  "version": "9.0.10",
   "license": "AGPL-3.0-only",
   "sideEffects": [
     "*.css",
@@ -107,69 +107,69 @@
     "vite": "^7.2.2",
     "shx": "~0.4.0",
     "@purpur/accordion": "8.21.0",
-    "@purpur/action": "8.21.0",
     "@purpur/alert-badge": "8.21.0",
     "@purpur/autocomplete": "8.21.0",
     "@purpur/badge": "8.21.0",
+    "@purpur/action": "8.21.0",
     "@purpur/breadcrumbs": "8.21.0",
     "@purpur/button": "8.21.0",
-    "@purpur/card": "8.21.0",
     "@purpur/calendar": "8.21.0",
-    "@purpur/color-dot": "8.21.0",
+    "@purpur/card": "8.21.0",
     "@purpur/checkbox": "8.21.0",
     "@purpur/chip-group": "8.21.0",
     "@purpur/common-types": "8.21.0",
     "@purpur/component-rig": "1.0.0",
+    "@purpur/color-dot": "8.21.0",
     "@purpur/container": "8.21.0",
     "@purpur/content-block": "8.21.0",
     "@purpur/countdown": "8.21.0",
-    "@purpur/cta-link": "8.21.0",
     "@purpur/counter-badge": "8.21.0",
+    "@purpur/cta-link": "8.21.0",
     "@purpur/date-field": "8.21.0",
-    "@purpur/date-picker": "8.21.0",
     "@purpur/dismissable-chip-group": "8.21.0",
-    "@purpur/field-error-text": "8.21.0",
-    "@purpur/drawer": "8.21.0",
+    "@purpur/date-picker": "8.21.0",
     "@purpur/field-helper-text": "8.21.0",
+    "@purpur/drawer": "8.21.0",
+    "@purpur/field-error-text": "8.21.0",
+    "@purpur/grid": "8.21.0",
     "@purpur/footer": "8.21.0",
-    "@purpur/heading": "8.21.0",
     "@purpur/hero-banner": "8.21.0",
+    "@purpur/heading": "8.21.0",
+    "@purpur/illustrative-icon": "8.21.0",
     "@purpur/icon": "8.21.0",
-    "@purpur/grid": "8.21.0",
     "@purpur/label": "8.21.0",
+    "@purpur/listbox": "8.21.0",
     "@purpur/link": "8.21.0",
-    "@purpur/illustrative-icon": "8.21.0",
     "@purpur/logo": "8.21.0",
-    "@purpur/listbox": "8.21.0",
     "@purpur/modal": "8.21.0",
-    "@purpur/notification-banner": "8.21.0",
     "@purpur/notification": "8.21.0",
-    "@purpur/pagination": "8.21.0",
+    "@purpur/notification-banner": "8.21.0",
     "@purpur/paragraph": "8.21.0",
+    "@purpur/pagination": "8.21.0",
+    "@purpur/password-field": "8.21.0",
     "@purpur/popover": "8.21.0",
     "@purpur/product-card": "8.21.0",
-    "@purpur/promotion-card": "8.21.0",
     "@purpur/quantity-selector": "8.21.0",
-    "@purpur/password-field": "8.21.0",
     "@purpur/radio-button-group": "8.21.0",
+    "@purpur/promotion-card": "8.21.0",
     "@purpur/radio-card-group": "8.21.0",
     "@purpur/rich-text": "8.21.0",
+    "@purpur/search-field": "8.21.0",
+    "@purpur/select": "8.21.0",
     "@purpur/skeleton": "8.21.0",
     "@purpur/slider": "8.21.0",
     "@purpur/spacer": "8.21.0",
-    "@purpur/select": "8.21.0",
-    "@purpur/search-field": "8.21.0",
     "@purpur/spinner": "8.21.0",
     "@purpur/stepper": "8.21.0",
-    "@purpur/table": "8.21.0",
     "@purpur/tabs": "8.21.0",
+    "@purpur/table": "8.21.0",
     "@purpur/text-area": "8.21.0",
     "@purpur/text-field": "8.21.0",
     "@purpur/text-spacing": "8.21.0",
     "@purpur/theme": "8.21.0",
-    "@purpur/tokens": "8.21.0",
     "@purpur/toggle": "8.21.0",
     "@purpur/tooltip": "8.21.0",
+    "@purpur/tokens": "8.21.0",
     "@purpur/visually-hidden": "8.21.0"
   },
   "peerDependencies": {

package/tokens/border/variables.css

@@ -4,6 +4,7 @@
   --purpur-border-radius-sm: 4px;
   --purpur-border-radius-md: 8px;
   --purpur-border-radius-lg: 16px;
+  --purpur-border-radius-xl: 24px;
   --purpur-border-radius-full: 999px;
   --purpur-border-width-xs: 1px;
   --purpur-border-width-sm: 2px;

package/tokens/border/variables.d.ts

@@ -2,6 +2,7 @@ export const purpurBorderRadiusXs: string;
 export const purpurBorderRadiusSm: string;
 export const purpurBorderRadiusMd: string;
 export const purpurBorderRadiusLg: string;
+export const purpurBorderRadiusXl: string;
 export const purpurBorderRadiusFull: string;
 export const purpurBorderWidthXs: string;
 export const purpurBorderWidthSm: string;

package/tokens/border/variables.dark.css

@@ -3,6 +3,7 @@
   --purpur-border-radius-sm: 4px;
   --purpur-border-radius-md: 8px;
   --purpur-border-radius-lg: 16px;
+  --purpur-border-radius-xl: 24px;
   --purpur-border-radius-full: 999px;
   --purpur-border-width-xs: 1px;
   --purpur-border-width-sm: 2px;

package/tokens/border/variables.dark.d.ts

@@ -2,6 +2,7 @@ export const purpurBorderRadiusXs: string;
 export const purpurBorderRadiusSm: string;
 export const purpurBorderRadiusMd: string;
 export const purpurBorderRadiusLg: string;
+export const purpurBorderRadiusXl: string;
 export const purpurBorderRadiusFull: string;
 export const purpurBorderWidthXs: string;
 export const purpurBorderWidthSm: string;

package/tokens/border/variables.dark.js

@@ -2,6 +2,7 @@ export const purpurBorderRadiusXs = "2px";
 export const purpurBorderRadiusSm = "4px";
 export const purpurBorderRadiusMd = "8px";
 export const purpurBorderRadiusLg = "16px";
+export const purpurBorderRadiusXl = "24px";
 export const purpurBorderRadiusFull = "999px";
 export const purpurBorderWidthXs = "1px";
 export const purpurBorderWidthSm = "2px";

package/tokens/border/variables.dark.json

@@ -5,6 +5,7 @@
       "sm": "4px",
       "md": "8px",
       "lg": "16px",
+      "xl": "24px",
       "full": "999px"
     },
     "width": {

package/tokens/border/variables.dark.scss

@@ -2,6 +2,7 @@ $purpur-border-radius-xs: 2px;
 $purpur-border-radius-sm: 4px;
 $purpur-border-radius-md: 8px;
 $purpur-border-radius-lg: 16px;
+$purpur-border-radius-xl: 24px;
 $purpur-border-radius-full: 999px;
 $purpur-border-width-xs: 1px;
 $purpur-border-width-sm: 2px;

package/tokens/border/variables.js

@@ -2,6 +2,7 @@ export const purpurBorderRadiusXs = "2px";
 export const purpurBorderRadiusSm = "4px";
 export const purpurBorderRadiusMd = "8px";
 export const purpurBorderRadiusLg = "16px";
+export const purpurBorderRadiusXl = "24px";
 export const purpurBorderRadiusFull = "999px";
 export const purpurBorderWidthXs = "1px";
 export const purpurBorderWidthSm = "2px";

package/tokens/border/variables.json

@@ -5,6 +5,7 @@
       "sm": "4px",
       "md": "8px",
       "lg": "16px",
+      "xl": "24px",
       "full": "999px"
     },
     "width": {

package/tokens/border/variables.scss

@@ -2,6 +2,7 @@ $purpur-border-radius-xs: 2px;
 $purpur-border-radius-sm: 4px;
 $purpur-border-radius-md: 8px;
 $purpur-border-radius-lg: 16px;
+$purpur-border-radius-xl: 24px;
 $purpur-border-radius-full: 999px;
 $purpur-border-width-xs: 1px;
 $purpur-border-width-sm: 2px;

package/dist/button-BxdChrq-.js

@@ -1,2 +0,0 @@
-"use strict";const a=require("react/jsx-runtime"),R=require("react"),f=require("./spinner-tKunS_o-.js"),E=require("./bind-DeUYJ6m9.js"),N={PRIMARY:"primary",SECONDARY:"secondary",EXPRESSIVE:"expressive"},$={LG:"lg"},A={"purpur-button":"_purpur-button_1g3z1_1","purpur-button--xs":"_purpur-button--xs_1g3z1_22","purpur-button--icon-only":"_purpur-button--icon-only_1g3z1_25","purpur-button--sm":"_purpur-button--sm_1g3z1_28","purpur-button--md":"_purpur-button--md_1g3z1_34","purpur-button--lg":"_purpur-button--lg_1g3z1_40","purpur-button--full-width":"_purpur-button--full-width_1g3z1_46","purpur-button--primary":"_purpur-button--primary_1g3z1_64","purpur-button--disabled":"_purpur-button--disabled_1g3z1_68","purpur-button--primary-negative":"_purpur-button--primary-negative_1g3z1_74","purpur-button--secondary":"_purpur-button--secondary_1g3z1_86","purpur-button--secondary-negative":"_purpur-button--secondary-negative_1g3z1_97","purpur-button--expressive":"_purpur-button--expressive_1g3z1_108","purpur-button--expressive-negative":"_purpur-button--expressive-negative_1g3z1_118","purpur-button--negative":"_purpur-button--negative_1g3z1_130","purpur-button--destructive":"_purpur-button--destructive_1g3z1_137","purpur-button--destructive-negative":"_purpur-button--destructive-negative_1g3z1_147","purpur-button--tertiary-purple":"_purpur-button--tertiary-purple_1g3z1_157","purpur-button--tertiary-purple-negative":"_purpur-button--tertiary-purple-negative_1g3z1_170","purpur-button--text":"_purpur-button--text_1g3z1_185","purpur-button--text-negative":"_purpur-button--text-negative_1g3z1_207","purpur-button__spinner":"_purpur-button__spinner_1g3z1_235"},l={...N,DESTRUCTIVE:"destructive",TERTIARY_PURPLE:"tertiary-purple",TEXT:"text"},B=Object.values(l),c=E.c.bind(A),t="purpur-button",I=["button","submit","reset"],g=R.forwardRef(({children:d,className:v,disabled:r=!1,fullWidth:z=!1,iconOnly:n,loading:u=!1,negative:e=!1,onClick:o,size:s="md",variant:p,type:x="button",..._},y)=>{if(n&&p==="destructive")return null;const T=c([t,`${t}--${e?`${p}-negative`:p}`,`${t}--${s}`],{[`${t}--icon-only`]:n,[`${t}--negative`]:e,[`${t}--full-width`]:z,[`${t}--disabled`]:r||u},v),m=b=>{r||u?b.preventDefault():o&&o(b)},i=!!_["aria-disabled"]||r||u;return a.jsxs("button",{className:T,type:x,ref:y,"aria-disabled":i,onClick:m,..._,children:[u&&a.jsx(f.Spinner,{size:s===$.LG?"xs":"xxs",negative:e,disabled:i,className:c(`${t}__spinner`)})," ",d]})});g.displayName="Button";exports.BUTTON_TYPES=I;exports.BUTTON_VARIANT=l;exports.Button=g;exports.buttonVariants=B;
-//# sourceMappingURL=button-BxdChrq-.js.map

package/dist/button-BxdChrq-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-BxdChrq-.js","sources":["../../action/src/action.tsx","../../../components/button/src/button.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\n\nexport const VARIANT = {\n  PRIMARY: \"primary\",\n  SECONDARY: \"secondary\",\n  EXPRESSIVE: \"expressive\",\n} as const;\n\nexport const variants = Object.values(VARIANT);\nexport type Variant = (typeof VARIANT)[keyof typeof VARIANT];\n\nexport const SIZE = {\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\",\n} as const;\n\nexport const sizes = Object.values(SIZE);\nexport type Size = (typeof SIZE)[keyof typeof SIZE];\n\ntype DefaultProps<TVariant, T = object> = {\n  [\"data-testid\"]?: string;\n  children?: ReactNode;\n  className?: string;\n  fullWidth?: boolean;\n  negative?: boolean;\n  size?: Size;\n  variant: TVariant | Variant;\n} & T;\n\nexport type UnionParams<TVariant> =\n  | DefaultProps<TVariant, { iconOnly: boolean; [\"aria-label\"]: string }>\n  | DefaultProps<TVariant, { [\"aria-label\"]?: string }>;\n\ntype UnionKeys<T> = T extends T ? keyof T : never;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype StrictUnionHelper<T, TAll> = T extends any\n  ? T & Partial<Record<Exclude<UnionKeys<TAll>, keyof T>, never>>\n  : never;\n\ntype StrictUnion<T> = StrictUnionHelper<T, T>;\n\nexport type ActionProps<TVariant extends string = Variant> = StrictUnion<UnionParams<TVariant>>;\n","import React, { type ButtonHTMLAttributes, forwardRef, type MouseEvent } from \"react\";\nimport { type ActionProps, SIZE, VARIANT } from \"@purpur/action\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Spinner } from \"@purpur/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\ntype ButtonBaseProps = BaseProps<\"button\"> & { loading?: boolean };\n\nexport type ButtonProps =\n  | (ActionProps<ButtonVariant> & ButtonBaseProps & { iconOnly?: false | undefined })\n  | (ActionProps<Exclude<ButtonVariant, \"destructive\">> & ButtonBaseProps & { iconOnly: true });\n\ntype DistributiveOmit<T, K extends keyof never> = T extends unknown ? Omit<T, K> : never;\n\nexport const Button = forwardRef<\n  HTMLButtonElement,\n  DistributiveOmit<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\" as string)) {\n      return null;\n    }\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            className={cx(`${rootClassName}__spinner`)}\n          />\n        )}{\" \"}\n        {children}\n      </button>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"names":["VARIANT","SIZE","BUTTON_VARIANT","buttonVariants","cx","c","styles","rootClassName","BUTTON_TYPES","Button","forwardRef","children","className","disabled","fullWidth","iconOnly","loading","negative","onClick","size","variant","type","props","ref","classes","handleClick","e","_disabled","jsxs","jsx","Spinner"],"mappings":"wIAEaA,EAAU,CACrB,QAAS,UACT,UAAW,YACX,WAAY,YACd,EAKaC,EAAO,CAIlB,GAAI,IACN,+6CCRaC,EAAiB,CAC5B,GAAGF,EACH,YAAa,cACb,gBAAiB,kBACjB,KAAM,MACR,EAEaG,EAAiB,OAAO,OAAOD,CAAc,EAGpDE,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,gBAGTC,EAA6B,CAAC,SAAU,SAAU,OAAO,EAUzDC,EAASC,EAAAA,WAIpB,CACE,CACE,SAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EAAY,GACZ,SAAAC,EACA,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,QAAAC,EACA,KAAAC,EAAO,KACP,QAAAC,EACA,KAAAC,EAAO,SACP,GAAGC,CAAA,EAELC,IACG,CACH,GAAIR,GAAYK,IAAa,cAC3B,OAAO,KAGT,MAAMI,EAAUpB,EACd,CACEG,EACA,GAAGA,CAAa,KAAKU,EAAW,GAAGG,CAAO,YAAcA,CAAO,GAC/D,GAAGb,CAAa,KAAKY,CAAI,EAAA,EAE3B,CACE,CAAC,GAAGZ,CAAa,aAAa,EAAGQ,EACjC,CAAC,GAAGR,CAAa,YAAY,EAAGU,EAChC,CAAC,GAAGV,CAAa,cAAc,EAAGO,EAClC,CAAC,GAAGP,CAAa,YAAY,EAAGM,GAAYG,CAAA,EAE9CJ,CAAA,EAGIa,EAAeC,GAAqC,CACpDb,GAAYG,EACdU,EAAE,eAAA,EACOR,GACTA,EAAQQ,CAAC,CAEb,EAEMC,EAAY,EAAQL,EAAM,eAAe,GAAMT,GAAYG,EAEjE,OACEY,EAAAA,KAAC,SAAA,CACC,UAAWJ,EACX,KAAAH,EACA,IAAAE,EACA,gBAAeI,EACf,QAASF,EACR,GAAGH,EAEH,SAAA,CAAAN,GACCa,EAAAA,IAACC,EAAAA,QAAA,CACC,KAAMX,IAASlB,EAAK,GAAK,KAAO,MAChC,SAAAgB,EACA,SAAUU,EACV,UAAWvB,EAAG,GAAGG,CAAa,WAAW,CAAA,CAAA,EAE1C,IACFI,CAAA,CAAA,CAAA,CAGP,CACF,EAEAF,EAAO,YAAc"}

package/dist/button-D-BBdNhd.mjs

@@ -1,105 +0,0 @@
-import { jsxs as x, jsx as y } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { a as T } from "./spinner-DRQN6YdK.mjs";
-import { c as E } from "./bind-CU-R61T-.mjs";
-const R = {
-  PRIMARY: "primary",
-  SECONDARY: "secondary",
-  EXPRESSIVE: "expressive"
-}, $ = {
-  LG: "lg"
-}, N = {
-  "purpur-button": "_purpur-button_1g3z1_1",
-  "purpur-button--xs": "_purpur-button--xs_1g3z1_22",
-  "purpur-button--icon-only": "_purpur-button--icon-only_1g3z1_25",
-  "purpur-button--sm": "_purpur-button--sm_1g3z1_28",
-  "purpur-button--md": "_purpur-button--md_1g3z1_34",
-  "purpur-button--lg": "_purpur-button--lg_1g3z1_40",
-  "purpur-button--full-width": "_purpur-button--full-width_1g3z1_46",
-  "purpur-button--primary": "_purpur-button--primary_1g3z1_64",
-  "purpur-button--disabled": "_purpur-button--disabled_1g3z1_68",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_1g3z1_74",
-  "purpur-button--secondary": "_purpur-button--secondary_1g3z1_86",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1g3z1_97",
-  "purpur-button--expressive": "_purpur-button--expressive_1g3z1_108",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1g3z1_118",
-  "purpur-button--negative": "_purpur-button--negative_1g3z1_130",
-  "purpur-button--destructive": "_purpur-button--destructive_1g3z1_137",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1g3z1_147",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1g3z1_157",
-  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1g3z1_170",
-  "purpur-button--text": "_purpur-button--text_1g3z1_185",
-  "purpur-button--text-negative": "_purpur-button--text-negative_1g3z1_207",
-  "purpur-button__spinner": "_purpur-button__spinner_1g3z1_235"
-}, A = {
-  ...R,
-  DESTRUCTIVE: "destructive",
-  TERTIARY_PURPLE: "tertiary-purple",
-  TEXT: "text"
-}, V = Object.values(A), b = E.bind(N), t = "purpur-button", w = ["button", "submit", "reset"], I = f(
-  ({
-    children: l,
-    className: g,
-    disabled: r = !1,
-    fullWidth: c = !1,
-    iconOnly: n,
-    loading: u = !1,
-    negative: p = !1,
-    onClick: o,
-    size: _ = "md",
-    variant: e,
-    type: d = "button",
-    ...s
-  }, v) => {
-    if (n && e === "destructive")
-      return null;
-    const m = b(
-      [
-        t,
-        `${t}--${p ? `${e}-negative` : e}`,
-        `${t}--${_}`
-      ],
-      {
-        [`${t}--icon-only`]: n,
-        [`${t}--negative`]: p,
-        [`${t}--full-width`]: c,
-        [`${t}--disabled`]: r || u
-      },
-      g
-    ), z = (a) => {
-      r || u ? a.preventDefault() : o && o(a);
-    }, i = !!s["aria-disabled"] || r || u;
-    return /* @__PURE__ */ x(
-      "button",
-      {
-        className: m,
-        type: d,
-        ref: v,
-        "aria-disabled": i,
-        onClick: z,
-        ...s,
-        children: [
-          u && /* @__PURE__ */ y(
-            T,
-            {
-              size: _ === $.LG ? "xs" : "xxs",
-              negative: p,
-              disabled: i,
-              className: b(`${t}__spinner`)
-            }
-          ),
-          " ",
-          l
-        ]
-      }
-    );
-  }
-);
-I.displayName = "Button";
-export {
-  w as B,
-  A as a,
-  I as b,
-  V as c
-};
-//# sourceMappingURL=button-D-BBdNhd.mjs.map

package/dist/button-D-BBdNhd.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-D-BBdNhd.mjs","sources":["../../action/src/action.tsx","../../../components/button/src/button.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\n\nexport const VARIANT = {\n  PRIMARY: \"primary\",\n  SECONDARY: \"secondary\",\n  EXPRESSIVE: \"expressive\",\n} as const;\n\nexport const variants = Object.values(VARIANT);\nexport type Variant = (typeof VARIANT)[keyof typeof VARIANT];\n\nexport const SIZE = {\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\",\n} as const;\n\nexport const sizes = Object.values(SIZE);\nexport type Size = (typeof SIZE)[keyof typeof SIZE];\n\ntype DefaultProps<TVariant, T = object> = {\n  [\"data-testid\"]?: string;\n  children?: ReactNode;\n  className?: string;\n  fullWidth?: boolean;\n  negative?: boolean;\n  size?: Size;\n  variant: TVariant | Variant;\n} & T;\n\nexport type UnionParams<TVariant> =\n  | DefaultProps<TVariant, { iconOnly: boolean; [\"aria-label\"]: string }>\n  | DefaultProps<TVariant, { [\"aria-label\"]?: string }>;\n\ntype UnionKeys<T> = T extends T ? keyof T : never;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype StrictUnionHelper<T, TAll> = T extends any\n  ? T & Partial<Record<Exclude<UnionKeys<TAll>, keyof T>, never>>\n  : never;\n\ntype StrictUnion<T> = StrictUnionHelper<T, T>;\n\nexport type ActionProps<TVariant extends string = Variant> = StrictUnion<UnionParams<TVariant>>;\n","import React, { type ButtonHTMLAttributes, forwardRef, type MouseEvent } from \"react\";\nimport { type ActionProps, SIZE, VARIANT } from \"@purpur/action\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Spinner } from \"@purpur/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\ntype ButtonBaseProps = BaseProps<\"button\"> & { loading?: boolean };\n\nexport type ButtonProps =\n  | (ActionProps<ButtonVariant> & ButtonBaseProps & { iconOnly?: false | undefined })\n  | (ActionProps<Exclude<ButtonVariant, \"destructive\">> & ButtonBaseProps & { iconOnly: true });\n\ntype DistributiveOmit<T, K extends keyof never> = T extends unknown ? Omit<T, K> : never;\n\nexport const Button = forwardRef<\n  HTMLButtonElement,\n  DistributiveOmit<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\" as string)) {\n      return null;\n    }\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            className={cx(`${rootClassName}__spinner`)}\n          />\n        )}{\" \"}\n        {children}\n      </button>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"names":["VARIANT","SIZE","BUTTON_VARIANT","buttonVariants","cx","c","styles","rootClassName","BUTTON_TYPES","Button","forwardRef","children","className","disabled","fullWidth","iconOnly","loading","negative","onClick","size","variant","type","props","ref","classes","handleClick","e","_disabled","jsxs","jsx","Spinner"],"mappings":";;;;AAEO,MAAMA,IAAU;AAAA,EACrB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd,GAKaC,IAAO;AAAA,EAIlB,IAAI;AACN;;;;;;;;;;;;;;;;;;;;;;;GCRaC,IAAiB;AAAA,EAC5B,GAAGF;AAAA,EACH,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,MAAM;AACR,GAEaG,IAAiB,OAAO,OAAOD,CAAc,GAGpDE,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,iBAGTC,IAA6B,CAAC,UAAU,UAAU,OAAO,GAUzDC,IAASC;AAAA,EAIpB,CACE;AAAA,IACE,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,SAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,QAAIR,KAAYK,MAAa;AAC3B,aAAO;AAGT,UAAMI,IAAUpB;AAAA,MACd;AAAA,QACEG;AAAA,QACA,GAAGA,CAAa,KAAKU,IAAW,GAAGG,CAAO,cAAcA,CAAO;AAAA,QAC/D,GAAGb,CAAa,KAAKY,CAAI;AAAA,MAAA;AAAA,MAE3B;AAAA,QACE,CAAC,GAAGZ,CAAa,aAAa,GAAGQ;AAAA,QACjC,CAAC,GAAGR,CAAa,YAAY,GAAGU;AAAA,QAChC,CAAC,GAAGV,CAAa,cAAc,GAAGO;AAAA,QAClC,CAAC,GAAGP,CAAa,YAAY,GAAGM,KAAYG;AAAA,MAAA;AAAA,MAE9CJ;AAAA,IAAA,GAGIa,IAAc,CAACC,MAAqC;AACxD,MAAIb,KAAYG,IACdU,EAAE,eAAA,IACOR,KACTA,EAAQQ,CAAC;AAAA,IAEb,GAEMC,IAAY,EAAQL,EAAM,eAAe,KAAMT,KAAYG;AAEjE,WACE,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWJ;AAAA,QACX,MAAAH;AAAA,QACA,KAAAE;AAAA,QACA,iBAAeI;AAAA,QACf,SAASF;AAAA,QACR,GAAGH;AAAA,QAEH,UAAA;AAAA,UAAAN,KACC,gBAAAa;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAMX,MAASlB,EAAK,KAAK,OAAO;AAAA,cAChC,UAAAgB;AAAA,cACA,UAAUU;AAAA,cACV,WAAWvB,EAAG,GAAGG,CAAa,WAAW;AAAA,YAAA;AAAA,UAAA;AAAA,UAE1C;AAAA,UACFI;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAF,EAAO,cAAc;"}