@purpur/library 9.10.1 → 10.0.0

package/dist/button-mHw_J7JU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-mHw_J7JU.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: true; [\"aria-label\"]: string }>\n  | DefaultProps<TVariant, { iconOnly?: false; [\"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  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\"> & { ai?: boolean; 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\nconst shouldRenderChildren = ({ iconOnly, loading }: Pick<ButtonProps, \"iconOnly\" | \"loading\">) =>\n  !(iconOnly && loading);\n\nexport const Button = forwardRef<\n  HTMLButtonElement,\n  DistributiveOmit<ButtonProps, \"type\"> & { type?: ButtonType }\n>(\n  (\n    {\n      ai = false,\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 variantClass = `${variant}${ai ? \"-ai\" : \"\"}${negative ? \"-negative\" : \"\"}`;\n\n    const classes = cx(\n      [rootClassName, `${rootClassName}--${variantClass}`, `${rootClassName}--${size}`],\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    const renderChildren = shouldRenderChildren({ iconOnly, 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        {renderChildren ? children : null}\n      </button>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"names":["VARIANT","SIZE","BUTTON_VARIANT","buttonVariants","cx","c","styles","rootClassName","BUTTON_TYPES","shouldRenderChildren","iconOnly","loading","Button","forwardRef","ai","children","className","disabled","fullWidth","negative","onClick","size","variant","type","props","ref","variantClass","classes","handleClick","e","_disabled","renderChildren","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,MAAM;AACR,GAEaG,IAAiB,OAAO,OAAOD,CAAc,GAGpDE,IAAKC,EAAE,KAAKC,CAAM,GAClBC,IAAgB,iBAGTC,IAA6B,CAAC,UAAU,UAAU,OAAO,GAUhEC,IAAuB,CAAC,EAAE,UAAAC,GAAU,SAAAC,EAAA,MACxC,EAAED,KAAYC,IAEHC,IAASC;AAAA,EAIpB,CACE;AAAA,IACE,IAAAC,IAAK;AAAA,IACL,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,UAAAR;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAQ,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,SAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,QAAIf,KAAYY,MAAa;AAC3B,aAAO;AAGT,UAAMI,IAAe,GAAGJ,CAAO,GAAGR,IAAK,QAAQ,EAAE,GAAGK,IAAW,cAAc,EAAE,IAEzEQ,IAAUvB;AAAA,MACd,CAACG,GAAe,GAAGA,CAAa,KAAKmB,CAAY,IAAI,GAAGnB,CAAa,KAAKc,CAAI,EAAE;AAAA,MAChF;AAAA,QACE,CAAC,GAAGd,CAAa,aAAa,GAAGG;AAAA,QACjC,CAAC,GAAGH,CAAa,YAAY,GAAGY;AAAA,QAChC,CAAC,GAAGZ,CAAa,cAAc,GAAGW;AAAA,QAClC,CAAC,GAAGX,CAAa,YAAY,GAAGU,KAAYN;AAAA,MAAA;AAAA,MAE9CK;AAAA,IAAA,GAGIY,IAAc,CAACC,MAAqC;AACxD,MAAIZ,KAAYN,IACdkB,EAAE,eAAA,IACOT,KACTA,EAAQS,CAAC;AAAA,IAEb,GAEMC,IAAY,EAAQN,EAAM,eAAe,KAAMP,KAAYN,GAC3DoB,IAAiBtB,EAAqB,EAAE,UAAAC,GAAU,SAAAC,GAAS;AAEjE,WACE,gBAAAqB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWL;AAAA,QACX,MAAAJ;AAAA,QACA,KAAAE;AAAA,QACA,iBAAeK;AAAA,QACf,SAASF;AAAA,QACR,GAAGJ;AAAA,QAEH,UAAA;AAAA,UAAAb,KACC,gBAAAsB;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAMb,MAASpB,EAAK,KAAK,OAAO;AAAA,cAChC,UAAAkB;AAAA,cACA,UAAUW;AAAA,cACV,WAAW1B,EAAG,GAAGG,CAAa,WAAW;AAAA,YAAA;AAAA,UAAA;AAAA,UAG5CwB,IAAiBhB,IAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGnC;AACF;AAEAH,EAAO,cAAc;"}

package/dist/button.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./button-DZgtrGqN.js");exports.BUTTON_TYPES=t.BUTTON_TYPES;exports.BUTTON_VARIANT=t.BUTTON_VARIANT;exports.Button=t.Button;exports.buttonVariants=t.buttonVariants;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./button-C5CYysw5.js");exports.BUTTON_TYPES=t.BUTTON_TYPES;exports.BUTTON_VARIANT=t.BUTTON_VARIANT;exports.Button=t.Button;exports.buttonVariants=t.buttonVariants;
 //# sourceMappingURL=button.cjs.js.map

package/dist/button.es.js

@@ -1,4 +1,4 @@
-import { B as T, a as s, b as o, c as B } from "./button-EVRfctR8.mjs";
+import { B as T, a as s, b as o, c as B } from "./button-mHw_J7JU.mjs";
 export {
   T as BUTTON_TYPES,
   s as BUTTON_VARIANT,

package/dist/{calendar-CTWhxuS4.mjs → calendar-DTL_g0ue.mjs}

@@ -1,6 +1,6 @@
 import { jsx as ae } from "react/jsx-runtime";
 import d, { createContext as Ht, useContext as Zt, useCallback as Z, useRef as ce, useLayoutEffect as jt, useState as pe, useEffect as Ge, useMemo as Ce } from "react";
-import { b as Ae } from "./button-EVRfctR8.mjs";
+import { b as Ae } from "./button-mHw_J7JU.mjs";
 import { l as zt } from "./chevron-left.es-UFhf3v35.mjs";
 import { n as qt } from "./chevron-right.es-D7aVK4ER.mjs";
 /* empty css                 */
@@ -1411,7 +1411,7 @@ const rs = "_root_28yn5_3", as = "_months_28yn5_103", is = "_month_28yn5_103", c
           Ae,
           {
             ref: t,
-            variant: "tertiary-purple",
+            variant: "text",
             size: "sm",
             iconOnly: !0,
             "aria-label": u ?? "",
@@ -1419,17 +1419,7 @@ const rs = "_root_28yn5_3", as = "_months_28yn5_103", is = "_month_28yn5_103", c
             children: /* @__PURE__ */ ae(zt, { size: "sm" })
           }
         ),
-        NextMonthButton: ({ ["aria-label"]: u, ...p }) => /* @__PURE__ */ ae(
-          Ae,
-          {
-            variant: "tertiary-purple",
-            size: "sm",
-            iconOnly: !0,
-            "aria-label": u ?? "",
-            ...p,
-            children: /* @__PURE__ */ ae(qt, { size: "sm" })
-          }
-        )
+        NextMonthButton: ({ ["aria-label"]: u, ...p }) => /* @__PURE__ */ ae(Ae, { variant: "text", size: "sm", iconOnly: !0, "aria-label": u ?? "", ...p, children: /* @__PURE__ */ ae(qt, { size: "sm" }) })
       }
     }
   );
@@ -1439,4 +1429,4 @@ export {
   bs as C,
   ln as i
 };
-//# sourceMappingURL=calendar-CTWhxuS4.mjs.map
+//# sourceMappingURL=calendar-DTL_g0ue.mjs.map