@metamask-previews/design-system-react 0.0.0-preview.52473ea → 0.0.0-preview.8561168

package/dist/components/text/index.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverflowWrap = exports.TextTransform = exports.FontStyle = exports.FontWeight = exports.TextAlign = exports.TextColor = exports.TextVariant = exports.Text = void 0;
+var Text_1 = require("./Text.cjs");
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
+var Text_types_1 = require("./Text.types.cjs");
+Object.defineProperty(exports, "TextVariant", { enumerable: true, get: function () { return Text_types_1.TextVariant; } });
+Object.defineProperty(exports, "TextColor", { enumerable: true, get: function () { return Text_types_1.TextColor; } });
+Object.defineProperty(exports, "TextAlign", { enumerable: true, get: function () { return Text_types_1.TextAlign; } });
+Object.defineProperty(exports, "FontWeight", { enumerable: true, get: function () { return Text_types_1.FontWeight; } });
+Object.defineProperty(exports, "FontStyle", { enumerable: true, get: function () { return Text_types_1.FontStyle; } });
+Object.defineProperty(exports, "TextTransform", { enumerable: true, get: function () { return Text_types_1.TextTransform; } });
+Object.defineProperty(exports, "OverflowWrap", { enumerable: true, get: function () { return Text_types_1.OverflowWrap; } });
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":";;;AAAA,mCAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,+CAQsB;AAPpB,yGAAA,WAAW,OAAA;AACX,uGAAA,SAAS,OAAA;AACT,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,uGAAA,SAAS,OAAA;AACT,2GAAA,aAAa,OAAA;AACb,0GAAA,YAAY,OAAA","sourcesContent":["export { Text } from './Text';\nexport {\n  TextVariant,\n  TextColor,\n  TextAlign,\n  FontWeight,\n  FontStyle,\n  TextTransform,\n  OverflowWrap,\n} from './Text.types';\nexport type { TextProps } from './Text.types';\n"]}

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

@@ -0,0 +1,4 @@
+export { Text } from "./Text.cjs";
+export { TextVariant, TextColor, TextAlign, FontWeight, FontStyle, TextTransform, OverflowWrap, } from "./Text.types.cjs";
+export type { TextProps } from "./Text.types.cjs";
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,mBAAe;AAC9B,OAAO,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,GACb,yBAAqB;AACtB,YAAY,EAAE,SAAS,EAAE,yBAAqB"}

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

@@ -0,0 +1,4 @@
+export { Text } from "./Text.mjs";
+export { TextVariant, TextColor, TextAlign, FontWeight, FontStyle, TextTransform, OverflowWrap, } from "./Text.types.mjs";
+export type { TextProps } from "./Text.types.mjs";
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,mBAAe;AAC9B,OAAO,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,GACb,yBAAqB;AACtB,YAAY,EAAE,SAAS,EAAE,yBAAqB"}

package/dist/components/text/index.mjs

@@ -0,0 +1,3 @@
+export { Text } from "./Text.mjs";
+export { TextVariant, TextColor, TextAlign, FontWeight, FontStyle, TextTransform, OverflowWrap } from "./Text.types.mjs";
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,mBAAe;AAC9B,OAAO,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,EACb,yBAAqB","sourcesContent":["export { Text } from './Text';\nexport {\n  TextVariant,\n  TextColor,\n  TextAlign,\n  FontWeight,\n  FontStyle,\n  TextTransform,\n  OverflowWrap,\n} from './Text.types';\nexport type { TextProps } from './Text.types';\n"]}

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/dist/index.cjs

@@ -1,8 +1,18 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = exports.Button = void 0;
-var Button_1 = require("./Button.cjs");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
-var Text_1 = require("./Text.cjs");
-Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
+__exportStar(require("./components/index.cjs"), exports);
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,uCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,mCAA8B;AAArB,4FAAA,IAAI,OAAA","sourcesContent":["export { Button } from './Button';\nexport { Text } from './Text';\n"]}
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yDAA6B","sourcesContent":["export * from './components';\n"]}

package/dist/index.d.cts

@@ -1,3 +1,2 @@
-export { Button } from "./Button.cjs";
-export { Text } from "./Text.cjs";
+export * from "./components/index.cjs";
 //# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,qBAAiB;AAClC,OAAO,EAAE,IAAI,EAAE,mBAAe"}
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,uCAA6B"}

package/dist/index.d.mts

@@ -1,3 +1,2 @@
-export { Button } from "./Button.mjs";
-export { Text } from "./Text.mjs";
+export * from "./components/index.mjs";
 //# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,qBAAiB;AAClC,OAAO,EAAE,IAAI,EAAE,mBAAe"}
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,uCAA6B"}

package/dist/index.mjs

@@ -1,3 +1,2 @@
-export { Button } from "./Button.mjs";
-export { Text } from "./Text.mjs";
+export * from "./components/index.mjs";
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,qBAAiB;AAClC,OAAO,EAAE,IAAI,EAAE,mBAAe","sourcesContent":["export { Button } from './Button';\nexport { Text } from './Text';\n"]}
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,uCAA6B","sourcesContent":["export * from './components';\n"]}

package/dist/types/make-props-optional.cjs

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

package/dist/types/make-props-optional.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-props-optional.cjs","sourceRoot":"","sources":["../../src/types/make-props-optional.ts"],"names":[],"mappings":"","sourcesContent":["export type MakePropsOptional<Props> = {\n  [K in keyof Props]?: Props[K];\n};\n"]}

package/dist/types/make-props-optional.d.cts

@@ -0,0 +1,4 @@
+export type MakePropsOptional<Props> = {
+    [K in keyof Props]?: Props[K];
+};
+//# sourceMappingURL=make-props-optional.d.cts.map

package/dist/types/make-props-optional.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-props-optional.d.cts","sourceRoot":"","sources":["../../src/types/make-props-optional.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,CAAC,KAAK,IAAI;KACpC,CAAC,IAAI,MAAM,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;CAC9B,CAAC"}

package/dist/types/make-props-optional.d.mts

@@ -0,0 +1,4 @@
+export type MakePropsOptional<Props> = {
+    [K in keyof Props]?: Props[K];
+};
+//# sourceMappingURL=make-props-optional.d.mts.map

package/dist/types/make-props-optional.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-props-optional.d.mts","sourceRoot":"","sources":["../../src/types/make-props-optional.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,CAAC,KAAK,IAAI;KACpC,CAAC,IAAI,MAAM,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;CAC9B,CAAC"}

package/dist/types/make-props-optional.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=make-props-optional.mjs.map

package/dist/types/make-props-optional.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-props-optional.mjs","sourceRoot":"","sources":["../../src/types/make-props-optional.ts"],"names":[],"mappings":"","sourcesContent":["export type MakePropsOptional<Props> = {\n  [K in keyof Props]?: Props[K];\n};\n"]}

package/dist/utils/tw-merge.cjs

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.twMerge = void 0;
+const tailwind_merge_1 = require("tailwind-merge");
+const variantClassGroups = [
+    's-display-md',
+    's-heading-lg',
+    's-heading-md',
+    's-heading-sm',
+    's-body-lg',
+    's-body-md',
+    's-body-sm',
+    's-body-xs',
+    'l-display-md',
+    'l-heading-lg',
+    'l-heading-md',
+    'l-heading-sm',
+    'l-body-lg',
+    'l-body-md',
+    'l-body-sm',
+    'l-body-xs',
+];
+/**
+ * Custom Tailwind Merge configuration to handle our design system's typography classes.
+ * This extends the default Tailwind Merge behavior to properly handle conflicts between:
+ * 1. Custom text color classes (text-default, text-alternative, text-muted)
+ * 2. Typography variant classes for font sizes (e.g., s-body-md, l-heading-lg)
+ * 3. Standard and custom font weight classes
+ *
+ * Without this configuration, Tailwind Merge wouldn't know these classes are meant
+ * to override each other, potentially leading to multiple conflicting classes
+ * being applied simultaneously.
+ */
+exports.twMerge = (0, tailwind_merge_1.extendTailwindMerge)({
+    extend: {
+        classGroups: {
+            'text-color': ['text-default', 'text-alternative', 'text-muted'],
+            'font-size': [
+                {
+                    text: variantClassGroups,
+                },
+            ],
+            'font-weight': [
+                // Standard Tailwind font weights
+                'font-thin',
+                'font-extralight',
+                'font-light',
+                'font-normal',
+                'font-medium',
+                'font-semibold',
+                'font-bold',
+                'font-extrabold',
+                'font-black',
+                // Custom typography classes
+                {
+                    font: variantClassGroups,
+                },
+            ],
+        },
+        conflictingClassGroups: {
+            'text-color': ['text-color'],
+            'font-size': ['font-size'],
+            'font-weight': ['font-weight'],
+        },
+    },
+});
+//# sourceMappingURL=tw-merge.cjs.map

package/dist/utils/tw-merge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tw-merge.cjs","sourceRoot":"","sources":["../../src/utils/tw-merge.ts"],"names":[],"mappings":";;;AAAA,mDAAqD;AAErD,MAAM,kBAAkB,GAAG;IACzB,cAAc;IACd,cAAc;IACd,cAAc;IACd,cAAc;IACd,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,cAAc;IACd,cAAc;IACd,cAAc;IACd,cAAc;IACd,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;CACZ,CAAC;AAEF;;;;;;;;;;GAUG;AACU,QAAA,OAAO,GAAG,IAAA,oCAAmB,EAAC;IACzC,MAAM,EAAE;QACN,WAAW,EAAE;YACX,YAAY,EAAE,CAAC,cAAc,EAAE,kBAAkB,EAAE,YAAY,CAAC;YAChE,WAAW,EAAE;gBACX;oBACE,IAAI,EAAE,kBAAkB;iBACzB;aACF;YACD,aAAa,EAAE;gBACb,iCAAiC;gBACjC,WAAW;gBACX,iBAAiB;gBACjB,YAAY;gBACZ,aAAa;gBACb,aAAa;gBACb,eAAe;gBACf,WAAW;gBACX,gBAAgB;gBAChB,YAAY;gBACZ,4BAA4B;gBAC5B;oBACE,IAAI,EAAE,kBAAkB;iBACzB;aACF;SACF;QACD,sBAAsB,EAAE;YACtB,YAAY,EAAE,CAAC,YAAY,CAAC;YAC5B,WAAW,EAAE,CAAC,WAAW,CAAC;YAC1B,aAAa,EAAE,CAAC,aAAa,CAAC;SAC/B;KACF;CACF,CAAC,CAAC","sourcesContent":["import { extendTailwindMerge } from 'tailwind-merge';\n\nconst variantClassGroups = [\n  's-display-md',\n  's-heading-lg',\n  's-heading-md',\n  's-heading-sm',\n  's-body-lg',\n  's-body-md',\n  's-body-sm',\n  's-body-xs',\n  'l-display-md',\n  'l-heading-lg',\n  'l-heading-md',\n  'l-heading-sm',\n  'l-body-lg',\n  'l-body-md',\n  'l-body-sm',\n  'l-body-xs',\n];\n\n/**\n * Custom Tailwind Merge configuration to handle our design system's typography classes.\n * This extends the default Tailwind Merge behavior to properly handle conflicts between:\n * 1. Custom text color classes (text-default, text-alternative, text-muted)\n * 2. Typography variant classes for font sizes (e.g., s-body-md, l-heading-lg)\n * 3. Standard and custom font weight classes\n *\n * Without this configuration, Tailwind Merge wouldn't know these classes are meant\n * to override each other, potentially leading to multiple conflicting classes\n * being applied simultaneously.\n */\nexport const twMerge = extendTailwindMerge({\n  extend: {\n    classGroups: {\n      'text-color': ['text-default', 'text-alternative', 'text-muted'],\n      'font-size': [\n        {\n          text: variantClassGroups,\n        },\n      ],\n      'font-weight': [\n        // Standard Tailwind font weights\n        'font-thin',\n        'font-extralight',\n        'font-light',\n        'font-normal',\n        'font-medium',\n        'font-semibold',\n        'font-bold',\n        'font-extrabold',\n        'font-black',\n        // Custom typography classes\n        {\n          font: variantClassGroups,\n        },\n      ],\n    },\n    conflictingClassGroups: {\n      'text-color': ['text-color'],\n      'font-size': ['font-size'],\n      'font-weight': ['font-weight'],\n    },\n  },\n});\n"]}

package/dist/utils/tw-merge.d.cts

@@ -0,0 +1,13 @@
+/**
+ * Custom Tailwind Merge configuration to handle our design system's typography classes.
+ * This extends the default Tailwind Merge behavior to properly handle conflicts between:
+ * 1. Custom text color classes (text-default, text-alternative, text-muted)
+ * 2. Typography variant classes for font sizes (e.g., s-body-md, l-heading-lg)
+ * 3. Standard and custom font weight classes
+ *
+ * Without this configuration, Tailwind Merge wouldn't know these classes are meant
+ * to override each other, potentially leading to multiple conflicting classes
+ * being applied simultaneously.
+ */
+export declare const twMerge: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
+//# sourceMappingURL=tw-merge.d.cts.map

package/dist/utils/tw-merge.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tw-merge.d.cts","sourceRoot":"","sources":["../../src/utils/tw-merge.ts"],"names":[],"mappings":"AAqBA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,sEAgClB,CAAC"}

package/dist/utils/tw-merge.d.mts

@@ -0,0 +1,13 @@
+/**
+ * Custom Tailwind Merge configuration to handle our design system's typography classes.
+ * This extends the default Tailwind Merge behavior to properly handle conflicts between:
+ * 1. Custom text color classes (text-default, text-alternative, text-muted)
+ * 2. Typography variant classes for font sizes (e.g., s-body-md, l-heading-lg)
+ * 3. Standard and custom font weight classes
+ *
+ * Without this configuration, Tailwind Merge wouldn't know these classes are meant
+ * to override each other, potentially leading to multiple conflicting classes
+ * being applied simultaneously.
+ */
+export declare const twMerge: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
+//# sourceMappingURL=tw-merge.d.mts.map

package/dist/utils/tw-merge.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tw-merge.d.mts","sourceRoot":"","sources":["../../src/utils/tw-merge.ts"],"names":[],"mappings":"AAqBA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,sEAgClB,CAAC"}

package/dist/utils/tw-merge.mjs

@@ -0,0 +1,64 @@
+import { extendTailwindMerge } from "tailwind-merge";
+const variantClassGroups = [
+    's-display-md',
+    's-heading-lg',
+    's-heading-md',
+    's-heading-sm',
+    's-body-lg',
+    's-body-md',
+    's-body-sm',
+    's-body-xs',
+    'l-display-md',
+    'l-heading-lg',
+    'l-heading-md',
+    'l-heading-sm',
+    'l-body-lg',
+    'l-body-md',
+    'l-body-sm',
+    'l-body-xs',
+];
+/**
+ * Custom Tailwind Merge configuration to handle our design system's typography classes.
+ * This extends the default Tailwind Merge behavior to properly handle conflicts between:
+ * 1. Custom text color classes (text-default, text-alternative, text-muted)
+ * 2. Typography variant classes for font sizes (e.g., s-body-md, l-heading-lg)
+ * 3. Standard and custom font weight classes
+ *
+ * Without this configuration, Tailwind Merge wouldn't know these classes are meant
+ * to override each other, potentially leading to multiple conflicting classes
+ * being applied simultaneously.
+ */
+export const twMerge = extendTailwindMerge({
+    extend: {
+        classGroups: {
+            'text-color': ['text-default', 'text-alternative', 'text-muted'],
+            'font-size': [
+                {
+                    text: variantClassGroups,
+                },
+            ],
+            'font-weight': [
+                // Standard Tailwind font weights
+                'font-thin',
+                'font-extralight',
+                'font-light',
+                'font-normal',
+                'font-medium',
+                'font-semibold',
+                'font-bold',
+                'font-extrabold',
+                'font-black',
+                // Custom typography classes
+                {
+                    font: variantClassGroups,
+                },
+            ],
+        },
+        conflictingClassGroups: {
+            'text-color': ['text-color'],
+            'font-size': ['font-size'],
+            'font-weight': ['font-weight'],
+        },
+    },
+});
+//# sourceMappingURL=tw-merge.mjs.map