@clubmed/trident-ui 1.2.0 → 1.3.0-beta.10

package/molecules/Arrows.js

@@ -1,59 +1,5 @@
-import { jsxs as w, jsx as n } from "react/jsx-runtime";
-import { c as o } from "../chunks/index.js";
-import { Button as c } from "./Buttons/Button.js";
-const d = ({
-  onNext: l,
-  onPrev: m,
-  nextLabel: p = "",
-  prevLabel: u = "",
-  disableNext: t,
-  disablePrev: a,
-  className: f,
-  theme: r = "white",
-  variant: s = "icon",
-  iconType: e = "ArrowDefault",
-  hideDisabled: i = !1
-}) => /* @__PURE__ */ w(
-  "div",
-  {
-    role: "navigation",
-    className: o("flex w-full items-center justify-between", f),
-    "data-name": "Arrows",
-    children: [
-      /* @__PURE__ */ n(
-        c,
-        {
-          variant: s,
-          theme: r,
-          icon: `${e}Left`,
-          className: o("pointer-events-auto me-auto transition-opacity", {
-            "opacity-0": i && a
-          }),
-          onClick: m,
-          label: u,
-          disabled: a,
-          groupName: "arrows"
-        }
-      ),
-      /* @__PURE__ */ n(
-        c,
-        {
-          variant: s,
-          theme: r,
-          icon: `${e}Right`,
-          className: o("pointer-events-auto ms-auto transition-opacity", {
-            "opacity-0": i && t
-          }),
-          onClick: l,
-          label: p,
-          disabled: t,
-          groupName: "arrows"
-        }
-      )
-    ]
-  }
-);
+import { Arrows as e } from "./Arrows/Arrows.js";
 export {
-  d as Arrows
+  e as Arrows
 };
 //# sourceMappingURL=Arrows.js.map

package/molecules/Arrows.js.map

@@ -1 +1 @@
-{"version":3,"file":"Arrows.js","sources":["../../lib/molecules/Arrows.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport type { ComponentProps, FunctionComponent } from 'react';\n\nimport { Button } from './Buttons/Button';\n\ninterface ArrowsProps {\n  /**\n   * onNext handler\n   */\n  onNext: () => void;\n  /**\n   * onPrev handler\n   */\n  onPrev: () => void;\n  /**\n   * Next label\n   */\n  nextLabel?: string;\n  /**\n   * Prev label\n   */\n  prevLabel?: string;\n  /**\n   * Disable next button\n   */\n  disableNext?: boolean;\n  /**\n   * Disable prev button\n   */\n  disablePrev?: boolean;\n  /**\n   * Additional class names\n   */\n  className?: string;\n  /**\n   * Theme\n   */\n  theme?: ComponentProps<typeof Button>['theme'];\n  /**\n   * Variant\n   */\n  variant?: ComponentProps<typeof Button>['variant'];\n  /**\n   * Arrow icon type\n   */\n  iconType?: 'ArrowDefault' | 'ArrowTail';\n  /**\n   * Hide disabled arrows\n   */\n  hideDisabled?: boolean;\n}\n\nexport const Arrows: FunctionComponent<ArrowsProps> = ({\n  onNext,\n  onPrev,\n  nextLabel = '',\n  prevLabel = '',\n  disableNext,\n  disablePrev,\n  className,\n  theme = 'white',\n  variant = 'icon',\n  iconType = 'ArrowDefault',\n  hideDisabled = false,\n}) => {\n  return (\n    <div\n      role=\"navigation\"\n      className={classnames('flex w-full items-center justify-between', className)}\n      data-name=\"Arrows\"\n    >\n      <Button\n        variant={variant}\n        theme={theme}\n        icon={`${iconType}Left`}\n        className={classnames('pointer-events-auto me-auto transition-opacity', {\n          'opacity-0': hideDisabled && disablePrev,\n        })}\n        onClick={onPrev}\n        label={prevLabel}\n        disabled={disablePrev}\n        groupName=\"arrows\"\n      />\n      <Button\n        variant={variant}\n        theme={theme}\n        icon={`${iconType}Right`}\n        className={classnames('pointer-events-auto ms-auto transition-opacity', {\n          'opacity-0': hideDisabled && disableNext,\n        })}\n        onClick={onNext}\n        label={nextLabel}\n        disabled={disableNext}\n        groupName=\"arrows\"\n      />\n    </div>\n  );\n};\n"],"names":["Arrows","onNext","onPrev","nextLabel","prevLabel","disableNext","disablePrev","className","theme","variant","iconType","hideDisabled","jsxs","classnames","jsx","Button"],"mappings":";;;AAoDO,MAAMA,IAAyC,CAAC;AAAA,EACrD,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AACjB,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,WAAWC,EAAW,4CAA4CN,CAAS;AAAA,IAC3E,aAAU;AAAA,IAEV,UAAA;AAAA,MAAA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAN;AAAA,UACA,OAAAD;AAAA,UACA,MAAM,GAAGE,CAAQ;AAAA,UACjB,WAAWG,EAAW,kDAAkD;AAAA,YACtE,aAAaF,KAAgBL;AAAA,UAAA,CAC9B;AAAA,UACD,SAASJ;AAAA,UACT,OAAOE;AAAA,UACP,UAAUE;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MACZ;AAAA,MACA,gBAAAQ;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAN;AAAA,UACA,OAAAD;AAAA,UACA,MAAM,GAAGE,CAAQ;AAAA,UACjB,WAAWG,EAAW,kDAAkD;AAAA,YACtE,aAAaF,KAAgBN;AAAA,UAAA,CAC9B;AAAA,UACD,SAASJ;AAAA,UACT,OAAOE;AAAA,UACP,UAAUE;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"Arrows.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/molecules/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../lib/molecules/Avatar.tsx"],"sourcesContent":["import type { HTMLAttributes, PropsWithChildren } from 'react';\nimport classnames from 'classnames';\n\nconst initial = (text = '') => {\n  return text\n    .split(' ')\n    .map((text) => text.slice(0, 1))\n    .join('');\n};\n\ninterface AvatarProps extends HTMLAttributes<HTMLDivElement> {\n  alt?: string;\n  src?: string | undefined;\n  srcSet?: string | undefined;\n}\n\nexport function Avatar({\n  alt,\n  src,\n  srcSet,\n  style,\n  children,\n  className,\n  ...props\n}: PropsWithChildren<AvatarProps>) {\n  return (\n    <div\n      {...props}\n      {...(src || srcSet ? { role: 'figure', 'aria-label': alt } : {})}\n      className={classnames(\n        'flex items-center justify-center relative overflow-hidden',\n        {\n          'rounded-full': !className?.includes('rounded-'),\n          'text-black': !className?.includes('text-'),\n          'bg-saffron': !className?.includes('bg-'),\n        },\n        className,\n      )}\n      style={{\n        width: '48px',\n        height: '48px',\n        ...style,\n      }}\n    >\n      <span className=\"flex items-center justify-center font-bold uppercase text-h6 h-full\">\n        {src || srcSet ? (\n          <img\n            srcSet={srcSet}\n            src={src}\n            alt={alt}\n            className={'w-full h-full object-cover transparent indent-[1000px]'}\n          />\n        ) : (\n          initial(alt)\n        )}\n        {children}\n      </span>\n    </div>\n  );\n}\n"],"names":["initial","text","Avatar","alt","src","srcSet","style","children","className","props","jsx","classnames","jsxs"],"mappings":";;AAGA,MAAMA,IAAU,CAACC,IAAO,OACfA,EACJ,MAAM,GAAG,EACT,IAAI,CAACA,MAASA,EAAK,MAAM,GAAG,CAAC,CAAC,EAC9B,KAAK,EAAE;AASL,SAASC,EAAO;AAAA,EACrB,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAmC;AAE/B,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACH,GAAIL,KAAOC,IAAS,EAAE,MAAM,UAAU,cAAcF,EAAI,IAAI,CAAC;AAAA,MAC9D,WAAWQ;AAAA,QACT;AAAA,QACA;AAAA,UACE,gBAAgB,EAACH,KAAA,QAAAA,EAAW,SAAS;AAAA,UACrC,cAAc,EAACA,KAAA,QAAAA,EAAW,SAAS;AAAA,UACnC,cAAc,EAACA,KAAA,QAAAA,EAAW,SAAS;AAAA,QACrC;AAAA,QACAA;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,GAAGF;AAAA,MACL;AAAA,MAEA,UAAA,gBAAAM,EAAC,QAAK,EAAA,WAAU,uEACb,UAAA;AAAA,QAAAR,KAAOC,IACN,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,QAAAL;AAAA,YACA,KAAAD;AAAA,YACA,KAAAD;AAAA,YACA,WAAW;AAAA,UAAA;AAAA,QAAA,IAGbH,EAAQG,CAAG;AAAA,QAEZI;AAAA,MAAA,GACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Avatar.js","sources":["../../lib/molecules/Avatar.tsx"],"sourcesContent":["import type { HTMLAttributes, PropsWithChildren } from 'react';\nimport classnames from 'classnames';\n\nconst initial = (text = '') => {\n  return text\n    .split(' ')\n    .map((text) => text.slice(0, 1))\n    .join('');\n};\n\ninterface AvatarProps extends HTMLAttributes<HTMLDivElement> {\n  alt?: string;\n  src?: string | undefined;\n  srcSet?: string | undefined;\n}\n\nexport function Avatar({\n  alt,\n  src,\n  srcSet,\n  style,\n  children,\n  className,\n  ...props\n}: PropsWithChildren<AvatarProps>) {\n  return (\n    <div\n      {...props}\n      {...(src || srcSet ? { role: 'figure', 'aria-label': alt } : {})}\n      className={classnames(\n        'flex items-center justify-center relative overflow-hidden',\n        {\n          'rounded-full': !className?.includes('rounded-'),\n          'text-black': !className?.includes('text-'),\n          'bg-saffron': !className?.includes('bg-'),\n        },\n        className,\n      )}\n      style={{\n        width: '48px',\n        height: '48px',\n        ...style,\n      }}\n    >\n      <span className=\"flex items-center justify-center font-bold uppercase text-h6 h-full\">\n        {src || srcSet ? (\n          <img\n            srcSet={srcSet}\n            src={src}\n            alt={alt}\n            className={'w-full h-full object-cover transparent indent-[1000px]'}\n          />\n        ) : (\n          initial(alt)\n        )}\n        {children}\n      </span>\n    </div>\n  );\n}\n"],"names":["initial","text","Avatar","alt","src","srcSet","style","children","className","props","jsx","classnames","jsxs"],"mappings":";;AAGA,MAAMA,IAAU,CAACC,IAAO,OACfA,EACJ,MAAM,GAAG,EACT,IAAI,CAACA,MAASA,EAAK,MAAM,GAAG,CAAC,CAAC,EAC9B,KAAK,EAAE;AASL,SAASC,EAAO;AAAA,EACrB,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAmC;AACjC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACH,GAAIL,KAAOC,IAAS,EAAE,MAAM,UAAU,cAAcF,EAAA,IAAQ,CAAA;AAAA,MAC7D,WAAWQ;AAAA,QACT;AAAA,QACA;AAAA,UACE,gBAAgB,EAACH,KAAA,QAAAA,EAAW,SAAS;AAAA,UACrC,cAAc,EAACA,KAAA,QAAAA,EAAW,SAAS;AAAA,UACnC,cAAc,EAACA,KAAA,QAAAA,EAAW,SAAS;AAAA,QAAK;AAAA,QAE1CA;AAAA,MAAA;AAAA,MAEF,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,GAAGF;AAAA,MAAA;AAAA,MAGL,UAAA,gBAAAM,EAAC,QAAA,EAAK,WAAU,uEACb,UAAA;AAAA,QAAAR,KAAOC,IACN,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,QAAAL;AAAA,YACA,KAAAD;AAAA,YACA,KAAAD;AAAA,YACA,WAAW;AAAA,UAAA;AAAA,QAAA,IAGbH,EAAQG,CAAG;AAAA,QAEZI;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/molecules/Backdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Backdrop.js","sources":["../../lib/molecules/Backdrop.tsx"],"sourcesContent":["import { animated, config, useTransition } from '@react-spring/web';\nimport classnames from 'classnames';\nimport type { FunctionComponent, MouseEvent, PropsWithChildren } from 'react';\n\ninterface BackdropProps {\n  /**\n   * On close\n   * @param event\n   */\n  onClose?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Is visible\n   */\n  isVisible?: boolean;\n  /**\n   * Sweep Mode™\n   * (makes it appear from the sides instead of from everywhere)\n   */\n  sweep?: boolean;\n}\n\nexport const Backdrop: FunctionComponent<PropsWithChildren<BackdropProps>> = ({\n  children,\n  onClose,\n  isVisible,\n  sweep,\n}) => {\n  const transitions = useTransition(isVisible, {\n    from: {\n      WebkitBackdropFilter: 'blur(0px)',\n      backdropFilter: 'blur(0px)',\n      '--tw-bg-opacity': 0,\n      x: sweep ? '-100%' : '0%',\n    },\n    enter: {\n      WebkitBackdropFilter: 'blur(10px)',\n      backdropFilter: 'blur(10px)',\n      '--tw-bg-opacity': 0.8,\n      x: '0%',\n    },\n    leave: {\n      WebkitBackdropFilter: 'blur(0px)',\n      backdropFilter: 'blur(0px)',\n      '--tw-bg-opacity': 0,\n      x: sweep ? '100%' : '0%',\n    },\n    config: sweep ? { tension: 200, friction: 40 } : config.gentle,\n  });\n\n  return transitions(\n    (style, item) =>\n      item && (\n        <div\n          role=\"presentation\"\n          className=\"z-1 pointer-events-none fixed inset-0 flex items-center justify-center\"\n        >\n          <animated.button\n            type=\"button\"\n            className={classnames('-z-1 absolute inset-0 bg-white', {\n              'pointer-events-auto': isVisible,\n            })}\n            style={style}\n            onClick={onClose}\n          />\n          {children}\n        </div>\n      ),\n  );\n};\n"],"names":["Backdrop","children","onClose","isVisible","sweep","useTransition","config","style","item","jsxs","jsx","animated","classnames"],"mappings":";;;AAqBO,MAAMA,IAAgE,CAAC;AAAA,EAC5E,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AACF,MACsBC,EAAcF,GAAW;AAAA,EAC3C,MAAM;AAAA,IACJ,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,GAAGC,IAAQ,UAAU;AAAA,EACvB;AAAA,EACA,OAAO;AAAA,IACL,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,GAAG;AAAA,EACL;AAAA,EACA,OAAO;AAAA,IACL,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,GAAGA,IAAQ,SAAS;AAAA,EACtB;AAAA,EACA,QAAQA,IAAQ,EAAE,SAAS,KAAK,UAAU,GAAA,IAAOE,EAAO;AAAA,CACzD;AAAA,EAGC,CAACC,GAAOC,MACNA,KACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACC,MAAK;AAAA,YACL,WAAWC,EAAW,kCAAkC;AAAA,cACtD,uBAAuBT;AAAA,YAAA,CACxB;AAAA,YACD,OAAAI;AAAA,YACA,SAASL;AAAA,UAAA;AAAA,QACX;AAAA,QACCD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAAA;"}
+{"version":3,"file":"Backdrop.js","sources":["../../lib/molecules/Backdrop.tsx"],"sourcesContent":["import { animated, config, useTransition } from '@react-spring/web';\nimport classnames from 'classnames';\nimport type { FunctionComponent, MouseEvent, PropsWithChildren } from 'react';\n\ninterface BackdropProps {\n  /**\n   * On close\n   * @param event\n   */\n  onClose?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Is visible\n   */\n  isVisible?: boolean;\n  /**\n   * Sweep Mode™\n   * (makes it appear from the sides instead of from everywhere)\n   */\n  sweep?: boolean;\n}\n\nexport const Backdrop: FunctionComponent<PropsWithChildren<BackdropProps>> = ({\n  children,\n  onClose,\n  isVisible,\n  sweep,\n}) => {\n  const transitions = useTransition(isVisible, {\n    from: {\n      WebkitBackdropFilter: 'blur(0px)',\n      backdropFilter: 'blur(0px)',\n      '--tw-bg-opacity': 0,\n      x: sweep ? '-100%' : '0%',\n    },\n    enter: {\n      WebkitBackdropFilter: 'blur(10px)',\n      backdropFilter: 'blur(10px)',\n      '--tw-bg-opacity': 0.8,\n      x: '0%',\n    },\n    leave: {\n      WebkitBackdropFilter: 'blur(0px)',\n      backdropFilter: 'blur(0px)',\n      '--tw-bg-opacity': 0,\n      x: sweep ? '100%' : '0%',\n    },\n    config: sweep ? { tension: 200, friction: 40 } : config.gentle,\n  });\n\n  return transitions(\n    (style, item) =>\n      item && (\n        <div\n          role=\"presentation\"\n          className=\"z-1 pointer-events-none fixed inset-0 flex items-center justify-center\"\n        >\n          <animated.button\n            type=\"button\"\n            className={classnames('-z-1 absolute inset-0 bg-white', {\n              'pointer-events-auto': isVisible,\n            })}\n            style={style}\n            onClick={onClose}\n          />\n          {children}\n        </div>\n      ),\n  );\n};\n"],"names":["Backdrop","children","onClose","isVisible","sweep","useTransition","config","style","item","jsxs","jsx","animated","classnames"],"mappings":";;;AAqBO,MAAMA,IAAgE,CAAC;AAAA,EAC5E,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AACF,MACsBC,EAAcF,GAAW;AAAA,EAC3C,MAAM;AAAA,IACJ,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,GAAGC,IAAQ,UAAU;AAAA,EAAA;AAAA,EAEvB,OAAO;AAAA,IACL,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,GAAG;AAAA,EAAA;AAAA,EAEL,OAAO;AAAA,IACL,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,GAAGA,IAAQ,SAAS;AAAA,EAAA;AAAA,EAEtB,QAAQA,IAAQ,EAAE,SAAS,KAAK,UAAU,GAAA,IAAOE,EAAO;AAAA,CACzD;AAAA,EAGC,CAACC,GAAOC,MACNA,KACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC,EAAS;AAAA,UAAT;AAAA,YACC,MAAK;AAAA,YACL,WAAWC,EAAW,kCAAkC;AAAA,cACtD,uBAAuBT;AAAA,YAAA,CACxB;AAAA,YACD,OAAAI;AAAA,YACA,SAASL;AAAA,UAAA;AAAA,QAAA;AAAA,QAEVD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACH;"}

package/molecules/Breadcrumb.js

@@ -1,7 +1,6 @@
 import { jsx as e, jsxs as k } from "react/jsx-runtime";
 import { c as w } from "../chunks/index.js";
-import { Icon as B } from "../atoms/Icons/Icon.js";
-import "@clubmed/trident-icons";
+import { Icon as B } from "@clubmed/trident-icons";
 const E = {
   light: {
     thStart: "text-middleGrey",
@@ -11,14 +10,14 @@ const E = {
     thStart: "text-white",
     thEnd: "text-white font-bold"
   }
-}, L = ({
-  className: o,
+}, I = ({
+  className: l,
   items: n,
-  theme: l = "light",
-  component: i = "a"
+  theme: o = "light",
+  component: h = "a"
 }) => {
-  const [m, h, , ...r] = n, d = r.length ? r[r.length - 1] : n[n.length - 1], x = { label: "...", href: "" }, s = r.length ? [m, h, x, d] : n, { thStart: p, thEnd: f } = E[l], g = i;
-  return /* @__PURE__ */ e("nav", { "data-name": "Breadcrumb", "aria-label": "Breadcrumb", className: o, children: /* @__PURE__ */ e("ul", { className: "flex items-center", children: s.map(({ label: a, href: c }, b) => {
+  const [i, m, , ...r] = n, d = r.length ? r[r.length - 1] : n[n.length - 1], x = { label: "...", href: "" }, s = r.length ? [i, m, x, d] : n, { thStart: p, thEnd: f } = E[o], g = h;
+  return /* @__PURE__ */ e("nav", { "data-name": "Breadcrumb", "aria-label": "Breadcrumb", className: l, children: /* @__PURE__ */ e("ul", { className: "flex items-center", children: s.map(({ label: a, href: c }, b) => {
     const t = b === s.length - 1, u = c && !t;
     return /* @__PURE__ */ k(
       "li",
@@ -38,6 +37,6 @@ const E = {
   }) }) });
 };
 export {
-  L as Breadcrumb
+  I as Breadcrumb
 };
 //# sourceMappingURL=Breadcrumb.js.map

package/molecules/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../lib/molecules/Breadcrumb.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport type { FunctionComponent, PropsWithChildren } from 'react';\n\nimport { Icon } from '@/atoms/Icons';\n\nexport interface BreadcrumbProps {\n  className?: string;\n  items: {\n    label: string;\n    href: string;\n  }[];\n  theme?: 'dark' | 'light';\n  /**\n   * Allow giving a custom component\n   */\n  component?: FunctionComponent<PropsWithChildren<any>> | string;\n}\n\nconst themes = {\n  light: {\n    thStart: 'text-middleGrey',\n    thEnd: 'text-black font-bold',\n  },\n  dark: {\n    thStart: 'text-white',\n    thEnd: 'text-white font-bold',\n  },\n};\n\nexport const Breadcrumb: FunctionComponent<BreadcrumbProps> = ({\n  className,\n  items,\n  theme = 'light',\n  component = 'a',\n}) => {\n  const [first, second, , ...rest] = items;\n  const lastItem = rest.length ? rest[rest.length - 1] : items[items.length - 1];\n  const spacer = { label: '...', href: '' };\n  const itemsToRender = !rest.length ? items : [first, second, spacer, lastItem];\n  const { thStart, thEnd } = themes[theme];\n  const Cmp = component as FunctionComponent<PropsWithChildren<{ href: string }>>;\n\n  return (\n    <nav data-name=\"Breadcrumb\" aria-label=\"Breadcrumb\" className={className}>\n      <ul className=\"flex items-center\">\n        {itemsToRender.map(({ label, href }, index) => {\n          const isLast = index === itemsToRender.length - 1;\n          const isLink = href && !isLast;\n          return (\n            <li\n              key={label}\n              className={classnames('text-b4 flex items-center', {\n                [thStart]: !isLast,\n                [thEnd]: isLast,\n              })}\n              {...(isLast && { 'aria-current': 'page' })}\n            >\n              <span>{isLink ? <Cmp href={href}>{label}</Cmp> : label}</span>\n              {!isLast && <Icon name=\"Diamond\" width=\"14px\" className=\"mx-4\" />}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n};\n"],"names":["themes","Breadcrumb","className","items","theme","component","first","second","rest","lastItem","spacer","itemsToRender","thStart","thEnd","Cmp","jsx","label","href","index","isLast","isLink","jsxs","classnames","Icon"],"mappings":";;;;AAmBA,MAAMA,IAAS;AAAA,EACb,OAAO;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AACF,GAEaC,IAAiD,CAAC;AAAA,EAC7D,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,CAACC,GAAOC,GAAU,EAAA,GAAGC,CAAI,IAAIL,GAC7BM,IAAWD,EAAK,SAASA,EAAKA,EAAK,SAAS,CAAC,IAAIL,EAAMA,EAAM,SAAS,CAAC,GACvEO,IAAS,EAAE,OAAO,OAAO,MAAM,GAAG,GAClCC,IAAiBH,EAAK,SAAiB,CAACF,GAAOC,GAAQG,GAAQD,CAAQ,IAAxCN,GAC/B,EAAE,SAAAS,GAAS,OAAAC,EAAM,IAAIb,EAAOI,CAAK,GACjCU,IAAMT;AAEZ,2BACG,OAAI,EAAA,aAAU,cAAa,cAAW,cAAa,WAAAH,GAClD,UAAC,gBAAAa,EAAA,MAAA,EAAG,WAAU,qBACX,YAAc,IAAI,CAAC,EAAE,OAAAC,GAAO,MAAAC,KAAQC,MAAU;AACvC,UAAAC,IAASD,MAAUP,EAAc,SAAS,GAC1CS,IAASH,KAAQ,CAACE;AAEtB,WAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWC,EAAW,6BAA6B;AAAA,UACjD,CAACV,CAAO,GAAG,CAACO;AAAA,UACZ,CAACN,CAAK,GAAGM;AAAA,QAAA,CACV;AAAA,QACA,GAAIA,KAAU,EAAE,gBAAgB,OAAO;AAAA,QAExC,UAAA;AAAA,UAAA,gBAAAJ,EAAC,UAAM,UAASK,IAAA,gBAAAL,EAACD,KAAI,MAAAG,GAAa,UAAAD,GAAM,IAASA,EAAM,CAAA;AAAA,UACtD,CAACG,KAAW,gBAAAJ,EAAAQ,GAAA,EAAK,MAAK,WAAU,OAAM,QAAO,WAAU,QAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAR1DP;AAAA,IAAA;AAAA,EASP,CAEH,GACH,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../lib/molecules/Breadcrumb.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport type { FunctionComponent, PropsWithChildren } from 'react';\n\nimport { Icon } from '@clubmed/trident-icons';\n\nexport interface BreadcrumbProps {\n  className?: string;\n  items: {\n    label: string;\n    href: string;\n  }[];\n  theme?: 'dark' | 'light';\n  /**\n   * Allow giving a custom component\n   */\n  component?: FunctionComponent<PropsWithChildren<any>> | string;\n}\n\nconst themes = {\n  light: {\n    thStart: 'text-middleGrey',\n    thEnd: 'text-black font-bold',\n  },\n  dark: {\n    thStart: 'text-white',\n    thEnd: 'text-white font-bold',\n  },\n};\n\nexport const Breadcrumb: FunctionComponent<BreadcrumbProps> = ({\n  className,\n  items,\n  theme = 'light',\n  component = 'a',\n}) => {\n  const [first, second, , ...rest] = items;\n  const lastItem = rest.length ? rest[rest.length - 1] : items[items.length - 1];\n  const spacer = { label: '...', href: '' };\n  const itemsToRender = !rest.length ? items : [first, second, spacer, lastItem];\n  const { thStart, thEnd } = themes[theme];\n  const Cmp = component as FunctionComponent<PropsWithChildren<{ href: string }>>;\n\n  return (\n    <nav data-name=\"Breadcrumb\" aria-label=\"Breadcrumb\" className={className}>\n      <ul className=\"flex items-center\">\n        {itemsToRender.map(({ label, href }, index) => {\n          const isLast = index === itemsToRender.length - 1;\n          const isLink = href && !isLast;\n          return (\n            <li\n              key={label}\n              className={classnames('text-b4 flex items-center', {\n                [thStart]: !isLast,\n                [thEnd]: isLast,\n              })}\n              {...(isLast && { 'aria-current': 'page' })}\n            >\n              <span>{isLink ? <Cmp href={href}>{label}</Cmp> : label}</span>\n              {!isLast && <Icon name=\"Diamond\" width=\"14px\" className=\"mx-4\" />}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n};\n"],"names":["themes","Breadcrumb","className","items","theme","component","first","second","rest","lastItem","spacer","itemsToRender","thStart","thEnd","Cmp","jsx","label","href","index","isLast","isLink","jsxs","classnames","Icon"],"mappings":";;;AAmBA,MAAMA,IAAS;AAAA,EACb,OAAO;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAAA,EAET,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAEX,GAEaC,IAAiD,CAAC;AAAA,EAC7D,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,CAACC,GAAOC,KAAU,GAAGC,CAAI,IAAIL,GAC7BM,IAAWD,EAAK,SAASA,EAAKA,EAAK,SAAS,CAAC,IAAIL,EAAMA,EAAM,SAAS,CAAC,GACvEO,IAAS,EAAE,OAAO,OAAO,MAAM,GAAA,GAC/BC,IAAiBH,EAAK,SAAiB,CAACF,GAAOC,GAAQG,GAAQD,CAAQ,IAAxCN,GAC/B,EAAE,SAAAS,GAAS,OAAAC,MAAUb,EAAOI,CAAK,GACjCU,IAAMT;AAEZ,2BACG,OAAA,EAAI,aAAU,cAAa,cAAW,cAAa,WAAAH,GAClD,UAAA,gBAAAa,EAAC,MAAA,EAAG,WAAU,qBACX,YAAc,IAAI,CAAC,EAAE,OAAAC,GAAO,MAAAC,EAAA,GAAQC,MAAU;AAC7C,UAAMC,IAASD,MAAUP,EAAc,SAAS,GAC1CS,IAASH,KAAQ,CAACE;AACxB,WACE,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWC,EAAW,6BAA6B;AAAA,UACjD,CAACV,CAAO,GAAG,CAACO;AAAA,UACZ,CAACN,CAAK,GAAGM;AAAA,QAAA,CACV;AAAA,QACA,GAAIA,KAAU,EAAE,gBAAgB,OAAA;AAAA,QAEjC,UAAA;AAAA,UAAA,gBAAAJ,EAAC,UAAM,UAAAK,IAAS,gBAAAL,EAACD,KAAI,MAAAG,GAAa,UAAAD,GAAM,IAASA,EAAA,CAAM;AAAA,UACtD,CAACG,KAAU,gBAAAJ,EAACQ,GAAA,EAAK,MAAK,WAAU,OAAM,QAAO,WAAU,OAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAR1DP;AAAA,IAAA;AAAA,EAWX,CAAC,GACH,GACF;AAEJ;"}

package/molecules/Buttons/ArrowButton.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentProps, FunctionComponent } from 'react';
+import { Button } from './Button';
+interface Props extends ComponentProps<typeof Button> {
+    icon: 'ArrowDefaultLeft' | 'ArrowDefaultRight' | 'ArrowTailLeft' | 'ArrowTailRight';
+}
+export declare const ArrowButton: FunctionComponent<Props>;
+export {};

package/molecules/Buttons/ArrowButton.js

@@ -0,0 +1,14 @@
+import { jsx as o } from "react/jsx-runtime";
+import { BUTTON_VARIANT_LEGACY as a, BUTTON_THEME_LEGACY as e, Button as m } from "./Button.js";
+const c = ({ children: r, ...t }) => {
+  const n = {
+    ...t,
+    ...e[t.theme] || {},
+    ...a[t.variant] || {}
+  };
+  return /* @__PURE__ */ o(m, { ...n, variant: "circle", children: r && /* @__PURE__ */ o("span", { className: "sr-only", children: r }) });
+};
+export {
+  c as ArrowButton
+};
+//# sourceMappingURL=ArrowButton.js.map

package/molecules/Buttons/ArrowButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowButton.js","sources":["../../../lib/molecules/Buttons/ArrowButton.tsx"],"sourcesContent":["import type { ComponentProps, FunctionComponent } from 'react';\n\nimport { Button } from './Button';\nimport { BUTTON_THEME_LEGACY, BUTTON_VARIANT_LEGACY } from '@/molecules/Buttons/Button';\n\ninterface Props extends ComponentProps<typeof Button> {\n  icon: 'ArrowDefaultLeft' | 'ArrowDefaultRight' | 'ArrowTailLeft' | 'ArrowTailRight';\n}\n\nexport const ArrowButton: FunctionComponent<Props> = ({ children, ...props }) => {\n  const opts = {\n    ...props,\n    ...(BUTTON_THEME_LEGACY[props.theme!] || {}),\n    ...(BUTTON_VARIANT_LEGACY[props.variant!] || {}),\n  };\n\n  return (\n    <Button {...opts} variant=\"circle\">\n      {children && <span className=\"sr-only\">{children}</span>}\n    </Button>\n  );\n};\n"],"names":["ArrowButton","children","props","opts","BUTTON_THEME_LEGACY","BUTTON_VARIANT_LEGACY","jsx","Button"],"mappings":";;AASO,MAAMA,IAAwC,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAAY;AAC/E,QAAMC,IAAO;AAAA,IACX,GAAGD;AAAA,IACH,GAAIE,EAAoBF,EAAM,KAAM,KAAK,CAAA;AAAA,IACzC,GAAIG,EAAsBH,EAAM,OAAQ,KAAK,CAAA;AAAA,EAAC;AAGhD,SACE,gBAAAI,EAACC,GAAA,EAAQ,GAAGJ,GAAM,SAAQ,UACvB,UAAAF,KAAY,gBAAAK,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAL,EAAA,CAAS,GACnD;AAEJ;"}

package/molecules/Buttons/Button.d.ts

@@ -1,30 +1,26 @@
-import { type ButtonHTMLAttributes, type FunctionComponent, type MouseEventHandler, type ReactNode } from 'react';
-import './button.css';
-import type { IconicNames, IconicTypes } from '../../atoms/Icons/index.js';
-export interface CommonButtonProps {
+import { type ButtonHTMLAttributes, type FunctionComponent, type ReactNode } from 'react';
+import { type ButtonProps as ButtonPropsV2 } from './v2/Button.js';
+import type { IconicNames, IconicTypes } from '@clubmed/trident-icons';
+export declare const BUTTON_THEME_LEGACY: any;
+export declare const BUTTON_VARIANT_LEGACY: any;
+export type ButtonPropsLegacy = {
     /**
      * Button themes defining background color and text/icon color
      */
-    theme?: 'yellow' | 'white' | 'black' | 'whiteStroke' | 'blackStroke';
+    theme?: 'yellow' | 'white' | 'black' | 'whiteStroke' | 'blackStroke' | ButtonPropsV2['theme'];
     /**
      * Is it a text button? An icon button? An arrow button?
      */
-    variant?: 'text' | 'textSmall' | 'icon' | 'arrow';
+    variant?: 'text' | 'textSmall' | 'icon' | 'arrow' | 'monogram' | ButtonPropsV2['variant'];
     /**
      * Background Color override
      * Ideally please use ONLY for the "white" and "black" themes
+     * @deprecated
      */
     backgroundOverride?: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
-    /**
-     * Button title
-     */
-    title?: string;
     /**
      * Button contents
+     * @deprecated
      */
     label?: string;
     /**
@@ -39,31 +35,18 @@ export interface CommonButtonProps {
      * Force the icon type to be svg, font or default
      */
     iconType?: IconicTypes;
-    /**
-     * Data test id
-     */
-    dataTestId?: string;
     /**
      * Group name
      * Used to group buttons together (you might not need this)
+     * @deprecated
      */
     groupName?: string;
-}
-interface ButtonProps extends CommonButtonProps, ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * Optional click handler
-     */
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-    /**
-     * Button tabIndex
-     *
-     * @default 0
-     */
-    tabIndex?: number;
     /**
-     * Data test id
+     * @deprecated use `data-testid` instead
      */
     dataTestId?: string;
-}
+};
+export type CommonButtonProps = Omit<ButtonPropsV2, 'theme' | 'variant'> & ButtonPropsLegacy;
+type ButtonProps = CommonButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
 export declare const Button: FunctionComponent<ButtonProps>;
 export {};

package/molecules/Buttons/Button.js

@@ -1,47 +1,57 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as C } from "../../chunks/index.js";
+import { jsxs as l } from "react/jsx-runtime";
 import "react";
-/* empty css                  */
-import { variants as N, rootClassName as b } from "./Button.helpers.js";
-import { themes as d } from "./Button.themes.js";
-import { ButtonContent as j } from "./ButtonContent.js";
-const A = ({
-  type: r = "button",
-  theme: s = "yellow",
-  backgroundOverride: a,
-  variant: t = "text",
-  className: p,
-  label: o,
-  children: c,
-  title: m,
-  icon: i,
-  iconType: l,
-  tabIndex: u = 0,
-  disabled: e = !1,
-  dataTestId: f,
-  groupName: x = "",
-  ...h
-}) => {
-  const B = t === "text" || t === "textSmall", w = N[t], y = d(s, a, x);
-  return /* @__PURE__ */ n(
-    "button",
-    {
-      ...h,
-      "data-name": "Button",
-      "data-testid": f,
-      type: r,
-      className: C(b, y, w, t, p, {
-        "pointer-events-none": e
-      }),
-      disabled: e,
-      tabIndex: e ? -1 : u,
-      title: m || o,
-      "aria-label": m || o,
-      children: /* @__PURE__ */ n(j, { showLabel: B, label: o, icon: i, iconType: l, children: c })
-    }
-  );
+import { Button as i } from "./v2/Button.js";
+const a = {
+  white: {
+    color: "white",
+    theme: "solid"
+  },
+  black: {
+    color: "black",
+    theme: "solid"
+  },
+  yellow: {
+    color: "saffron",
+    theme: "solid"
+  },
+  whiteStroke: {
+    color: "white",
+    theme: "outline"
+  },
+  blackStroke: {
+    color: "black",
+    theme: "outline"
+  }
+}, r = {
+  textSmall: {
+    size: "small",
+    variant: void 0
+  },
+  icon: {
+    variant: "circle",
+    label: void 0
+  },
+  arrow: {
+    variant: "circle",
+    label: void 0,
+    size: "large"
+  }
+}, c = ({ dataTestId: o, ...t }) => {
+  const e = {
+    "data-testid": o,
+    ...t,
+    ...a[t.theme] || {},
+    ...r[t.variant] || {}
+  };
+  return /* @__PURE__ */ l(i, { ...e, children: [
+    e.label,
+    t.children
+  ] });
 };
+c.displayName = "Button";
 export {
-  A as Button
+  a as BUTTON_THEME_LEGACY,
+  r as BUTTON_VARIANT_LEGACY,
+  c as Button
 };
 //# sourceMappingURL=Button.js.map

package/molecules/Buttons/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../lib/molecules/Buttons/Button.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport {\n  type ButtonHTMLAttributes,\n  type FunctionComponent,\n  type MouseEventHandler,\n  type ReactNode,\n} from 'react';\nimport './button.css';\nimport { rootClassName, variants } from './Button.helpers';\nimport { themes } from './Button.themes';\nimport { ButtonContent } from './ButtonContent';\nimport type { IconicNames, IconicTypes } from '@/atoms/Icons/index.js';\n\nexport interface CommonButtonProps {\n  /**\n   * Button themes defining background color and text/icon color\n   */\n  theme?: 'yellow' | 'white' | 'black' | 'whiteStroke' | 'blackStroke';\n  /**\n   * Is it a text button? An icon button? An arrow button?\n   */\n  variant?: 'text' | 'textSmall' | 'icon' | 'arrow';\n  /**\n   * Background Color override\n   * Ideally please use ONLY for the \"white\" and \"black\" themes\n   */\n  backgroundOverride?: string;\n  /**\n   * Additional class names\n   */\n  className?: string;\n  /**\n   * Button title\n   */\n  title?: string;\n  /**\n   * Button contents\n   */\n  label?: string;\n  /**\n   * Optional children (you might never use this, please actually try to avoid it)\n   */\n  children?: ReactNode;\n  /**\n   * Optional icon name\n   */\n  icon?: IconicNames;\n  /**\n   * Force the icon type to be svg, font or default\n   */\n  iconType?: IconicTypes;\n  /**\n   * Data test id\n   */\n  dataTestId?: string;\n  /**\n   * Group name\n   * Used to group buttons together (you might not need this)\n   */\n  groupName?: string;\n}\n\ninterface ButtonProps extends CommonButtonProps, ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Optional click handler\n   */\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  /**\n   * Button tabIndex\n   *\n   * @default 0\n   */\n  tabIndex?: number;\n  /**\n   * Data test id\n   */\n  dataTestId?: string;\n}\n\nexport const Button: FunctionComponent<ButtonProps> = ({\n  type = 'button',\n  theme: themeName = 'yellow',\n  backgroundOverride,\n  variant = 'text',\n  className,\n  label,\n  children,\n  title,\n  icon,\n  iconType,\n  tabIndex = 0,\n  disabled = false,\n  dataTestId,\n  groupName = '',\n  ...rest\n}) => {\n  const showLabel = variant === 'text' || variant === 'textSmall';\n  const layout = variants[variant];\n  const theme = themes(themeName, backgroundOverride, groupName);\n\n  return (\n    <button\n      {...rest}\n      data-name=\"Button\"\n      data-testid={dataTestId}\n      type={type}\n      className={classNames(rootClassName, theme, layout, variant, className, {\n        'pointer-events-none': disabled,\n      })}\n      disabled={disabled}\n      tabIndex={disabled ? -1 : tabIndex}\n      title={title || label}\n      aria-label={title || label}\n    >\n      <ButtonContent showLabel={showLabel} label={label} icon={icon} iconType={iconType}>\n        {children}\n      </ButtonContent>\n    </button>\n  );\n};\n"],"names":["Button","type","themeName","backgroundOverride","variant","className","label","children","title","icon","iconType","tabIndex","disabled","dataTestId","groupName","rest","showLabel","layout","variants","theme","themes","jsx","classNames","rootClassName","ButtonContent"],"mappings":";;;;;;;AA+EO,MAAMA,IAAyC,CAAC;AAAA,EACrD,MAAAC,IAAO;AAAA,EACP,OAAOC,IAAY;AAAA,EACnB,oBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,YAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACE,QAAAC,IAAYZ,MAAY,UAAUA,MAAY,aAC9Ca,IAASC,EAASd,CAAO,GACzBe,IAAQC,EAAOlB,GAAWC,GAAoBW,CAAS;AAG3D,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,aAAU;AAAA,MACV,eAAaF;AAAA,MACb,MAAAZ;AAAA,MACA,WAAWqB,EAAWC,GAAeJ,GAAOF,GAAQb,GAASC,GAAW;AAAA,QACtE,uBAAuBO;AAAA,MAAA,CACxB;AAAA,MACD,UAAAA;AAAA,MACA,UAAUA,IAAW,KAAKD;AAAA,MAC1B,OAAOH,KAASF;AAAA,MAChB,cAAYE,KAASF;AAAA,MAErB,4BAACkB,GAAc,EAAA,WAAAR,GAAsB,OAAAV,GAAc,MAAAG,GAAY,UAAAC,GAC5D,UAAAH,GACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Button.js","sources":["../../../lib/molecules/Buttons/Button.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes, type FunctionComponent, type ReactNode } from 'react';\nimport { Button as ButtonV2, type ButtonProps as ButtonPropsV2 } from './v2/Button.js';\nimport type { IconicNames, IconicTypes } from '@clubmed/trident-icons';\n\nexport const BUTTON_THEME_LEGACY: any = {\n  white: {\n    color: 'white',\n    theme: 'solid',\n  },\n  black: {\n    color: 'black',\n    theme: 'solid',\n  },\n  yellow: {\n    color: 'saffron',\n    theme: 'solid',\n  },\n  whiteStroke: {\n    color: 'white',\n    theme: 'outline',\n  },\n  blackStroke: {\n    color: 'black',\n    theme: 'outline',\n  },\n};\n\nexport const BUTTON_VARIANT_LEGACY: any = {\n  textSmall: {\n    size: 'small',\n    variant: undefined,\n  },\n  icon: {\n    variant: 'circle',\n    label: undefined,\n  },\n  arrow: {\n    variant: 'circle',\n    label: undefined,\n    size: 'large',\n  },\n};\n\nexport type ButtonPropsLegacy = {\n  /**\n   * Button themes defining background color and text/icon color\n   */\n  theme?: 'yellow' | 'white' | 'black' | 'whiteStroke' | 'blackStroke' | ButtonPropsV2['theme'];\n  /**\n   * Is it a text button? An icon button? An arrow button?\n   */\n  variant?: 'text' | 'textSmall' | 'icon' | 'arrow' | 'monogram' | ButtonPropsV2['variant'];\n  /**\n   * Background Color override\n   * Ideally please use ONLY for the \"white\" and \"black\" themes\n   * @deprecated\n   */\n  backgroundOverride?: string;\n  /**\n   * Button contents\n   * @deprecated\n   */\n  label?: string;\n  /**\n   * Optional children (you might never use this, please actually try to avoid it)\n   */\n  children?: ReactNode;\n  /**\n   * Optional icon name\n   */\n  icon?: IconicNames;\n  /**\n   * Force the icon type to be svg, font or default\n   */\n  iconType?: IconicTypes;\n  /**\n   * Group name\n   * Used to group buttons together (you might not need this)\n   * @deprecated\n   */\n  groupName?: string;\n  /**\n   * @deprecated use `data-testid` instead\n   */\n  dataTestId?: string;\n};\n\nexport type CommonButtonProps = Omit<ButtonPropsV2, 'theme' | 'variant'> & ButtonPropsLegacy;\n\ntype ButtonProps = CommonButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Button: FunctionComponent<ButtonProps> = ({ dataTestId, ...props }) => {\n  const opts = {\n    'data-testid': dataTestId,\n    ...props,\n    ...(BUTTON_THEME_LEGACY[props.theme!] || {}),\n    ...(BUTTON_VARIANT_LEGACY[props.variant!] || {}),\n  };\n\n  return (\n    <ButtonV2 {...opts}>\n      {opts.label}\n      {props.children}\n    </ButtonV2>\n  );\n};\n\nButton.displayName = 'Button';\n"],"names":["BUTTON_THEME_LEGACY","BUTTON_VARIANT_LEGACY","Button","dataTestId","props","opts","jsxs","ButtonV2"],"mappings":";;;AAIO,MAAMA,IAA2B;AAAA,EACtC,OAAO;AAAA,IACL,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET,OAAO;AAAA,IACL,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET,aAAa;AAAA,IACX,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET,aAAa;AAAA,IACX,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX,GAEaC,IAA6B;AAAA,EACxC,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAAA,EAET,OAAO;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEV,GAkDaC,IAAyC,CAAC,EAAE,YAAAC,GAAY,GAAGC,QAAY;AAClF,QAAMC,IAAO;AAAA,IACX,eAAeF;AAAA,IACf,GAAGC;AAAA,IACH,GAAIJ,EAAoBI,EAAM,KAAM,KAAK,CAAA;AAAA,IACzC,GAAIH,EAAsBG,EAAM,OAAQ,KAAK,CAAA;AAAA,EAAC;AAGhD,SACE,gBAAAE,EAACC,GAAA,EAAU,GAAGF,GACX,UAAA;AAAA,IAAAA,EAAK;AAAA,IACLD,EAAM;AAAA,EAAA,GACT;AAEJ;AAEAF,EAAO,cAAc;"}

package/molecules/Buttons/ButtonAnchor.d.ts

@@ -1,8 +1,12 @@
 import type { AnchorHTMLAttributes, FunctionComponent, PropsWithChildren } from 'react';
-import './button.css';
 import { type CommonButtonProps } from './Button';
-interface ButtonAnchorProps extends CommonButtonProps, AnchorHTMLAttributes<HTMLAnchorElement> {
+type ButtonAnchorProps = CommonButtonProps & {
     component?: FunctionComponent<PropsWithChildren<any>> | string;
-}
+} & AnchorHTMLAttributes<HTMLAnchorElement>;
+/**
+ * @deprecated use Button with `component="a"` instead
+ * @param dataTestId
+ * @param props
+ */
 export declare const ButtonAnchor: FunctionComponent<ButtonAnchorProps>;
 export {};

package/molecules/Buttons/ButtonAnchor.js

@@ -1,40 +1,21 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as C } from "../../chunks/index.js";
-/* empty css                  */
-import "react";
-import { variants as y, rootClassName as B } from "./Button.helpers.js";
-import { themes as w } from "./Button.themes.js";
-import { ButtonContent as A } from "./ButtonContent.js";
-const D = ({
-  theme: s = "yellow",
-  component: r = "a",
-  backgroundOverride: e,
-  variant: t = "text",
-  className: n,
-  label: o,
-  children: a,
-  title: c,
-  icon: p,
-  dataTestId: i,
-  href: l,
-  groupName: f = "",
-  ...h
-}) => {
-  const u = t === "text", d = y[t], x = w(s, e, f);
-  return /* @__PURE__ */ m(
-    r,
-    {
-      "data-name": "ButtonAnchor",
-      "data-testid": i,
-      className: C(B, x, d, t, n),
-      title: c || o,
-      href: l,
-      ...h,
-      children: /* @__PURE__ */ m(A, { showLabel: u, label: o, icon: p, children: a })
-    }
-  );
+import { jsxs as e } from "react/jsx-runtime";
+import { BUTTON_VARIANT_LEGACY as m, BUTTON_THEME_LEGACY as r } from "./Button.js";
+import { Button as a } from "./v2/Button.js";
+const c = ({ dataTestId: o, ...t }) => {
+  const n = {
+    "data-testid": o,
+    ...t,
+    component: t.component || "a",
+    ...r[t.theme] || {},
+    ...m[t.variant] || {}
+  };
+  return /* @__PURE__ */ e(a, { ...n, children: [
+    n.label,
+    t.children
+  ] });
 };
+c.displayName = "ButtonAnchor";
 export {
-  D as ButtonAnchor
+  c as ButtonAnchor
 };
 //# sourceMappingURL=ButtonAnchor.js.map

package/molecules/Buttons/ButtonAnchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonAnchor.js","sources":["../../../lib/molecules/Buttons/ButtonAnchor.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type { AnchorHTMLAttributes, FunctionComponent, PropsWithChildren } from 'react';\nimport './button.css';\nimport { type CommonButtonProps } from './Button';\nimport { rootClassName, variants } from './Button.helpers';\nimport { themes } from './Button.themes';\nimport { ButtonContent } from './ButtonContent';\n\ninterface ButtonAnchorProps extends CommonButtonProps, AnchorHTMLAttributes<HTMLAnchorElement> {\n  component?: FunctionComponent<PropsWithChildren<any>> | string;\n}\n\nexport const ButtonAnchor: FunctionComponent<ButtonAnchorProps> = ({\n  theme = 'yellow',\n  component = 'a',\n  backgroundOverride,\n  variant = 'text',\n  className,\n  label,\n  children,\n  title,\n  icon,\n  dataTestId,\n  href,\n  groupName = '',\n  ...rest\n}) => {\n  const showLabel = variant === 'text';\n  const layout = variants[variant];\n  const style = themes(theme, backgroundOverride, groupName);\n  const Cmp = component as FunctionComponent<PropsWithChildren<ButtonAnchorProps>>;\n\n  return (\n    <Cmp\n      data-name=\"ButtonAnchor\"\n      data-testid={dataTestId}\n      className={classNames(rootClassName, style, layout, variant, className)}\n      title={title || label}\n      href={href}\n      {...rest}\n    >\n      <ButtonContent showLabel={showLabel} label={label} icon={icon}>\n        {children}\n      </ButtonContent>\n    </Cmp>\n  );\n};\n"],"names":["ButtonAnchor","theme","component","backgroundOverride","variant","className","label","children","title","icon","dataTestId","href","groupName","rest","showLabel","layout","variants","style","themes","jsx","classNames","rootClassName","ButtonContent"],"mappings":";;;;;;;AAYO,MAAMA,IAAqD,CAAC;AAAA,EACjE,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AAAA,EACZ,oBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAYV,MAAY,QACxBW,IAASC,EAASZ,CAAO,GACzBa,IAAQC,EAAOjB,GAAOE,GAAoBS,CAAS;AAIvD,SAAA,gBAAAO;AAAA,IAHUjB;AAAA,IAGT;AAAA,MACC,aAAU;AAAA,MACV,eAAaQ;AAAA,MACb,WAAWU,EAAWC,GAAeJ,GAAOF,GAAQX,GAASC,CAAS;AAAA,MACtE,OAAOG,KAASF;AAAA,MAChB,MAAAK;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAC,gBAAAM,EAAAG,GAAA,EAAc,WAAAR,GAAsB,OAAAR,GAAc,MAAAG,GAChD,UAAAF,GACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"ButtonAnchor.js","sources":["../../../lib/molecules/Buttons/ButtonAnchor.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes, FunctionComponent, PropsWithChildren } from 'react';\nimport { BUTTON_THEME_LEGACY, BUTTON_VARIANT_LEGACY, type CommonButtonProps } from './Button';\nimport { Button } from '@/molecules/Buttons/v2/Button';\n\ntype ButtonAnchorProps = CommonButtonProps & {\n  component?: FunctionComponent<PropsWithChildren<any>> | string;\n} & AnchorHTMLAttributes<HTMLAnchorElement>;\n\n/**\n * @deprecated use Button with `component=\"a\"` instead\n * @param dataTestId\n * @param props\n */\nexport const ButtonAnchor: FunctionComponent<ButtonAnchorProps> = ({ dataTestId, ...props }) => {\n  const opts = {\n    'data-testid': dataTestId,\n    ...props,\n    component: props.component || 'a',\n    ...(BUTTON_THEME_LEGACY[props.theme!] || {}),\n    ...(BUTTON_VARIANT_LEGACY[props.variant!] || {}),\n  };\n\n  return (\n    <Button {...opts}>\n      {opts.label}\n      {props.children}\n    </Button>\n  );\n};\n\nButtonAnchor.displayName = 'ButtonAnchor';\n"],"names":["ButtonAnchor","dataTestId","props","opts","BUTTON_THEME_LEGACY","BUTTON_VARIANT_LEGACY","jsxs","Button"],"mappings":";;;AAaO,MAAMA,IAAqD,CAAC,EAAE,YAAAC,GAAY,GAAGC,QAAY;AAC9F,QAAMC,IAAO;AAAA,IACX,eAAeF;AAAA,IACf,GAAGC;AAAA,IACH,WAAWA,EAAM,aAAa;AAAA,IAC9B,GAAIE,EAAoBF,EAAM,KAAM,KAAK,CAAA;AAAA,IACzC,GAAIG,EAAsBH,EAAM,OAAQ,KAAK,CAAA;AAAA,EAAC;AAGhD,SACE,gBAAAI,EAACC,GAAA,EAAQ,GAAGJ,GACT,UAAA;AAAA,IAAAA,EAAK;AAAA,IACLD,EAAM;AAAA,EAAA,GACT;AAEJ;AAEAF,EAAa,cAAc;"}

package/molecules/Buttons/ButtonContent.d.ts

@@ -1,9 +1,17 @@
 import type { FunctionComponent, ReactNode } from 'react';
-import { type IconicNames, type IconicTypes } from '../../atoms/Icons';
-export declare const ButtonContent: FunctionComponent<{
-    showLabel: boolean;
+import { type IconicNames, type IconicTypes } from '@clubmed/trident-icons';
+export type ButtonContentProps = {
+    /**
+     * @deprecated
+     */
+    showLabel?: boolean;
+    /**
+     * @deprecated
+     */
     label?: string;
     children?: ReactNode;
     icon?: IconicNames;
     iconType?: IconicTypes;
-}>;
+    iconWidth?: string;
+};
+export declare const ButtonContent: FunctionComponent<ButtonContentProps>;

package/molecules/Buttons/ButtonContent.js

@@ -1,12 +1,18 @@
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import { Icon as p } from "../../atoms/Icons/Icon.js";
-import "@clubmed/trident-icons";
-const l = ({ showLabel: r, label: t, children: s, icon: e, iconType: o }) => /* @__PURE__ */ m("span", { className: "flex items-center justify-center gap-x-8 w-full", children: [
-  r ? t : /* @__PURE__ */ n("span", { className: "sr-only", children: t }),
-  s,
-  e && /* @__PURE__ */ n(p, { width: "24px", name: e, type: o })
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import { Icon as c } from "@clubmed/trident-icons";
+const x = ({
+  showLabel: s,
+  label: t,
+  children: r,
+  icon: e,
+  iconType: o,
+  iconWidth: m
+}) => /* @__PURE__ */ p("span", { className: "flex items-center justify-center gap-x-8 w-full", children: [
+  s ? t : t && /* @__PURE__ */ n("span", { className: "sr-only", children: t }),
+  r,
+  e && /* @__PURE__ */ n(c, { name: e, width: m ?? "24px", type: o })
 ] });
 export {
-  l as ButtonContent
+  x as ButtonContent
 };
 //# sourceMappingURL=ButtonContent.js.map

package/molecules/Buttons/ButtonContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonContent.js","sources":["../../../lib/molecules/Buttons/ButtonContent.tsx"],"sourcesContent":["import type { FunctionComponent, ReactNode } from 'react';\n\nimport { Icon, type IconicNames, type IconicTypes } from '@/atoms/Icons';\n\nexport const ButtonContent: FunctionComponent<{\n  showLabel: boolean;\n  label?: string;\n  children?: ReactNode;\n  icon?: IconicNames;\n  iconType?: IconicTypes;\n}> = ({ showLabel, label, children, icon, iconType }) => {\n  return (\n    <span className=\"flex items-center justify-center gap-x-8 w-full\">\n      {showLabel ? label : <span className=\"sr-only\">{label}</span>}\n      {children}\n      {icon && <Icon width=\"24px\" name={icon} type={iconType} />}\n    </span>\n  );\n};\n"],"names":["ButtonContent","showLabel","label","children","icon","iconType","jsxs","jsx","Icon"],"mappings":";;;AAIa,MAAAA,IAMR,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,UAAAC,GAAU,MAAAC,GAAM,UAAAC,QAEtC,gBAAAC,EAAC,QAAK,EAAA,WAAU,mDACb,UAAA;AAAA,EAAAL,IAAYC,IAAQ,gBAAAK,EAAC,QAAK,EAAA,WAAU,WAAW,UAAML,GAAA;AAAA,EACrDC;AAAA,EACAC,uBAASI,GAAK,EAAA,OAAM,QAAO,MAAMJ,GAAM,MAAMC,GAAU;AAC1D,EAAA,CAAA;"}
+{"version":3,"file":"ButtonContent.js","sources":["../../../lib/molecules/Buttons/ButtonContent.tsx"],"sourcesContent":["import type { FunctionComponent, ReactNode } from 'react';\n\nimport { Icon, type IconicNames, type IconicTypes } from '@clubmed/trident-icons';\n\nexport type ButtonContentProps = {\n  /**\n   * @deprecated\n   */\n  showLabel?: boolean;\n  /**\n   * @deprecated\n   */\n  label?: string;\n  children?: ReactNode;\n  icon?: IconicNames;\n  iconType?: IconicTypes;\n  iconWidth?: string;\n};\n\nexport const ButtonContent: FunctionComponent<ButtonContentProps> = ({\n  showLabel,\n  label,\n  children,\n  icon,\n  iconType,\n  iconWidth,\n}) => {\n  return (\n    <span className=\"flex items-center justify-center gap-x-8 w-full\">\n      {showLabel ? label : label && <span className=\"sr-only\">{label}</span>}\n      {children}\n      {icon && <Icon name={icon} width={iconWidth ?? '24px'} type={iconType} />}\n    </span>\n  );\n};\n"],"names":["ButtonContent","showLabel","label","children","icon","iconType","iconWidth","jsxs","jsx","Icon"],"mappings":";;AAmBO,MAAMA,IAAuD,CAAC;AAAA,EACnE,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,MAEI,gBAAAC,EAAC,QAAA,EAAK,WAAU,mDACb,UAAA;AAAA,EAAAN,IAAYC,IAAQA,KAAS,gBAAAM,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAN,GAAM;AAAA,EAC9DC;AAAA,EACAC,uBAASK,GAAA,EAAK,MAAML,GAAM,OAAOE,KAAa,QAAQ,MAAMD,EAAA,CAAU;AAAA,GACzE;"}

package/molecules/Buttons/FakeButton.d.ts

@@ -0,0 +1,8 @@
+import type { FunctionComponent } from 'react';
+import './v2/Button.css';
+import { type FakeButtonProps } from './v2/Button';
+/**
+ * @deprecated use Button with `component="span"` instead
+ * @param props
+ */
+export declare const FakeButton: FunctionComponent<Omit<FakeButtonProps, 'component'>>;

package/molecules/Buttons/FakeButton.js

@@ -0,0 +1,8 @@
+import { jsx as n } from "react/jsx-runtime";
+import { Button as o } from "./v2/Button.js";
+const e = (t) => /* @__PURE__ */ n(o, { component: "span", ...t, children: t.children });
+e.displayName = "FakeButton";
+export {
+  e as FakeButton
+};
+//# sourceMappingURL=FakeButton.js.map

package/molecules/Buttons/FakeButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FakeButton.js","sources":["../../../lib/molecules/Buttons/FakeButton.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\n\nimport './v2/Button.css';\nimport { Button, type FakeButtonProps } from '@/molecules/Buttons/v2/Button';\n\n/**\n * @deprecated use Button with `component=\"span\"` instead\n * @param props\n */\nexport const FakeButton: FunctionComponent<Omit<FakeButtonProps, 'component'>> = (props) => {\n  return (\n    <Button component={'span'} {...props}>\n      {props.children}\n    </Button>\n  );\n};\n\nFakeButton.displayName = 'FakeButton';\n"],"names":["FakeButton","props","Button"],"mappings":";;AASO,MAAMA,IAAoE,CAACC,wBAE7EC,GAAA,EAAO,WAAW,QAAS,GAAGD,GAC5B,YAAM,UACT;AAIJD,EAAW,cAAc;"}

package/molecules/Buttons/InertButton.d.ts

@@ -1,3 +1,7 @@
 import type { FunctionComponent } from 'react';
 import { type CommonButtonProps } from './Button';
+/**
+ * @deprecated use Button with `component="span"` instead
+ * @param props
+ */
 export declare const InertButton: FunctionComponent<CommonButtonProps>;