@metamask-previews/design-system-react 0.0.0-preview.04cb60f

package/CHANGELOG.md

@@ -0,0 +1,10 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+[Unreleased]: https://github.com/MetaMask/metamask-design-system/

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2024 MetaMask
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE

package/README.md

@@ -0,0 +1,15 @@
+# `@metamask/design-system-react`
+
+Design system react ui components
+
+## Installation
+
+`yarn add @metamask/design-system-react`
+
+or
+
+`npm install @metamask/design-system-react`
+
+## Contributing
+
+This package is part of a monorepo. Instructions for contributing can be found in the [monorepo README](https://github.com/MetaMask/metamask-design-system#readme).

package/dist/components/button/Button.cjs

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const react_1 = __importDefault(require("react"));
+const Button = ({ children, ...props }) => (react_1.default.createElement("button", { className: "px-4 h-8 rounded-full bg-primary-default text-primary-inverse", ...props }, children));
+exports.Button = Button;
+//# sourceMappingURL=Button.cjs.map

package/dist/components/button/Button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE,CAAC,CAC7D,0CACE,SAAS,EAAC,+DAA+D,KACrE,KAAK,IAER,QAAQ,CACF,CACV,CAAC;AAPW,QAAA,MAAM,UAOjB","sourcesContent":["import React from 'react';\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Button contents */\n  children: React.ReactNode;\n}\n\nexport const Button = ({ children, ...props }: ButtonProps) => (\n  <button\n    className=\"px-4 h-8 rounded-full bg-primary-default text-primary-inverse\"\n    {...props}\n  >\n    {children}\n  </button>\n);\n"]}

package/dist/components/button/Button.d.cts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Button contents */
+    children: React.ReactNode;
+}
+export declare const Button: ({ children, ...props }: ButtonProps) => React.JSX.Element;
+//# sourceMappingURL=Button.d.cts.map

package/dist/components/button/Button.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.cts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAE1B,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,2BAA4B,WAAW,sBAOzD,CAAC"}

package/dist/components/button/Button.d.mts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Button contents */
+    children: React.ReactNode;
+}
+export declare const Button: ({ children, ...props }: ButtonProps) => React.JSX.Element;
+//# sourceMappingURL=Button.d.mts.map

package/dist/components/button/Button.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.mts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAE1B,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,2BAA4B,WAAW,sBAOzD,CAAC"}

package/dist/components/button/Button.mjs

@@ -0,0 +1,10 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React from "react";
+const React = $importDefault($React);
+export const Button = ({ children, ...props }) => (React.createElement("button", { className: "px-4 h-8 rounded-full bg-primary-default text-primary-inverse", ...props }, children));
+//# sourceMappingURL=Button.mjs.map

package/dist/components/button/Button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.mjs","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAQ1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE,CAAC,CAC7D,gCACE,SAAS,EAAC,+DAA+D,KACrE,KAAK,IAER,QAAQ,CACF,CACV,CAAC","sourcesContent":["import React from 'react';\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Button contents */\n  children: React.ReactNode;\n}\n\nexport const Button = ({ children, ...props }: ButtonProps) => (\n  <button\n    className=\"px-4 h-8 rounded-full bg-primary-default text-primary-inverse\"\n    {...props}\n  >\n    {children}\n  </button>\n);\n"]}

package/dist/components/button/index.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":";;;AAAA,uCAAkC;AAAzB,gGAAA,MAAM,OAAA","sourcesContent":["export { Button } from './Button';\nexport type { ButtonProps } from './Button';\n"]}

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

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

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

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

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

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

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

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

package/dist/components/button/index.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,qBAAiB","sourcesContent":["export { Button } from './Button';\nexport type { ButtonProps } from './Button';\n"]}

package/dist/components/index.cjs

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

package/dist/components/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,yCAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,yCAQgB;AAPd,mGAAA,WAAW,OAAA;AACX,iGAAA,SAAS,OAAA;AACT,iGAAA,SAAS,OAAA;AACT,kGAAA,UAAU,OAAA;AACV,iGAAA,SAAS,OAAA;AACT,qGAAA,aAAa,OAAA;AACb,oGAAA,YAAY,OAAA;AAId,6CAAkC;AAAzB,gGAAA,MAAM,OAAA","sourcesContent":["export { Text } from './text';\nexport {\n  TextVariant,\n  TextColor,\n  TextAlign,\n  FontWeight,\n  FontStyle,\n  TextTransform,\n  OverflowWrap,\n} from './text';\nexport type { TextProps } from './text';\n\nexport { Button } from './button';\nexport type { ButtonProps } from './button';\n"]}

package/dist/components/index.d.cts

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

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

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

package/dist/components/index.d.mts

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

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

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

package/dist/components/index.mjs

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

package/dist/components/index.mjs.map

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

package/dist/components/text/Text.cjs

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+const react_1 = __importDefault(require("react"));
+const react_slot_1 = require("@radix-ui/react-slot");
+const tw_merge_1 = require("../../utils/tw-merge.cjs");
+const Text_types_1 = require("./Text.types.cjs");
+const Text_constants_1 = require("./Text.constants.cjs");
+const Text = ({ variant = Text_types_1.TextVariant.BodyMd, children, className, fontWeight, fontStyle, textTransform, textAlign, overflowWrap, ellipsis, asChild, color = Text_types_1.TextColor.TextDefault, style, }) => {
+    // When asChild is true, use Radix Slot to merge props onto the child component.
+    // Otherwise, render the semantic HTML element mapped to this variant (e.g. h1-h4, p).
+    const Component = asChild ? react_slot_1.Slot : Text_constants_1.TEXT_DEFAULT_TAG_MAP[variant];
+    const mergedClassName = (0, tw_merge_1.twMerge)(color, Text_constants_1.TEXT_CLASS_MAP[variant], fontWeight, fontStyle, textTransform, textAlign, overflowWrap, ellipsis && 'truncate', className);
+    return (react_1.default.createElement(Component, { className: mergedClassName, style: style }, children));
+};
+exports.Text = Text;
+//# sourceMappingURL=Text.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.cjs","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,qDAA4C;AAC5C,uDAA+C;AAC/C,iDAAiE;AACjE,yDAAwE;AAEjE,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,wBAAW,CAAC,MAAM,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,sBAAS,CAAC,WAAW,EAC7B,KAAK,GACN,EAAE,EAAE;IACH,gFAAgF;IAChF,sFAAsF;IACtF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,qCAAoB,CAAC,OAAO,CAAC,CAAC;IAEjE,MAAM,eAAe,GAAG,IAAA,kBAAO,EAC7B,KAAK,EACL,+BAAc,CAAC,OAAO,CAAC,EACvB,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,IAChD,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,IAAI,QAmCf","sourcesContent":["import React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { twMerge } from '../../utils/tw-merge';\nimport { TextVariant, TextProps, TextColor } from './Text.types';\nimport { TEXT_CLASS_MAP, TEXT_DEFAULT_TAG_MAP } from './Text.constants';\n\nexport const Text: React.FC<TextProps> = ({\n  variant = TextVariant.BodyMd,\n  children,\n  className,\n  fontWeight,\n  fontStyle,\n  textTransform,\n  textAlign,\n  overflowWrap,\n  ellipsis,\n  asChild,\n  color = TextColor.TextDefault,\n  style,\n}) => {\n  // When asChild is true, use Radix Slot to merge props onto the child component.\n  // Otherwise, render the semantic HTML element mapped to this variant (e.g. h1-h4, p).\n  const Component = asChild ? Slot : TEXT_DEFAULT_TAG_MAP[variant];\n\n  const mergedClassName = twMerge(\n    color,\n    TEXT_CLASS_MAP[variant],\n    fontWeight,\n    fontStyle,\n    textTransform,\n    textAlign,\n    overflowWrap,\n    ellipsis && 'truncate',\n    className,\n  );\n\n  return (\n    <Component className={mergedClassName} style={style}>\n      {children}\n    </Component>\n  );\n};\n"]}

package/dist/components/text/Text.constants.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TEXT_DEFAULT_TAG_MAP = exports.TEXT_CLASS_MAP = void 0;
+const Text_types_1 = require("./Text.types.cjs");
+exports.TEXT_CLASS_MAP = {
+    [Text_types_1.TextVariant.DisplayLg]: 'text-[2.5rem] md:text-[4rem] font-bold md:font-medium',
+    [Text_types_1.TextVariant.DisplayMd]: 'text-s-display-md font-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:font-medium',
+    [Text_types_1.TextVariant.HeadingLg]: 'text-s-heading-lg font-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg',
+    [Text_types_1.TextVariant.HeadingMd]: 'text-s-heading-md font-s-heading-md leading-s-heading-md tracking-s-heading-md md:text-l-heading-md',
+    [Text_types_1.TextVariant.HeadingSm]: 'text-s-heading-sm font-s-heading-sm leading-s-heading-sm tracking-s-heading-sm md:text-l-heading-sm',
+    [Text_types_1.TextVariant.BodyLg]: 'text-s-body-lg font-s-body-lg leading-s-body-lg tracking-s-body-lg md:text-l-body-lg',
+    [Text_types_1.TextVariant.BodyMd]: 'text-s-body-md font-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md',
+    [Text_types_1.TextVariant.BodySm]: 'text-s-body-sm font-s-body-sm leading-s-body-sm tracking-s-body-sm md:text-l-body-sm',
+    [Text_types_1.TextVariant.BodyXs]: 'text-s-body-xs font-s-body-xs leading-s-body-xs tracking-s-body-xs md:text-l-body-xs',
+};
+exports.TEXT_DEFAULT_TAG_MAP = {
+    [Text_types_1.TextVariant.DisplayLg]: 'h1',
+    [Text_types_1.TextVariant.DisplayMd]: 'h1',
+    [Text_types_1.TextVariant.HeadingLg]: 'h2',
+    [Text_types_1.TextVariant.HeadingMd]: 'h3',
+    [Text_types_1.TextVariant.HeadingSm]: 'h4',
+    [Text_types_1.TextVariant.BodyLg]: 'p',
+    [Text_types_1.TextVariant.BodyMd]: 'p',
+    [Text_types_1.TextVariant.BodySm]: 'p',
+    [Text_types_1.TextVariant.BodyXs]: 'p',
+};
+//# sourceMappingURL=Text.constants.cjs.map

package/dist/components/text/Text.constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.constants.cjs","sourceRoot":"","sources":["../../../src/components/text/Text.constants.ts"],"names":[],"mappings":";;;AAAA,iDAA2C;AAE9B,QAAA,cAAc,GAAgC;IACzD,CAAC,wBAAW,CAAC,SAAS,CAAC,EACrB,uDAAuD;IACzD,CAAC,wBAAW,CAAC,SAAS,CAAC,EACrB,oHAAoH;IACtH,CAAC,wBAAW,CAAC,SAAS,CAAC,EACrB,qGAAqG;IACvG,CAAC,wBAAW,CAAC,SAAS,CAAC,EACrB,qGAAqG;IACvG,CAAC,wBAAW,CAAC,SAAS,CAAC,EACrB,qGAAqG;IACvG,CAAC,wBAAW,CAAC,MAAM,CAAC,EAClB,sFAAsF;IACxF,CAAC,wBAAW,CAAC,MAAM,CAAC,EAClB,sFAAsF;IACxF,CAAC,wBAAW,CAAC,MAAM,CAAC,EAClB,sFAAsF;IACxF,CAAC,wBAAW,CAAC,MAAM,CAAC,EAClB,sFAAsF;CACzF,CAAC;AAEW,QAAA,oBAAoB,GAG7B;IACF,CAAC,wBAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,wBAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,wBAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,wBAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,wBAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,wBAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,wBAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,wBAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,wBAAW,CAAC,MAAM,CAAC,EAAE,GAAG;CAC1B,CAAC","sourcesContent":["import { TextVariant } from './Text.types';\n\nexport const TEXT_CLASS_MAP: Record<TextVariant, string> = {\n  [TextVariant.DisplayLg]:\n    'text-[2.5rem] md:text-[4rem] font-bold md:font-medium',\n  [TextVariant.DisplayMd]:\n    'text-s-display-md font-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:font-medium',\n  [TextVariant.HeadingLg]:\n    'text-s-heading-lg font-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg',\n  [TextVariant.HeadingMd]:\n    'text-s-heading-md font-s-heading-md leading-s-heading-md tracking-s-heading-md md:text-l-heading-md',\n  [TextVariant.HeadingSm]:\n    'text-s-heading-sm font-s-heading-sm leading-s-heading-sm tracking-s-heading-sm md:text-l-heading-sm',\n  [TextVariant.BodyLg]:\n    'text-s-body-lg font-s-body-lg leading-s-body-lg tracking-s-body-lg md:text-l-body-lg',\n  [TextVariant.BodyMd]:\n    'text-s-body-md font-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md',\n  [TextVariant.BodySm]:\n    'text-s-body-sm font-s-body-sm leading-s-body-sm tracking-s-body-sm md:text-l-body-sm',\n  [TextVariant.BodyXs]:\n    'text-s-body-xs font-s-body-xs leading-s-body-xs tracking-s-body-xs md:text-l-body-xs',\n};\n\nexport const TEXT_DEFAULT_TAG_MAP: Record<\n  TextVariant,\n  keyof JSX.IntrinsicElements\n> = {\n  [TextVariant.DisplayLg]: 'h1',\n  [TextVariant.DisplayMd]: 'h1',\n  [TextVariant.HeadingLg]: 'h2',\n  [TextVariant.HeadingMd]: 'h3',\n  [TextVariant.HeadingSm]: 'h4',\n  [TextVariant.BodyLg]: 'p',\n  [TextVariant.BodyMd]: 'p',\n  [TextVariant.BodySm]: 'p',\n  [TextVariant.BodyXs]: 'p',\n};\n"]}

package/dist/components/text/Text.constants.d.cts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TextVariant } from "./Text.types.cjs";
+export declare const TEXT_CLASS_MAP: Record<TextVariant, string>;
+export declare const TEXT_DEFAULT_TAG_MAP: Record<TextVariant, keyof JSX.IntrinsicElements>;
+//# sourceMappingURL=Text.constants.d.cts.map

package/dist/components/text/Text.constants.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.constants.d.cts","sourceRoot":"","sources":["../../../src/components/text/Text.constants.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,yBAAqB;AAE3C,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAmBtD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,WAAW,EACX,MAAM,GAAG,CAAC,iBAAiB,CAW5B,CAAC"}

package/dist/components/text/Text.constants.d.mts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TextVariant } from "./Text.types.mjs";
+export declare const TEXT_CLASS_MAP: Record<TextVariant, string>;
+export declare const TEXT_DEFAULT_TAG_MAP: Record<TextVariant, keyof JSX.IntrinsicElements>;
+//# sourceMappingURL=Text.constants.d.mts.map

package/dist/components/text/Text.constants.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.constants.d.mts","sourceRoot":"","sources":["../../../src/components/text/Text.constants.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,yBAAqB;AAE3C,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAmBtD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,WAAW,EACX,MAAM,GAAG,CAAC,iBAAiB,CAW5B,CAAC"}

package/dist/components/text/Text.constants.mjs

@@ -0,0 +1,24 @@
+import { TextVariant } from "./Text.types.mjs";
+export const TEXT_CLASS_MAP = {
+    [TextVariant.DisplayLg]: 'text-[2.5rem] md:text-[4rem] font-bold md:font-medium',
+    [TextVariant.DisplayMd]: 'text-s-display-md font-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:font-medium',
+    [TextVariant.HeadingLg]: 'text-s-heading-lg font-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg',
+    [TextVariant.HeadingMd]: 'text-s-heading-md font-s-heading-md leading-s-heading-md tracking-s-heading-md md:text-l-heading-md',
+    [TextVariant.HeadingSm]: 'text-s-heading-sm font-s-heading-sm leading-s-heading-sm tracking-s-heading-sm md:text-l-heading-sm',
+    [TextVariant.BodyLg]: 'text-s-body-lg font-s-body-lg leading-s-body-lg tracking-s-body-lg md:text-l-body-lg',
+    [TextVariant.BodyMd]: 'text-s-body-md font-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md',
+    [TextVariant.BodySm]: 'text-s-body-sm font-s-body-sm leading-s-body-sm tracking-s-body-sm md:text-l-body-sm',
+    [TextVariant.BodyXs]: 'text-s-body-xs font-s-body-xs leading-s-body-xs tracking-s-body-xs md:text-l-body-xs',
+};
+export const TEXT_DEFAULT_TAG_MAP = {
+    [TextVariant.DisplayLg]: 'h1',
+    [TextVariant.DisplayMd]: 'h1',
+    [TextVariant.HeadingLg]: 'h2',
+    [TextVariant.HeadingMd]: 'h3',
+    [TextVariant.HeadingSm]: 'h4',
+    [TextVariant.BodyLg]: 'p',
+    [TextVariant.BodyMd]: 'p',
+    [TextVariant.BodySm]: 'p',
+    [TextVariant.BodyXs]: 'p',
+};
+//# sourceMappingURL=Text.constants.mjs.map

package/dist/components/text/Text.constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.constants.mjs","sourceRoot":"","sources":["../../../src/components/text/Text.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,yBAAqB;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAgC;IACzD,CAAC,WAAW,CAAC,SAAS,CAAC,EACrB,uDAAuD;IACzD,CAAC,WAAW,CAAC,SAAS,CAAC,EACrB,oHAAoH;IACtH,CAAC,WAAW,CAAC,SAAS,CAAC,EACrB,qGAAqG;IACvG,CAAC,WAAW,CAAC,SAAS,CAAC,EACrB,qGAAqG;IACvG,CAAC,WAAW,CAAC,SAAS,CAAC,EACrB,qGAAqG;IACvG,CAAC,WAAW,CAAC,MAAM,CAAC,EAClB,sFAAsF;IACxF,CAAC,WAAW,CAAC,MAAM,CAAC,EAClB,sFAAsF;IACxF,CAAC,WAAW,CAAC,MAAM,CAAC,EAClB,sFAAsF;IACxF,CAAC,WAAW,CAAC,MAAM,CAAC,EAClB,sFAAsF;CACzF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAG7B;IACF,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,GAAG;CAC1B,CAAC","sourcesContent":["import { TextVariant } from './Text.types';\n\nexport const TEXT_CLASS_MAP: Record<TextVariant, string> = {\n  [TextVariant.DisplayLg]:\n    'text-[2.5rem] md:text-[4rem] font-bold md:font-medium',\n  [TextVariant.DisplayMd]:\n    'text-s-display-md font-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:font-medium',\n  [TextVariant.HeadingLg]:\n    'text-s-heading-lg font-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg',\n  [TextVariant.HeadingMd]:\n    'text-s-heading-md font-s-heading-md leading-s-heading-md tracking-s-heading-md md:text-l-heading-md',\n  [TextVariant.HeadingSm]:\n    'text-s-heading-sm font-s-heading-sm leading-s-heading-sm tracking-s-heading-sm md:text-l-heading-sm',\n  [TextVariant.BodyLg]:\n    'text-s-body-lg font-s-body-lg leading-s-body-lg tracking-s-body-lg md:text-l-body-lg',\n  [TextVariant.BodyMd]:\n    'text-s-body-md font-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md',\n  [TextVariant.BodySm]:\n    'text-s-body-sm font-s-body-sm leading-s-body-sm tracking-s-body-sm md:text-l-body-sm',\n  [TextVariant.BodyXs]:\n    'text-s-body-xs font-s-body-xs leading-s-body-xs tracking-s-body-xs md:text-l-body-xs',\n};\n\nexport const TEXT_DEFAULT_TAG_MAP: Record<\n  TextVariant,\n  keyof JSX.IntrinsicElements\n> = {\n  [TextVariant.DisplayLg]: 'h1',\n  [TextVariant.DisplayMd]: 'h1',\n  [TextVariant.HeadingLg]: 'h2',\n  [TextVariant.HeadingMd]: 'h3',\n  [TextVariant.HeadingSm]: 'h4',\n  [TextVariant.BodyLg]: 'p',\n  [TextVariant.BodyMd]: 'p',\n  [TextVariant.BodySm]: 'p',\n  [TextVariant.BodyXs]: 'p',\n};\n"]}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { TextProps } from "./Text.types.cjs";
+export declare const Text: React.FC<TextProps>;
+//# sourceMappingURL=Text.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.cts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAG1B,OAAO,EAAe,SAAS,EAAa,yBAAqB;AAGjE,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmCpC,CAAC"}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { TextProps } from "./Text.types.mjs";
+export declare const Text: React.FC<TextProps>;
+//# sourceMappingURL=Text.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.mts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAG1B,OAAO,EAAe,SAAS,EAAa,yBAAqB;AAGjE,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmCpC,CAAC"}

package/dist/components/text/Text.mjs

@@ -0,0 +1,20 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React from "react";
+const React = $importDefault($React);
+import { Slot } from "@radix-ui/react-slot";
+import { twMerge } from "../../utils/tw-merge.mjs";
+import { TextVariant, TextProps, TextColor } from "./Text.types.mjs";
+import { TEXT_CLASS_MAP, TEXT_DEFAULT_TAG_MAP } from "./Text.constants.mjs";
+export const Text = ({ variant = TextVariant.BodyMd, children, className, fontWeight, fontStyle, textTransform, textAlign, overflowWrap, ellipsis, asChild, color = TextColor.TextDefault, style, }) => {
+    // When asChild is true, use Radix Slot to merge props onto the child component.
+    // Otherwise, render the semantic HTML element mapped to this variant (e.g. h1-h4, p).
+    const Component = asChild ? Slot : TEXT_DEFAULT_TAG_MAP[variant];
+    const mergedClassName = twMerge(color, TEXT_CLASS_MAP[variant], fontWeight, fontStyle, textTransform, textAlign, overflowWrap, ellipsis && 'truncate', className);
+    return (React.createElement(Component, { className: mergedClassName, style: style }, children));
+};
+//# sourceMappingURL=Text.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.mjs","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,6BAA6B;AAC5C,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,yBAAqB;AACjE,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,6BAAyB;AAExE,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,KAAK,GACN,EAAE,EAAE;IACH,gFAAgF;IAChF,sFAAsF;IACtF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAEjE,MAAM,eAAe,GAAG,OAAO,CAC7B,KAAK,EACL,cAAc,CAAC,OAAO,CAAC,EACvB,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,IAChD,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { twMerge } from '../../utils/tw-merge';\nimport { TextVariant, TextProps, TextColor } from './Text.types';\nimport { TEXT_CLASS_MAP, TEXT_DEFAULT_TAG_MAP } from './Text.constants';\n\nexport const Text: React.FC<TextProps> = ({\n  variant = TextVariant.BodyMd,\n  children,\n  className,\n  fontWeight,\n  fontStyle,\n  textTransform,\n  textAlign,\n  overflowWrap,\n  ellipsis,\n  asChild,\n  color = TextColor.TextDefault,\n  style,\n}) => {\n  // When asChild is true, use Radix Slot to merge props onto the child component.\n  // Otherwise, render the semantic HTML element mapped to this variant (e.g. h1-h4, p).\n  const Component = asChild ? Slot : TEXT_DEFAULT_TAG_MAP[variant];\n\n  const mergedClassName = twMerge(\n    color,\n    TEXT_CLASS_MAP[variant],\n    fontWeight,\n    fontStyle,\n    textTransform,\n    textAlign,\n    overflowWrap,\n    ellipsis && 'truncate',\n    className,\n  );\n\n  return (\n    <Component className={mergedClassName} style={style}>\n      {children}\n    </Component>\n  );\n};\n"]}

package/dist/components/text/Text.types.cjs

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextTransform = exports.FontStyle = exports.OverflowWrap = exports.FontWeight = exports.TextAlign = exports.TextColor = exports.TextVariant = void 0;
+var TextVariant;
+(function (TextVariant) {
+    // Display Sizes
+    TextVariant["DisplayLg"] = "display-lg";
+    TextVariant["DisplayMd"] = "display-md";
+    // Heading Sizes
+    TextVariant["HeadingLg"] = "heading-lg";
+    TextVariant["HeadingMd"] = "heading-md";
+    TextVariant["HeadingSm"] = "heading-sm";
+    // Font Sizes
+    TextVariant["BodyLg"] = "body-lg";
+    TextVariant["BodyMd"] = "body-md";
+    TextVariant["BodySm"] = "body-sm";
+    TextVariant["BodyXs"] = "body-xs";
+})(TextVariant || (exports.TextVariant = TextVariant = {}));
+var TextColor;
+(function (TextColor) {
+    /** For default neutral text. */
+    TextColor["TextDefault"] = "text-default";
+    /** For softer contrast neutral text */
+    TextColor["TextAlternative"] = "text-alternative";
+    /** For the softest contrast neutral text (not accessible) */
+    TextColor["TextMuted"] = "text-muted";
+    /** For elements used on top of overlay/alternative. Used for text, icon or border */
+    TextColor["OverlayInverse"] = "text-overlay-inverse";
+    /** For interactive, active, and selected semantics. Used for text, background, icon or border */
+    TextColor["PrimaryDefault"] = "text-primary-default";
+    /** For elements used on top of primary/default. Used for text, icon or border */
+    TextColor["PrimaryInverse"] = "text-primary-inverse";
+    /** For the critical alert semantic elements. Used for text, background, icon or border */
+    TextColor["ErrorDefault"] = "text-error-default";
+    /** For the stronger contrast error semantic elements. */
+    TextColor["ErrorAlternative"] = "text-error-alternative";
+    /** For elements used on top of error/default. Used for text, icon or border */
+    TextColor["ErrorInverse"] = "text-error-inverse";
+    /** For the positive semantic elements. Used for text, background, icon or border */
+    TextColor["SuccessDefault"] = "text-success-default";
+    /** For elements used on top of success/default. Used for text, icon or border */
+    TextColor["SuccessInverse"] = "text-success-inverse";
+    /** For the caution alert semantic elements. Used for text, background, icon or border */
+    TextColor["WarningDefault"] = "text-warning-default";
+    /** For elements used on top of warning/default. Used for text, icon or border */
+    TextColor["WarningInverse"] = "text-warning-inverse";
+    /** For informational read-only elements. Used for text, background, icon or border */
+    TextColor["InfoDefault"] = "text-info-default";
+    /** For elements used on top of info/default. Used for text, icon or border */
+    TextColor["InfoInverse"] = "text-info-inverse";
+    /** Inherit the color of the parent element */
+    TextColor["Inherit"] = "text-inherit";
+    /** Make the text color transparent */
+    TextColor["Transparent"] = "text-transparent";
+})(TextColor || (exports.TextColor = TextColor = {}));
+var TextAlign;
+(function (TextAlign) {
+    TextAlign["Left"] = "text-left";
+    TextAlign["Center"] = "text-center";
+    TextAlign["Right"] = "text-right";
+    TextAlign["Justify"] = "text-justify";
+})(TextAlign || (exports.TextAlign = TextAlign = {}));
+var FontWeight;
+(function (FontWeight) {
+    /**
+     * Weight - 700
+     */
+    FontWeight["Bold"] = "font-bold";
+    /**
+     * Weight - 500
+     */
+    FontWeight["Medium"] = "font-medium";
+    /**
+     * Weight - 400
+     */
+    FontWeight["Normal"] = "font-normal";
+})(FontWeight || (exports.FontWeight = FontWeight = {}));
+var OverflowWrap;
+(function (OverflowWrap) {
+    OverflowWrap["BreakWord"] = "break-words";
+    OverflowWrap["Anywhere"] = "break-all";
+    OverflowWrap["Normal"] = "break-normal";
+})(OverflowWrap || (exports.OverflowWrap = OverflowWrap = {}));
+var FontStyle;
+(function (FontStyle) {
+    FontStyle["Italic"] = "italic";
+    FontStyle["Normal"] = "not-italic";
+})(FontStyle || (exports.FontStyle = FontStyle = {}));
+var TextTransform;
+(function (TextTransform) {
+    TextTransform["Uppercase"] = "uppercase";
+    TextTransform["Lowercase"] = "lowercase";
+    TextTransform["Capitalize"] = "capitalize";
+    TextTransform["Normal"] = "normal-case";
+})(TextTransform || (exports.TextTransform = TextTransform = {}));
+//# sourceMappingURL=Text.types.cjs.map

package/dist/components/text/Text.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":";;;AAgEA,IAAY,WAeX;AAfD,WAAY,WAAW;IACrB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,aAAa;IACb,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;AACpB,CAAC,EAfW,WAAW,2BAAX,WAAW,QAetB;AAED,IAAY,SAmCX;AAnCD,WAAY,SAAS;IACnB,gCAAgC;IAChC,yCAA4B,CAAA;IAC5B,uCAAuC;IACvC,iDAAoC,CAAA;IACpC,6DAA6D;IAC7D,qCAAwB,CAAA;IACxB,qFAAqF;IACrF,oDAAuC,CAAA;IACvC,iGAAiG;IACjG,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,0FAA0F;IAC1F,gDAAmC,CAAA;IACnC,yDAAyD;IACzD,wDAA2C,CAAA;IAC3C,+EAA+E;IAC/E,gDAAmC,CAAA;IACnC,oFAAoF;IACpF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,yFAAyF;IACzF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,sFAAsF;IACtF,8CAAiC,CAAA;IACjC,8EAA8E;IAC9E,8CAAiC,CAAA;IACjC,8CAA8C;IAC9C,qCAAwB,CAAA;IACxB,sCAAsC;IACtC,6CAAgC,CAAA;AAClC,CAAC,EAnCW,SAAS,yBAAT,SAAS,QAmCpB;AAED,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,+BAAkB,CAAA;IAClB,mCAAsB,CAAA;IACtB,iCAAoB,CAAA;IACpB,qCAAwB,CAAA;AAC1B,CAAC,EALW,SAAS,yBAAT,SAAS,QAKpB;AAED,IAAY,UAaX;AAbD,WAAY,UAAU;IACpB;;OAEG;IACH,gCAAkB,CAAA;IAClB;;OAEG;IACH,oCAAsB,CAAA;IACtB;;OAEG;IACH,oCAAsB,CAAA;AACxB,CAAC,EAbW,UAAU,0BAAV,UAAU,QAarB;AAED,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,yCAAyB,CAAA;IACzB,sCAAsB,CAAA;IACtB,uCAAuB,CAAA;AACzB,CAAC,EAJW,YAAY,4BAAZ,YAAY,QAIvB;AAED,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;AACvB,CAAC,EAHW,SAAS,yBAAT,SAAS,QAGpB;AAED,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,wCAAuB,CAAA;IACvB,wCAAuB,CAAA;IACvB,0CAAyB,CAAA;IACzB,uCAAsB,CAAA;AACxB,CAAC,EALW,aAAa,6BAAb,aAAa,QAKxB","sourcesContent":["export type TextProps = {\n  /**\n   * Optional prop for inline styles\n   */\n  style?: React.CSSProperties;\n  /**\n   * Optional prop to change the font size of the component. The Text component uses responsive font sizes.\n   * Different variants map to specific HTML elements by default.\n   * @default TextVariant.BodyMd\n   */\n  variant?: TextVariant;\n  /**\n   * The text content or elements to be rendered within the component.\n   */\n  children: React.ReactNode;\n  /**\n   * Optional prop for additional CSS classes to be applied to the Text component.\n   */\n  className?: string;\n  /**\n   * Optional prop to control the font weight of the text.\n   * - Normal: 400\n   * - Medium: 500\n   * - Bold: 700\n   */\n  fontWeight?: FontWeight;\n  /**\n   * Optional prop to control the font style of the text.\n   * Options: Normal, Italic\n   */\n  fontStyle?: FontStyle;\n  /**\n   * Optional prop to apply text transformation to the content.\n   * Options: Uppercase, Lowercase, Capitalize, Normal\n   */\n  textTransform?: TextTransform;\n  /**\n   * Optional prop to control the text alignment within its container.\n   * Options: Left, Center, Right, Justify\n   */\n  textAlign?: TextAlign;\n  /**\n   * Optional prop to determine how text should wrap when it reaches the edge of its container.\n   * Options: BreakWord, Anywhere, Normal\n   */\n  overflowWrap?: OverflowWrap;\n  /**\n   * Optional prop that when true, adds an ellipsis (...) when text overflows its container.\n   * @default false\n   */\n  ellipsis?: boolean;\n  /**\n   * Optional boolean that determines if the component should merge its props onto its immediate child\n   * instead of rendering a default DOM element.\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Optional prop that sets the color of the text using predefined theme colors.\n   * @default TextColor.TextDefault\n   */\n  color?: TextColor;\n};\n\nexport enum TextVariant {\n  // Display Sizes\n  DisplayLg = 'display-lg',\n  DisplayMd = 'display-md',\n\n  // Heading Sizes\n  HeadingLg = 'heading-lg',\n  HeadingMd = 'heading-md',\n  HeadingSm = 'heading-sm',\n\n  // Font Sizes\n  BodyLg = 'body-lg',\n  BodyMd = 'body-md',\n  BodySm = 'body-sm',\n  BodyXs = 'body-xs',\n}\n\nexport enum TextColor {\n  /** For default neutral text. */\n  TextDefault = 'text-default',\n  /** For softer contrast neutral text */\n  TextAlternative = 'text-alternative',\n  /** For the softest contrast neutral text (not accessible) */\n  TextMuted = 'text-muted',\n  /** For elements used on top of overlay/alternative. Used for text, icon or border */\n  OverlayInverse = 'text-overlay-inverse',\n  /** For interactive, active, and selected semantics. Used for text, background, icon or border */\n  PrimaryDefault = 'text-primary-default',\n  /** For elements used on top of primary/default. Used for text, icon or border */\n  PrimaryInverse = 'text-primary-inverse',\n  /** For the critical alert semantic elements. Used for text, background, icon or border */\n  ErrorDefault = 'text-error-default',\n  /** For the stronger contrast error semantic elements. */\n  ErrorAlternative = 'text-error-alternative',\n  /** For elements used on top of error/default. Used for text, icon or border */\n  ErrorInverse = 'text-error-inverse',\n  /** For the positive semantic elements. Used for text, background, icon or border */\n  SuccessDefault = 'text-success-default',\n  /** For elements used on top of success/default. Used for text, icon or border */\n  SuccessInverse = 'text-success-inverse',\n  /** For the caution alert semantic elements. Used for text, background, icon or border */\n  WarningDefault = 'text-warning-default',\n  /** For elements used on top of warning/default. Used for text, icon or border */\n  WarningInverse = 'text-warning-inverse',\n  /** For informational read-only elements. Used for text, background, icon or border */\n  InfoDefault = 'text-info-default',\n  /** For elements used on top of info/default. Used for text, icon or border */\n  InfoInverse = 'text-info-inverse',\n  /** Inherit the color of the parent element */\n  Inherit = 'text-inherit',\n  /** Make the text color transparent */\n  Transparent = 'text-transparent',\n}\n\nexport enum TextAlign {\n  Left = 'text-left',\n  Center = 'text-center',\n  Right = 'text-right',\n  Justify = 'text-justify',\n}\n\nexport enum FontWeight {\n  /**\n   * Weight - 700\n   */\n  Bold = 'font-bold',\n  /**\n   * Weight - 500\n   */\n  Medium = 'font-medium',\n  /**\n   * Weight - 400\n   */\n  Normal = 'font-normal',\n}\n\nexport enum OverflowWrap {\n  BreakWord = 'break-words',\n  Anywhere = 'break-all',\n  Normal = 'break-normal',\n}\n\nexport enum FontStyle {\n  Italic = 'italic',\n  Normal = 'not-italic',\n}\n\nexport enum TextTransform {\n  Uppercase = 'uppercase',\n  Lowercase = 'lowercase',\n  Capitalize = 'capitalize',\n  Normal = 'normal-case',\n}\n"]}