@metamask-previews/design-system-react 0.0.0-preview.15db6d5 → 0.0.0-preview.1c1a94d

package/dist/components/text-button/TextButton.cjs

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextButton = void 0;
+const react_1 = __importDefault(require("react"));
+const tw_merge_1 = require("../../utils/tw-merge.cjs");
+const button_base_1 = require("../button-base/index.cjs");
+const text_1 = require("../text/index.cjs");
+exports.TextButton = react_1.default.forwardRef(({ className, isInverse, isDisabled, isLoading, textVariant = text_1.TextVariant.BodyMd, textProps, ...props }, ref) => {
+    const isInteractive = !(isDisabled ?? isLoading);
+    const mergedClassName = (0, tw_merge_1.twMerge)(
+    // Reset padding, height and animations
+    'px-0 h-auto bg-transparent rounded-none', 'transform-none transition-none active:scale-100', 
+    // Default text button styles
+    !isInverse && [
+        'text-primary-default',
+        // Loading state uses pressed color
+        isLoading && 'text-primary-default-pressed',
+    ], 
+    // Inverse styles
+    isInverse && [
+        'text-primary-inverse',
+        // Loading state uses pressed color
+        isLoading && 'text-primary-inverse',
+    ], 
+    // Hover/Active states - only applied when interactive
+    isInteractive && [
+        !isInverse && [
+            'hover:bg-hover hover:text-primary-default-hover hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-default-hover',
+            'active:bg-pressed active:text-primary-default-pressed active:decoration-primary-default-pressed',
+        ],
+        isInverse && [
+            'hover:bg-hover hover:text-primary-inverse hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-inverse',
+            'active:bg-pressed active:text-primary-inverse active:decoration-primary-inverse',
+        ],
+    ], 
+    // Loading styles
+    isLoading && 'cursor-not-allowed', 
+    // Disabled styles (but not loading)
+    isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'], className);
+    return (react_1.default.createElement(button_base_1.ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, textProps: {
+            variant: textVariant,
+            ...textProps,
+        }, ...props }));
+});
+exports.TextButton.displayName = 'TextButton';
+//# sourceMappingURL=TextButton.cjs.map

package/dist/components/text-button/TextButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.cjs","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uDAA+C;AAC/C,0DAA4C;AAC5C,4CAAsC;AAGzB,QAAA,UAAU,GAAG,eAAK,CAAC,UAAU,CACxC,CACE,EACE,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,GAAG,kBAAW,CAAC,MAAM,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,IAAA,kBAAO;IAC7B,uCAAuC;IACvC,yCAAyC,EACzC,iDAAiD;IACjD,6BAA6B;IAC7B,CAAC,SAAS,IAAI;QACZ,sBAAsB;QACtB,mCAAmC;QACnC,SAAS,IAAI,8BAA8B;KAC5C;IACD,iBAAiB;IACjB,SAAS,IAAI;QACX,sBAAsB;QACtB,mCAAmC;QACnC,SAAS,IAAI,sBAAsB;KACpC;IACD,sDAAsD;IACtD,aAAa,IAAI;QACf,CAAC,SAAS,IAAI;YACZ,oJAAoJ;YACpJ,iGAAiG;SAClG;QACD,SAAS,IAAI;YACX,wIAAwI;YACxI,iFAAiF;SAClF;KACF;IACD,iBAAiB;IACjB,SAAS,IAAI,oBAAoB;IACjC,oCAAoC;IACpC,UAAU,IAAI,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,oBAAoB,CAAC,EAChE,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,wBAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE;YACT,OAAO,EAAE,WAAW;YACpB,GAAG,SAAS;SACb,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport { TextVariant } from '../text';\nimport type { TextButtonProps } from './TextButton.types';\n\nexport const TextButton = React.forwardRef<HTMLButtonElement, TextButtonProps>(\n  (\n    {\n      className,\n      isInverse,\n      isDisabled,\n      isLoading,\n      textVariant = TextVariant.BodyMd,\n      textProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const isInteractive = !(isDisabled ?? isLoading);\n\n    const mergedClassName = twMerge(\n      // Reset padding, height and animations\n      'px-0 h-auto bg-transparent rounded-none',\n      'transform-none transition-none active:scale-100',\n      // Default text button styles\n      !isInverse && [\n        'text-primary-default',\n        // Loading state uses pressed color\n        isLoading && 'text-primary-default-pressed',\n      ],\n      // Inverse styles\n      isInverse && [\n        'text-primary-inverse',\n        // Loading state uses pressed color\n        isLoading && 'text-primary-inverse',\n      ],\n      // Hover/Active states - only applied when interactive\n      isInteractive && [\n        !isInverse && [\n          'hover:bg-hover hover:text-primary-default-hover hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-default-hover',\n          'active:bg-pressed active:text-primary-default-pressed active:decoration-primary-default-pressed',\n        ],\n        isInverse && [\n          'hover:bg-hover hover:text-primary-inverse hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-inverse',\n          'active:bg-pressed active:text-primary-inverse active:decoration-primary-inverse',\n        ],\n      ],\n      // Loading styles\n      isLoading && 'cursor-not-allowed',\n      // Disabled styles (but not loading)\n      isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'],\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        textProps={{\n          variant: textVariant,\n          ...textProps,\n        }}\n        {...props}\n      />\n    );\n  },\n);\n\nTextButton.displayName = 'TextButton';\n"]}

package/dist/components/text-button/TextButton.d.cts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { TextButtonProps } from "./TextButton.types.cjs";
+export declare const TextButton: React.ForwardRefExoticComponent<Omit<TextButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=TextButton.d.cts.map

package/dist/components/text-button/TextButton.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.d.cts","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,wGA+DtB,CAAC"}

package/dist/components/text-button/TextButton.d.mts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { TextButtonProps } from "./TextButton.types.mjs";
+export declare const TextButton: React.ForwardRefExoticComponent<Omit<TextButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=TextButton.d.mts.map

package/dist/components/text-button/TextButton.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.d.mts","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,wGA+DtB,CAAC"}

package/dist/components/text-button/TextButton.mjs

@@ -0,0 +1,50 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React from "react";
+const React = $importDefault($React);
+import { twMerge } from "../../utils/tw-merge.mjs";
+import { ButtonBase } from "../button-base/index.mjs";
+import { TextVariant } from "../text/index.mjs";
+export const TextButton = React.forwardRef(({ className, isInverse, isDisabled, isLoading, textVariant = TextVariant.BodyMd, textProps, ...props }, ref) => {
+    const isInteractive = !(isDisabled ?? isLoading);
+    const mergedClassName = twMerge(
+    // Reset padding, height and animations
+    'px-0 h-auto bg-transparent rounded-none', 'transform-none transition-none active:scale-100', 
+    // Default text button styles
+    !isInverse && [
+        'text-primary-default',
+        // Loading state uses pressed color
+        isLoading && 'text-primary-default-pressed',
+    ], 
+    // Inverse styles
+    isInverse && [
+        'text-primary-inverse',
+        // Loading state uses pressed color
+        isLoading && 'text-primary-inverse',
+    ], 
+    // Hover/Active states - only applied when interactive
+    isInteractive && [
+        !isInverse && [
+            'hover:bg-hover hover:text-primary-default-hover hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-default-hover',
+            'active:bg-pressed active:text-primary-default-pressed active:decoration-primary-default-pressed',
+        ],
+        isInverse && [
+            'hover:bg-hover hover:text-primary-inverse hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-inverse',
+            'active:bg-pressed active:text-primary-inverse active:decoration-primary-inverse',
+        ],
+    ], 
+    // Loading styles
+    isLoading && 'cursor-not-allowed', 
+    // Disabled styles (but not loading)
+    isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'], className);
+    return (React.createElement(ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, textProps: {
+            variant: textVariant,
+            ...textProps,
+        }, ...props }));
+});
+TextButton.displayName = 'TextButton';
+//# sourceMappingURL=TextButton.mjs.map

package/dist/components/text-button/TextButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.mjs","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,UAAU,EAAE,iCAAuB;AAC5C,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAGtC,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,GAAG,WAAW,CAAC,MAAM,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,OAAO;IAC7B,uCAAuC;IACvC,yCAAyC,EACzC,iDAAiD;IACjD,6BAA6B;IAC7B,CAAC,SAAS,IAAI;QACZ,sBAAsB;QACtB,mCAAmC;QACnC,SAAS,IAAI,8BAA8B;KAC5C;IACD,iBAAiB;IACjB,SAAS,IAAI;QACX,sBAAsB;QACtB,mCAAmC;QACnC,SAAS,IAAI,sBAAsB;KACpC;IACD,sDAAsD;IACtD,aAAa,IAAI;QACf,CAAC,SAAS,IAAI;YACZ,oJAAoJ;YACpJ,iGAAiG;SAClG;QACD,SAAS,IAAI;YACX,wIAAwI;YACxI,iFAAiF;SAClF;KACF;IACD,iBAAiB;IACjB,SAAS,IAAI,oBAAoB;IACjC,oCAAoC;IACpC,UAAU,IAAI,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,oBAAoB,CAAC,EAChE,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE;YACT,OAAO,EAAE,WAAW;YACpB,GAAG,SAAS;SACb,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport { TextVariant } from '../text';\nimport type { TextButtonProps } from './TextButton.types';\n\nexport const TextButton = React.forwardRef<HTMLButtonElement, TextButtonProps>(\n  (\n    {\n      className,\n      isInverse,\n      isDisabled,\n      isLoading,\n      textVariant = TextVariant.BodyMd,\n      textProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const isInteractive = !(isDisabled ?? isLoading);\n\n    const mergedClassName = twMerge(\n      // Reset padding, height and animations\n      'px-0 h-auto bg-transparent rounded-none',\n      'transform-none transition-none active:scale-100',\n      // Default text button styles\n      !isInverse && [\n        'text-primary-default',\n        // Loading state uses pressed color\n        isLoading && 'text-primary-default-pressed',\n      ],\n      // Inverse styles\n      isInverse && [\n        'text-primary-inverse',\n        // Loading state uses pressed color\n        isLoading && 'text-primary-inverse',\n      ],\n      // Hover/Active states - only applied when interactive\n      isInteractive && [\n        !isInverse && [\n          'hover:bg-hover hover:text-primary-default-hover hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-default-hover',\n          'active:bg-pressed active:text-primary-default-pressed active:decoration-primary-default-pressed',\n        ],\n        isInverse && [\n          'hover:bg-hover hover:text-primary-inverse hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-inverse',\n          'active:bg-pressed active:text-primary-inverse active:decoration-primary-inverse',\n        ],\n      ],\n      // Loading styles\n      isLoading && 'cursor-not-allowed',\n      // Disabled styles (but not loading)\n      isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'],\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        textProps={{\n          variant: textVariant,\n          ...textProps,\n        }}\n        {...props}\n      />\n    );\n  },\n);\n\nTextButton.displayName = 'TextButton';\n"]}

package/dist/components/text-button/TextButton.types.cjs

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=TextButton.types.cjs.map

package/dist/components/text-button/TextButton.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.types.cjs","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonBaseProps } from '../button-base';\nimport type { TextVariant } from '../text';\n\nexport type TextButtonProps = Omit<\n  ButtonBaseProps,\n  // We handle these props in TextButton\n  'className' | 'isDisabled' | 'isLoading' | 'style' | 'size'\n> & {\n  /**\n   * Optional prop for additional CSS classes to be applied to the TextButton component\n   */\n  className?: string;\n  /**\n   * Optional prop that when true, applies inverse styling to the button\n   * @default false\n   */\n  isInverse?: boolean;\n  /**\n   * Optional prop that when true, disables the button\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop that when true, shows a loading spinner\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Optional prop to specify the text variant\n   * @default TextVariant.BodyMd\n   */\n  textVariant?: TextVariant;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n};\n"]}

package/dist/components/text-button/TextButton.types.d.cts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import type { ButtonBaseProps } from "../button-base/index.cjs";
+import type { TextVariant } from "../text/index.cjs";
+export type TextButtonProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' | 'isLoading' | 'style' | 'size'> & {
+    /**
+     * Optional prop for additional CSS classes to be applied to the TextButton component
+     */
+    className?: string;
+    /**
+     * Optional prop that when true, applies inverse styling to the button
+     * @default false
+     */
+    isInverse?: boolean;
+    /**
+     * Optional prop that when true, disables the button
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Optional prop that when true, shows a loading spinner
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Optional prop to specify the text variant
+     * @default TextVariant.BodyMd
+     */
+    textVariant?: TextVariant;
+    /**
+     * Optional CSS styles to be applied to the component.
+     * Should be used sparingly and only for dynamic styles that can't be achieved with className.
+     */
+    style?: React.CSSProperties;
+};
+//# sourceMappingURL=TextButton.types.d.cts.map

package/dist/components/text-button/TextButton.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.types.d.cts","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,0BAAgB;AAE3C,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,eAAe,EAEf,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAC5D,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

package/dist/components/text-button/TextButton.types.d.mts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import type { ButtonBaseProps } from "../button-base/index.mjs";
+import type { TextVariant } from "../text/index.mjs";
+export type TextButtonProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' | 'isLoading' | 'style' | 'size'> & {
+    /**
+     * Optional prop for additional CSS classes to be applied to the TextButton component
+     */
+    className?: string;
+    /**
+     * Optional prop that when true, applies inverse styling to the button
+     * @default false
+     */
+    isInverse?: boolean;
+    /**
+     * Optional prop that when true, disables the button
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Optional prop that when true, shows a loading spinner
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Optional prop to specify the text variant
+     * @default TextVariant.BodyMd
+     */
+    textVariant?: TextVariant;
+    /**
+     * Optional CSS styles to be applied to the component.
+     * Should be used sparingly and only for dynamic styles that can't be achieved with className.
+     */
+    style?: React.CSSProperties;
+};
+//# sourceMappingURL=TextButton.types.d.mts.map

package/dist/components/text-button/TextButton.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.types.d.mts","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,0BAAgB;AAE3C,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,eAAe,EAEf,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAC5D,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

package/dist/components/text-button/TextButton.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TextButton.types.mjs.map

package/dist/components/text-button/TextButton.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.types.mjs","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonBaseProps } from '../button-base';\nimport type { TextVariant } from '../text';\n\nexport type TextButtonProps = Omit<\n  ButtonBaseProps,\n  // We handle these props in TextButton\n  'className' | 'isDisabled' | 'isLoading' | 'style' | 'size'\n> & {\n  /**\n   * Optional prop for additional CSS classes to be applied to the TextButton component\n   */\n  className?: string;\n  /**\n   * Optional prop that when true, applies inverse styling to the button\n   * @default false\n   */\n  isInverse?: boolean;\n  /**\n   * Optional prop that when true, disables the button\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop that when true, shows a loading spinner\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Optional prop to specify the text variant\n   * @default TextVariant.BodyMd\n   */\n  textVariant?: TextVariant;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n};\n"]}

package/dist/components/text-button/index.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextButton = void 0;
+var TextButton_1 = require("./TextButton.cjs");
+Object.defineProperty(exports, "TextButton", { enumerable: true, get: function () { return TextButton_1.TextButton; } });
+//# sourceMappingURL=index.cjs.map

package/dist/components/text-button/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/text-button/index.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export { TextButton } from './TextButton';\nexport type { TextButtonProps } from './TextButton.types';\n"]}

package/dist/components/text-button/index.d.cts

@@ -0,0 +1,3 @@
+export { TextButton } from "./TextButton.cjs";
+export type { TextButtonProps } from "./TextButton.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/components/text-button/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/text-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}

package/dist/components/text-button/index.d.mts

@@ -0,0 +1,3 @@
+export { TextButton } from "./TextButton.mjs";
+export type { TextButtonProps } from "./TextButton.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/components/text-button/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/text-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}

package/dist/components/text-button/index.mjs

@@ -0,0 +1,2 @@
+export { TextButton } from "./TextButton.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/components/text-button/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/text-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB","sourcesContent":["export { TextButton } from './TextButton';\nexport type { TextButtonProps } from './TextButton.types';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask-previews/design-system-react",
-  "version": "0.0.0-preview.15db6d5",
+  "version": "0.0.0-preview.1c1a94d",
   "description": "Design system react ui components",
   "keywords": [
     "MetaMask",
@@ -50,15 +50,20 @@
     "test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
   },
   "dependencies": {
+    "@metamask/jazzicon": "^2.0.0",
+    "@metamask/utils": "^11.3.0",
     "@radix-ui/react-slot": "^1.1.0",
+    "@solana/addresses": "^2.1.0",
+    "bitcoin-address-validation": "^3.0.0",
+    "blo": "^1.2.0",
     "tailwind-merge": "^2.0.0"
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",
-    "@metamask-previews/design-system-tailwind-preset": "0.0.0-preview.15db6d5",
-    "@metamask/auto-changelog": "^3.4.4",
-    "@storybook/react": "^8.3.5",
-    "@storybook/test": "^8.3.5",
+    "@metamask-previews/design-system-tailwind-preset": "0.2.0-preview.1c1a94d",
+    "@metamask/auto-changelog": "^4.1.0",
+    "@storybook/react": "^8.5.3",
+    "@storybook/test": "^8.5.3",
     "@svgr/cli": "^8.1.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
@@ -76,7 +81,7 @@
     "typescript": "~5.2.2"
   },
   "peerDependencies": {
-    "@metamask/design-tokens": "^4.1.0",
+    "@metamask/design-tokens": "^6.0.0",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
     "tailwindcss": "^3.0.0"

package/dist/components/button-link/ButtonLink.cjs

@@ -1,39 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonLink = void 0;
-const react_1 = __importDefault(require("react"));
-const tw_merge_1 = require("../../utils/tw-merge.cjs");
-const button_base_1 = require("../button-base/index.cjs");
-const ButtonLink_types_1 = require("./ButtonLink.types.cjs");
-const mapToButtonBaseSize = (size) => {
-    if (size === ButtonLink_types_1.ButtonLinkSize.Inherit) {
-        return button_base_1.ButtonBaseSize.Md;
-    }
-    return size;
-};
-exports.ButtonLink = react_1.default.forwardRef(({ className, isDanger, isDisabled, isLoading, size = ButtonLink_types_1.ButtonLinkSize.Md, ...props }, ref) => {
-    const isInteractive = !(isDisabled ?? isLoading);
-    const mergedClassName = (0, tw_merge_1.twMerge)(
-    // Base styles (always applied)
-    'bg-transparent', 
-    // Text color based on variant
-    isDanger ? 'text-error-default' : 'text-primary-default', 
-    // Interactive styles
-    isInteractive && [
-        'transition-[transform,colors,opacity]',
-        'duration-100',
-        'ease-linear',
-        'hover:bg-hover',
-        'active:bg-pressed',
-        'active:scale-95',
-        'active:ease-[cubic-bezier(0.3,0.8,0.3,1)]',
-    ], 
-    // Disabled/Loading styles
-    !isInteractive && ['opacity-50', 'cursor-not-allowed'], size === ButtonLink_types_1.ButtonLinkSize.Inherit && 'inline p-0 h-auto', className);
-    return (react_1.default.createElement(button_base_1.ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, size: mapToButtonBaseSize(size), ...props }));
-});
-exports.ButtonLink.displayName = 'ButtonLink';
-//# sourceMappingURL=ButtonLink.cjs.map

package/dist/components/button-link/ButtonLink.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonLink.cjs","sourceRoot":"","sources":["../../../src/components/button-link/ButtonLink.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uDAA+C;AAC/C,0DAA4D;AAC5D,6DAAoD;AAGpD,MAAM,mBAAmB,GAAG,CAAC,IAAoB,EAAkB,EAAE;IACnE,IAAI,IAAI,KAAK,iCAAc,CAAC,OAAO,EAAE;QACnC,OAAO,4BAAc,CAAC,EAAE,CAAC;KAC1B;IACD,OAAO,IAAiC,CAAC;AAC3C,CAAC,CAAC;AAEW,QAAA,UAAU,GAAG,eAAK,CAAC,UAAU,CACxC,CACE,EACE,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,IAAI,GAAG,iCAAc,CAAC,EAAE,EACxB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,IAAA,kBAAO;IAC7B,+BAA+B;IAC/B,gBAAgB;IAChB,8BAA8B;IAC9B,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB;IACxD,qBAAqB;IACrB,aAAa,IAAI;QACf,uCAAuC;QACvC,cAAc;QACd,aAAa;QACb,gBAAgB;QAChB,mBAAmB;QACnB,iBAAiB;QACjB,2CAA2C;KAC5C;IACD,0BAA0B;IAC1B,CAAC,aAAa,IAAI,CAAC,YAAY,EAAE,oBAAoB,CAAC,EACtD,IAAI,KAAK,iCAAc,CAAC,OAAO,IAAI,mBAAmB,EACtD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,wBAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,mBAAmB,CAAC,IAAI,CAAC,KAC3B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase, ButtonBaseSize } from '../button-base';\nimport { ButtonLinkSize } from './ButtonLink.types';\nimport type { ButtonLinkProps } from './ButtonLink.types';\n\nconst mapToButtonBaseSize = (size: ButtonLinkSize): ButtonBaseSize => {\n  if (size === ButtonLinkSize.Inherit) {\n    return ButtonBaseSize.Md;\n  }\n  return size as unknown as ButtonBaseSize;\n};\n\nexport const ButtonLink = React.forwardRef<HTMLButtonElement, ButtonLinkProps>(\n  (\n    {\n      className,\n      isDanger,\n      isDisabled,\n      isLoading,\n      size = ButtonLinkSize.Md,\n      ...props\n    },\n    ref,\n  ) => {\n    const isInteractive = !(isDisabled ?? isLoading);\n\n    const mergedClassName = twMerge(\n      // Base styles (always applied)\n      'bg-transparent',\n      // Text color based on variant\n      isDanger ? 'text-error-default' : 'text-primary-default',\n      // Interactive styles\n      isInteractive && [\n        'transition-[transform,colors,opacity]',\n        'duration-100',\n        'ease-linear',\n        'hover:bg-hover',\n        'active:bg-pressed',\n        'active:scale-95',\n        'active:ease-[cubic-bezier(0.3,0.8,0.3,1)]',\n      ],\n      // Disabled/Loading styles\n      !isInteractive && ['opacity-50', 'cursor-not-allowed'],\n      size === ButtonLinkSize.Inherit && 'inline p-0 h-auto',\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        size={mapToButtonBaseSize(size)}\n        {...props}\n      />\n    );\n  },\n);\n\nButtonLink.displayName = 'ButtonLink';\n"]}

package/dist/components/button-link/ButtonLink.d.cts

@@ -1,4 +0,0 @@
-import React from "react";
-import type { ButtonLinkProps } from "./ButtonLink.types.cjs";
-export declare const ButtonLink: React.ForwardRefExoticComponent<Omit<ButtonLinkProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=ButtonLink.d.cts.map

package/dist/components/button-link/ButtonLink.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonLink.d.cts","sourceRoot":"","sources":["../../../src/components/button-link/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAS1D,eAAO,MAAM,UAAU,wGA8CtB,CAAC"}

package/dist/components/button-link/ButtonLink.d.mts

@@ -1,4 +0,0 @@
-import React from "react";
-import type { ButtonLinkProps } from "./ButtonLink.types.mjs";
-export declare const ButtonLink: React.ForwardRefExoticComponent<Omit<ButtonLinkProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=ButtonLink.d.mts.map

package/dist/components/button-link/ButtonLink.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonLink.d.mts","sourceRoot":"","sources":["../../../src/components/button-link/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAS1D,eAAO,MAAM,UAAU,wGA8CtB,CAAC"}

package/dist/components/button-link/ButtonLink.mjs

@@ -1,40 +0,0 @@
-function $importDefault(module) {
-    if (module?.__esModule) {
-        return module.default;
-    }
-    return module;
-}
-import $React from "react";
-const React = $importDefault($React);
-import { twMerge } from "../../utils/tw-merge.mjs";
-import { ButtonBase, ButtonBaseSize } from "../button-base/index.mjs";
-import { ButtonLinkSize } from "./ButtonLink.types.mjs";
-const mapToButtonBaseSize = (size) => {
-    if (size === ButtonLinkSize.Inherit) {
-        return ButtonBaseSize.Md;
-    }
-    return size;
-};
-export const ButtonLink = React.forwardRef(({ className, isDanger, isDisabled, isLoading, size = ButtonLinkSize.Md, ...props }, ref) => {
-    const isInteractive = !(isDisabled ?? isLoading);
-    const mergedClassName = twMerge(
-    // Base styles (always applied)
-    'bg-transparent', 
-    // Text color based on variant
-    isDanger ? 'text-error-default' : 'text-primary-default', 
-    // Interactive styles
-    isInteractive && [
-        'transition-[transform,colors,opacity]',
-        'duration-100',
-        'ease-linear',
-        'hover:bg-hover',
-        'active:bg-pressed',
-        'active:scale-95',
-        'active:ease-[cubic-bezier(0.3,0.8,0.3,1)]',
-    ], 
-    // Disabled/Loading styles
-    !isInteractive && ['opacity-50', 'cursor-not-allowed'], size === ButtonLinkSize.Inherit && 'inline p-0 h-auto', className);
-    return (React.createElement(ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, size: mapToButtonBaseSize(size), ...props }));
-});
-ButtonLink.displayName = 'ButtonLink';
-//# sourceMappingURL=ButtonLink.mjs.map

package/dist/components/button-link/ButtonLink.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonLink.mjs","sourceRoot":"","sources":["../../../src/components/button-link/ButtonLink.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,iCAAuB;AAC5D,OAAO,EAAE,cAAc,EAAE,+BAA2B;AAGpD,MAAM,mBAAmB,GAAG,CAAC,IAAoB,EAAkB,EAAE;IACnE,IAAI,IAAI,KAAK,cAAc,CAAC,OAAO,EAAE;QACnC,OAAO,cAAc,CAAC,EAAE,CAAC;KAC1B;IACD,OAAO,IAAiC,CAAC;AAC3C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,IAAI,GAAG,cAAc,CAAC,EAAE,EACxB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,OAAO;IAC7B,+BAA+B;IAC/B,gBAAgB;IAChB,8BAA8B;IAC9B,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB;IACxD,qBAAqB;IACrB,aAAa,IAAI;QACf,uCAAuC;QACvC,cAAc;QACd,aAAa;QACb,gBAAgB;QAChB,mBAAmB;QACnB,iBAAiB;QACjB,2CAA2C;KAC5C;IACD,0BAA0B;IAC1B,CAAC,aAAa,IAAI,CAAC,YAAY,EAAE,oBAAoB,CAAC,EACtD,IAAI,KAAK,cAAc,CAAC,OAAO,IAAI,mBAAmB,EACtD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,mBAAmB,CAAC,IAAI,CAAC,KAC3B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase, ButtonBaseSize } from '../button-base';\nimport { ButtonLinkSize } from './ButtonLink.types';\nimport type { ButtonLinkProps } from './ButtonLink.types';\n\nconst mapToButtonBaseSize = (size: ButtonLinkSize): ButtonBaseSize => {\n  if (size === ButtonLinkSize.Inherit) {\n    return ButtonBaseSize.Md;\n  }\n  return size as unknown as ButtonBaseSize;\n};\n\nexport const ButtonLink = React.forwardRef<HTMLButtonElement, ButtonLinkProps>(\n  (\n    {\n      className,\n      isDanger,\n      isDisabled,\n      isLoading,\n      size = ButtonLinkSize.Md,\n      ...props\n    },\n    ref,\n  ) => {\n    const isInteractive = !(isDisabled ?? isLoading);\n\n    const mergedClassName = twMerge(\n      // Base styles (always applied)\n      'bg-transparent',\n      // Text color based on variant\n      isDanger ? 'text-error-default' : 'text-primary-default',\n      // Interactive styles\n      isInteractive && [\n        'transition-[transform,colors,opacity]',\n        'duration-100',\n        'ease-linear',\n        'hover:bg-hover',\n        'active:bg-pressed',\n        'active:scale-95',\n        'active:ease-[cubic-bezier(0.3,0.8,0.3,1)]',\n      ],\n      // Disabled/Loading styles\n      !isInteractive && ['opacity-50', 'cursor-not-allowed'],\n      size === ButtonLinkSize.Inherit && 'inline p-0 h-auto',\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        size={mapToButtonBaseSize(size)}\n        {...props}\n      />\n    );\n  },\n);\n\nButtonLink.displayName = 'ButtonLink';\n"]}

package/dist/components/button-link/ButtonLink.types.cjs

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonLinkSize = void 0;
-const button_base_1 = require("../button-base/index.cjs");
-var ButtonLinkSize;
-(function (ButtonLinkSize) {
-    ButtonLinkSize["Sm"] = "sm";
-    ButtonLinkSize["Md"] = "md";
-    ButtonLinkSize["Lg"] = "lg";
-    /**
-     * Inherits size from parent, removes height/padding, displays inline
-     */
-    ButtonLinkSize["Inherit"] = "inherit";
-})(ButtonLinkSize || (exports.ButtonLinkSize = ButtonLinkSize = {}));
-//# sourceMappingURL=ButtonLink.types.cjs.map

package/dist/components/button-link/ButtonLink.types.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonLink.types.cjs","sourceRoot":"","sources":["../../../src/components/button-link/ButtonLink.types.ts"],"names":[],"mappings":";;;AACA,0DAAgD;AAEhD,IAAY,cAQX;AARD,WAAY,cAAc;IACxB,2BAAsB,CAAA;IACtB,2BAAsB,CAAA;IACtB,2BAAsB,CAAA;IACtB;;OAEG;IACH,qCAAmB,CAAA;AACrB,CAAC,EARW,cAAc,8BAAd,cAAc,QAQzB","sourcesContent":["import type { ButtonBaseProps } from '../button-base';\nimport { ButtonBaseSize } from '../button-base';\n\nexport enum ButtonLinkSize {\n  Sm = ButtonBaseSize.Sm,\n  Md = ButtonBaseSize.Md,\n  Lg = ButtonBaseSize.Lg,\n  /**\n   * Inherits size from parent, removes height/padding, displays inline\n   */\n  Inherit = 'inherit',\n}\n\nexport type ButtonLinkProps = Omit<\n  ButtonBaseProps,\n  'className' | 'isDisabled' | 'isLoading' | 'style' | 'size'\n> & {\n  /**\n   * Optional prop for additional CSS classes to be applied to the ButtonLink component\n   */\n  className?: string;\n  /**\n   * Optional prop that when true, applies error/danger styling to the button\n   * @default false\n   */\n  isDanger?: boolean;\n  /**\n   * Optional prop that when true, disables the button\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop that when true, shows a loading spinner\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n  /**\n   * Optional prop to control the size of the ButtonLink\n   * @default ButtonLinkSize.Md\n   */\n  size?: ButtonLinkSize;\n};\n"]}

package/dist/components/button-link/ButtonLink.types.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonLink.types.d.cts","sourceRoot":"","sources":["../../../src/components/button-link/ButtonLink.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AAGtD,oBAAY,cAAc;IACxB,EAAE,OAAoB;IACtB,EAAE,OAAoB;IACtB,EAAE,OAAoB;IACtB;;OAEG;IACH,OAAO,YAAY;CACpB;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,eAAe,EACf,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAC5D,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC"}

package/dist/components/button-link/ButtonLink.types.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonLink.types.d.mts","sourceRoot":"","sources":["../../../src/components/button-link/ButtonLink.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AAGtD,oBAAY,cAAc;IACxB,EAAE,OAAoB;IACtB,EAAE,OAAoB;IACtB,EAAE,OAAoB;IACtB;;OAEG;IACH,OAAO,YAAY;CACpB;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,eAAe,EACf,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAC5D,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC"}

package/dist/components/button-link/ButtonLink.types.mjs

@@ -1,12 +0,0 @@
-import { ButtonBaseSize } from "../button-base/index.mjs";
-export var ButtonLinkSize;
-(function (ButtonLinkSize) {
-    ButtonLinkSize["Sm"] = "sm";
-    ButtonLinkSize["Md"] = "md";
-    ButtonLinkSize["Lg"] = "lg";
-    /**
-     * Inherits size from parent, removes height/padding, displays inline
-     */
-    ButtonLinkSize["Inherit"] = "inherit";
-})(ButtonLinkSize || (ButtonLinkSize = {}));
-//# sourceMappingURL=ButtonLink.types.mjs.map

package/dist/components/button-link/ButtonLink.types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonLink.types.mjs","sourceRoot":"","sources":["../../../src/components/button-link/ButtonLink.types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iCAAuB;AAEhD,MAAM,CAAN,IAAY,cAQX;AARD,WAAY,cAAc;IACxB,2BAAsB,CAAA;IACtB,2BAAsB,CAAA;IACtB,2BAAsB,CAAA;IACtB;;OAEG;IACH,qCAAmB,CAAA;AACrB,CAAC,EARW,cAAc,KAAd,cAAc,QAQzB","sourcesContent":["import type { ButtonBaseProps } from '../button-base';\nimport { ButtonBaseSize } from '../button-base';\n\nexport enum ButtonLinkSize {\n  Sm = ButtonBaseSize.Sm,\n  Md = ButtonBaseSize.Md,\n  Lg = ButtonBaseSize.Lg,\n  /**\n   * Inherits size from parent, removes height/padding, displays inline\n   */\n  Inherit = 'inherit',\n}\n\nexport type ButtonLinkProps = Omit<\n  ButtonBaseProps,\n  'className' | 'isDisabled' | 'isLoading' | 'style' | 'size'\n> & {\n  /**\n   * Optional prop for additional CSS classes to be applied to the ButtonLink component\n   */\n  className?: string;\n  /**\n   * Optional prop that when true, applies error/danger styling to the button\n   * @default false\n   */\n  isDanger?: boolean;\n  /**\n   * Optional prop that when true, disables the button\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop that when true, shows a loading spinner\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n  /**\n   * Optional prop to control the size of the ButtonLink\n   * @default ButtonLinkSize.Md\n   */\n  size?: ButtonLinkSize;\n};\n"]}

package/dist/components/button-link/index.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonLinkSize = exports.ButtonLink = void 0;
-var ButtonLink_1 = require("./ButtonLink.cjs");
-Object.defineProperty(exports, "ButtonLink", { enumerable: true, get: function () { return ButtonLink_1.ButtonLink; } });
-var ButtonLink_types_1 = require("./ButtonLink.types.cjs");
-Object.defineProperty(exports, "ButtonLinkSize", { enumerable: true, get: function () { return ButtonLink_types_1.ButtonLinkSize; } });
-//# sourceMappingURL=index.cjs.map

package/dist/components/button-link/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/button-link/index.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,2DAAoD;AAA3C,kHAAA,cAAc,OAAA","sourcesContent":["export { ButtonLink } from './ButtonLink';\nexport type { ButtonLinkProps } from './ButtonLink.types';\nexport { ButtonLinkSize } from './ButtonLink.types';\n"]}

package/dist/components/button-link/index.d.cts

@@ -1,4 +0,0 @@
-export { ButtonLink } from "./ButtonLink.cjs";
-export type { ButtonLinkProps } from "./ButtonLink.types.cjs";
-export { ButtonLinkSize } from "./ButtonLink.types.cjs";
-//# sourceMappingURL=index.d.cts.map

package/dist/components/button-link/index.d.mts

@@ -1,4 +0,0 @@
-export { ButtonLink } from "./ButtonLink.mjs";
-export type { ButtonLinkProps } from "./ButtonLink.types.mjs";
-export { ButtonLinkSize } from "./ButtonLink.types.mjs";
-//# sourceMappingURL=index.d.mts.map

package/dist/components/button-link/index.mjs

@@ -1,3 +0,0 @@
-export { ButtonLink } from "./ButtonLink.mjs";
-export { ButtonLinkSize } from "./ButtonLink.types.mjs";
-//# sourceMappingURL=index.mjs.map

package/dist/components/button-link/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/button-link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAE1C,OAAO,EAAE,cAAc,EAAE,+BAA2B","sourcesContent":["export { ButtonLink } from './ButtonLink';\nexport type { ButtonLinkProps } from './ButtonLink.types';\nexport { ButtonLinkSize } from './ButtonLink.types';\n"]}