@clubmed/trident-ui 1.3.0-beta.7 → 1.3.0-beta.9

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # ClubMed React UI components changelog
 
+# [1.3.0-beta.9](https://scm.clubmed.com/clubmed/ui/trident-ui/compare/v1.3.0-beta.8...v1.3.0-beta.9) (2025-08-07)
+
+
+### Bug Fixes
+
+* **button:** deprecated FakeButton & AnchorButton in favor of Button v2 and update stories ([4c5d6a0](https://scm.clubmed.com/clubmed/ui/trident-ui/-/commit/4c5d6a04625f7839bd179dd277239e31d24e0ce0))
+* **button:** fix displayName for FakeButton and improve disabled support for Button v2 ([55dea5c](https://scm.clubmed.com/clubmed/ui/trident-ui/-/commit/55dea5c2f5871a1b770ab7194f9d1a16593f983a))
+
+
+### Features
+
+* **button:** add component property on Button v2 and allow root tag name customization ([078d91a](https://scm.clubmed.com/clubmed/ui/trident-ui/-/commit/078d91a06db14070c69cc01c30c6eaf8e9f0458a))
+
+# [1.3.0-beta.8](https://scm.clubmed.com/clubmed/ui/trident-ui/compare/v1.3.0-beta.7...v1.3.0-beta.8) (2025-08-06)
+
+
+### Bug Fixes
+
+* **dependencies:** add @clubmed/trident-icons to peerDependencies and devDependencies ([ce9f885](https://scm.clubmed.com/clubmed/ui/trident-ui/-/commit/ce9f885f8a20edfdfc3dd4d8ceb71008893afbca))
+
 # [1.3.0-beta.7](https://scm.clubmed.com/clubmed/ui/trident-ui/compare/v1.3.0-beta.6...v1.3.0-beta.7) (2025-08-04)
 
 

package/README.md

@@ -31,10 +31,20 @@ React UI components is a library of reusable components for building web applica
 ## Installation
 
 ```sh
-npm install --save @clubmed/trident-ui react react-dom @react-spring/web
+npm install --save @clubmed/trident-icons @clubmed/trident-ui react react-dom @react-spring/web
 npm install --save-dev tailwindcss postcss autoprefixer
 ```
 
+```sh
+yarn add @clubmed/trident-icons @clubmed/trident-ui react react-dom @react-spring/web
+yarn add -D tailwindcss postcss autoprefixer
+```
+
+```sh
+pnpm add @clubmed/trident-icons @clubmed/trident-ui react react-dom @react-spring/web
+pnpm add -D tailwindcss postcss autoprefixer
+```
+
 ## Tailwind configuration
 
 This package exports a `tailwind.preset` file that you can use to extend your own configuration.

package/molecules/Buttons/Button.d.ts

@@ -41,6 +41,10 @@ export type ButtonPropsLegacy = {
      * @deprecated
      */
     groupName?: string;
+    /**
+     * @deprecated use `data-testid` instead
+     */
+    dataTestId?: string;
 };
 export type CommonButtonProps = Omit<ButtonPropsV2, 'theme' | 'variant'> & ButtonPropsLegacy;
 type ButtonProps = CommonButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;

package/molecules/Buttons/Button.js

@@ -1,7 +1,7 @@
-import { jsxs as e } from "react/jsx-runtime";
+import { jsxs as l } from "react/jsx-runtime";
 import "react";
-import { Button as l } from "./v2/Button.js";
-const i = {
+import { Button as i } from "./v2/Button.js";
+const a = {
   white: {
     color: "white",
     theme: "solid"
@@ -36,20 +36,22 @@ const i = {
     label: void 0,
     size: "large"
   }
-}, m = (t) => {
-  const o = {
+}, c = ({ dataTestId: o, ...t }) => {
+  const e = {
+    "data-testid": o,
     ...t,
-    ...i[t.theme] || {},
+    ...a[t.theme] || {},
     ...r[t.variant] || {}
   };
-  return /* @__PURE__ */ e(l, { ...o, children: [
-    o.label,
+  return /* @__PURE__ */ l(i, { ...e, children: [
+    e.label,
     t.children
   ] });
 };
+c.displayName = "Button";
 export {
-  i as BUTTON_THEME_LEGACY,
+  a as BUTTON_THEME_LEGACY,
   r as BUTTON_VARIANT_LEGACY,
-  m as Button
+  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 { 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\nexport type CommonButtonProps = Omit<ButtonPropsV2, 'theme' | 'variant'> & ButtonPropsLegacy;\n\ntype ButtonProps = CommonButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Button: FunctionComponent<ButtonProps> = (props: ButtonProps) => {\n  const opts = {\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"],"names":["BUTTON_THEME_LEGACY","BUTTON_VARIANT_LEGACY","Button","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,GA8CaC,IAAyC,CAACC,MAAuB;AAC5E,QAAMC,IAAO;AAAA,IACX,GAAGD;AAAA,IACH,GAAIH,EAAoBG,EAAM,KAAM,KAAK,CAAA;AAAA,IACzC,GAAIF,EAAsBE,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;"}
+{"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

@@ -3,5 +3,10 @@ import { type CommonButtonProps } from './Button';
 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,18 +1,21 @@
-import { jsxs as n } from "react/jsx-runtime";
-import { ButtonAnchor as r } from "./v2/ButtonAnchor.js";
-import { BUTTON_VARIANT_LEGACY as c, BUTTON_THEME_LEGACY as e } from "./Button.js";
-const i = (t) => {
-  const o = {
+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,
-    ...e[t.theme] || {},
-    ...c[t.variant] || {}
+    component: t.component || "a",
+    ...r[t.theme] || {},
+    ...m[t.variant] || {}
   };
-  return /* @__PURE__ */ n(r, { ...o, children: [
-    o.label,
+  return /* @__PURE__ */ e(a, { ...n, children: [
+    n.label,
     t.children
   ] });
 };
+c.displayName = "ButtonAnchor";
 export {
-  i 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 type { AnchorHTMLAttributes, FunctionComponent, PropsWithChildren } from 'react';\nimport { ButtonAnchor as ButtonAnchorV2 } from './v2/ButtonAnchor';\nimport { BUTTON_THEME_LEGACY, BUTTON_VARIANT_LEGACY, type CommonButtonProps } from './Button';\n\ntype ButtonAnchorProps = CommonButtonProps & {\n  component?: FunctionComponent<PropsWithChildren<any>> | string;\n} & AnchorHTMLAttributes<HTMLAnchorElement>;\n\nexport const ButtonAnchor: FunctionComponent<ButtonAnchorProps> = (props) => {\n  const opts = {\n    ...props,\n    ...(BUTTON_THEME_LEGACY[props.theme!] || {}),\n    ...(BUTTON_VARIANT_LEGACY[props.variant!] || {}),\n  };\n\n  return (\n    <ButtonAnchorV2 {...opts}>\n      {opts.label}\n      {props.children}\n    </ButtonAnchorV2>\n  );\n};\n"],"names":["ButtonAnchor","props","opts","BUTTON_THEME_LEGACY","BUTTON_VARIANT_LEGACY","jsxs","ButtonAnchorV2"],"mappings":";;;AAQO,MAAMA,IAAqD,CAACC,MAAU;AAC3E,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,EAAgB,GAAGJ,GACjB,UAAA;AAAA,IAAAA,EAAK;AAAA,IACLD,EAAM;AAAA,EAAA,GACT;AAEJ;"}
+{"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/FakeButton.d.ts

@@ -1,7 +1,8 @@
-import type { ComponentPropsWithoutRef, FunctionComponent } from 'react';
-import { type ButtonProps } from './v2/Button.type';
+import type { FunctionComponent } from 'react';
 import './v2/Button.css';
-interface Props extends ButtonProps, Omit<ComponentPropsWithoutRef<'span'>, 'color'> {
-}
-export declare const FakeButton: FunctionComponent<Props>;
-export {};
+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

@@ -1,27 +1,8 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as l } from "../../chunks/index.js";
-import { getButtonClasses as f } from "./v2/Button.type.js";
-import { ButtonContent as c } from "./ButtonContent.js";
-/* empty css                  */
-const g = ({
-  className: t,
-  children: r,
-  color: s = "saffron",
-  icon: m,
-  iconWidth: n,
-  size: e = "medium",
-  theme: a = "solid",
-  variant: i = "pill",
-  ...p
-}) => /* @__PURE__ */ o(
-  "span",
-  {
-    ...p,
-    className: l(f({ color: s, size: e, theme: a, variant: i }), t),
-    children: /* @__PURE__ */ o(c, { icon: m, iconWidth: n, children: r })
-  }
-);
+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 {
-  g as FakeButton
+  e as FakeButton
 };
 //# sourceMappingURL=FakeButton.js.map

package/molecules/Buttons/FakeButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FakeButton.js","sources":["../../../lib/molecules/Buttons/FakeButton.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport type { ComponentPropsWithoutRef, FunctionComponent } from 'react';\n\nimport { getButtonClasses, type ButtonProps } from './v2/Button.type';\n\nimport { ButtonContent } from './ButtonContent';\n\nimport './v2/Button.css';\n\ninterface Props extends ButtonProps, Omit<ComponentPropsWithoutRef<'span'>, 'color'> {}\n\nexport const FakeButton: FunctionComponent<Props> = ({\n  className,\n  children,\n  color = 'saffron',\n  icon,\n  iconWidth,\n  size = 'medium',\n  theme = 'solid',\n  variant = 'pill',\n  ...attrs\n}) => {\n  return (\n    <span\n      {...attrs}\n      className={classnames(getButtonClasses({ color, size, theme, variant }), className)}\n    >\n      <ButtonContent icon={icon} iconWidth={iconWidth}>\n        {children}\n      </ButtonContent>\n    </span>\n  );\n};\n"],"names":["FakeButton","className","children","color","icon","iconWidth","size","theme","variant","attrs","jsx","classnames","getButtonClasses","ButtonContent"],"mappings":";;;;;AAWO,MAAMA,IAAuC,CAAC;AAAA,EACnD,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAGD;AAAA,IACJ,WAAWE,EAAWC,EAAiB,EAAE,OAAAT,GAAO,MAAAG,GAAM,OAAAC,GAAO,SAAAC,GAAS,GAAGP,CAAS;AAAA,IAElF,UAAA,gBAAAS,EAACG,GAAA,EAAc,MAAAT,GAAY,WAAAC,GACxB,UAAAH,EAAA,CACH;AAAA,EAAA;AAAA;"}
+{"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,7 +1,7 @@
 import type { FunctionComponent } from 'react';
 import { type CommonButtonProps } from './Button';
 /**
- * @deprecated Use `FakeButton` instead.
+ * @deprecated use Button with `component="span"` instead
  * @param props
  */
 export declare const InertButton: FunctionComponent<CommonButtonProps>;

package/molecules/Buttons/InertButton.js

@@ -1,18 +1,19 @@
-import { jsxs as e } from "react/jsx-runtime";
-import { BUTTON_VARIANT_LEGACY as n, BUTTON_THEME_LEGACY as o } from "./Button.js";
+import { jsxs as n } from "react/jsx-runtime";
+import { BUTTON_VARIANT_LEGACY as r, BUTTON_THEME_LEGACY as o } from "./Button.js";
 import { FakeButton as m } from "./FakeButton.js";
-const c = (t) => {
-  const r = {
+const i = (t) => {
+  const e = {
     ...t,
     ...o[t.theme] || {},
-    ...n[t.variant] || {}
+    ...r[t.variant] || {}
   };
-  return /* @__PURE__ */ e(m, { ...r, children: [
-    r.label,
+  return /* @__PURE__ */ n(m, { ...e, children: [
+    e.label,
     t.children
   ] });
 };
+i.displayName = "InertButton";
 export {
-  c as InertButton
+  i as InertButton
 };
 //# sourceMappingURL=InertButton.js.map

package/molecules/Buttons/InertButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"InertButton.js","sources":["../../../lib/molecules/Buttons/InertButton.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\n\nimport { BUTTON_THEME_LEGACY, BUTTON_VARIANT_LEGACY, type CommonButtonProps } from './Button';\nimport { FakeButton } from '@/molecules/Buttons/FakeButton';\n\n/**\n * @deprecated Use `FakeButton` instead.\n * @param props\n */\nexport const InertButton: FunctionComponent<CommonButtonProps> = (props) => {\n  const opts = {\n    ...props,\n    ...(BUTTON_THEME_LEGACY[props.theme!] || {}),\n    ...(BUTTON_VARIANT_LEGACY[props.variant!] || {}),\n  };\n\n  return (\n    <FakeButton {...opts}>\n      {opts.label}\n      {props.children}\n    </FakeButton>\n  );\n};\n"],"names":["InertButton","props","opts","BUTTON_THEME_LEGACY","BUTTON_VARIANT_LEGACY","jsxs","FakeButton"],"mappings":";;;AASO,MAAMA,IAAoD,CAACC,MAAU;AAC1E,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,EAAY,GAAGJ,GACb,UAAA;AAAA,IAAAA,EAAK;AAAA,IACLD,EAAM;AAAA,EAAA,GACT;AAEJ;"}
+{"version":3,"file":"InertButton.js","sources":["../../../lib/molecules/Buttons/InertButton.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\n\nimport { BUTTON_THEME_LEGACY, BUTTON_VARIANT_LEGACY, type CommonButtonProps } from './Button';\nimport { FakeButton } from '@/molecules/Buttons/FakeButton';\n\n/**\n * @deprecated use Button with `component=\"span\"` instead\n * @param props\n */\nexport const InertButton: FunctionComponent<CommonButtonProps> = (props) => {\n  const opts = {\n    ...props,\n    ...(BUTTON_THEME_LEGACY[props.theme!] || {}),\n    ...(BUTTON_VARIANT_LEGACY[props.variant!] || {}),\n  };\n\n  return (\n    <FakeButton {...opts}>\n      {opts.label}\n      {props.children}\n    </FakeButton>\n  );\n};\n\nInertButton.displayName = 'InertButton';\n"],"names":["InertButton","props","opts","BUTTON_THEME_LEGACY","BUTTON_VARIANT_LEGACY","jsxs","FakeButton"],"mappings":";;;AASO,MAAMA,IAAoD,CAACC,MAAU;AAC1E,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,EAAY,GAAGJ,GACb,UAAA;AAAA,IAAAA,EAAK;AAAA,IACLD,EAAM;AAAA,EAAA,GACT;AAEJ;AAEAD,EAAY,cAAc;"}