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

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

@@ -0,0 +1,147 @@
+/// <reference types="react" />
+export type TextProps = {
+    /**
+     * Optional prop for inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Optional prop to change the font size of the component. The Text component uses responsive font sizes.
+     * Different variants map to specific HTML elements by default.
+     * @default TextVariant.BodyMd
+     */
+    variant?: TextVariant;
+    /**
+     * The text content or elements to be rendered within the component.
+     */
+    children: React.ReactNode;
+    /**
+     * Optional prop for additional CSS classes to be applied to the Text component.
+     */
+    className?: string;
+    /**
+     * Optional prop to control the font weight of the text.
+     * - Normal: 400
+     * - Medium: 500
+     * - Bold: 700
+     */
+    fontWeight?: FontWeight;
+    /**
+     * Optional prop to control the font style of the text.
+     * Options: Normal, Italic
+     */
+    fontStyle?: FontStyle;
+    /**
+     * Optional prop to apply text transformation to the content.
+     * Options: Uppercase, Lowercase, Capitalize, Normal
+     */
+    textTransform?: TextTransform;
+    /**
+     * Optional prop to control the text alignment within its container.
+     * Options: Left, Center, Right, Justify
+     */
+    textAlign?: TextAlign;
+    /**
+     * Optional prop to determine how text should wrap when it reaches the edge of its container.
+     * Options: BreakWord, Anywhere, Normal
+     */
+    overflowWrap?: OverflowWrap;
+    /**
+     * Optional prop that when true, adds an ellipsis (...) when text overflows its container.
+     * @default false
+     */
+    ellipsis?: boolean;
+    /**
+     * Optional boolean that determines if the component should merge its props onto its immediate child
+     * instead of rendering a default DOM element.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * Optional prop that sets the color of the text using predefined theme colors.
+     * @default TextColor.TextDefault
+     */
+    color?: TextColor;
+};
+export declare enum TextVariant {
+    DisplayLg = "display-lg",
+    DisplayMd = "display-md",
+    HeadingLg = "heading-lg",
+    HeadingMd = "heading-md",
+    HeadingSm = "heading-sm",
+    BodyLg = "body-lg",
+    BodyMd = "body-md",
+    BodySm = "body-sm",
+    BodyXs = "body-xs"
+}
+export declare enum TextColor {
+    /** For default neutral text. */
+    TextDefault = "text-default",
+    /** For softer contrast neutral text */
+    TextAlternative = "text-alternative",
+    /** For the softest contrast neutral text (not accessible) */
+    TextMuted = "text-muted",
+    /** For elements used on top of overlay/alternative. Used for text, icon or border */
+    OverlayInverse = "text-overlay-inverse",
+    /** For interactive, active, and selected semantics. Used for text, background, icon or border */
+    PrimaryDefault = "text-primary-default",
+    /** For elements used on top of primary/default. Used for text, icon or border */
+    PrimaryInverse = "text-primary-inverse",
+    /** For the critical alert semantic elements. Used for text, background, icon or border */
+    ErrorDefault = "text-error-default",
+    /** For the stronger contrast error semantic elements. */
+    ErrorAlternative = "text-error-alternative",
+    /** For elements used on top of error/default. Used for text, icon or border */
+    ErrorInverse = "text-error-inverse",
+    /** For the positive semantic elements. Used for text, background, icon or border */
+    SuccessDefault = "text-success-default",
+    /** For elements used on top of success/default. Used for text, icon or border */
+    SuccessInverse = "text-success-inverse",
+    /** For the caution alert semantic elements. Used for text, background, icon or border */
+    WarningDefault = "text-warning-default",
+    /** For elements used on top of warning/default. Used for text, icon or border */
+    WarningInverse = "text-warning-inverse",
+    /** For informational read-only elements. Used for text, background, icon or border */
+    InfoDefault = "text-info-default",
+    /** For elements used on top of info/default. Used for text, icon or border */
+    InfoInverse = "text-info-inverse",
+    /** Inherit the color of the parent element */
+    Inherit = "text-inherit",
+    /** Make the text color transparent */
+    Transparent = "text-transparent"
+}
+export declare enum TextAlign {
+    Left = "text-left",
+    Center = "text-center",
+    Right = "text-right",
+    Justify = "text-justify"
+}
+export declare enum FontWeight {
+    /**
+     * Weight - 700
+     */
+    Bold = "font-bold",
+    /**
+     * Weight - 500
+     */
+    Medium = "font-medium",
+    /**
+     * Weight - 400
+     */
+    Normal = "font-normal"
+}
+export declare enum OverflowWrap {
+    BreakWord = "break-words",
+    Anywhere = "break-all",
+    Normal = "break-normal"
+}
+export declare enum FontStyle {
+    Italic = "italic",
+    Normal = "not-italic"
+}
+export declare enum TextTransform {
+    Uppercase = "uppercase",
+    Lowercase = "lowercase",
+    Capitalize = "capitalize",
+    Normal = "normal-case"
+}
+//# sourceMappingURL=Text.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.types.d.cts","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,oBAAY,WAAW;IAErB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,SAAS,eAAe;IACxB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;CACnB;AAED,oBAAY,SAAS;IACnB,gCAAgC;IAChC,WAAW,iBAAiB;IAC5B,uCAAuC;IACvC,eAAe,qBAAqB;IACpC,6DAA6D;IAC7D,SAAS,eAAe;IACxB,qFAAqF;IACrF,cAAc,yBAAyB;IACvC,iGAAiG;IACjG,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,0FAA0F;IAC1F,YAAY,uBAAuB;IACnC,yDAAyD;IACzD,gBAAgB,2BAA2B;IAC3C,+EAA+E;IAC/E,YAAY,uBAAuB;IACnC,oFAAoF;IACpF,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,yFAAyF;IACzF,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,sFAAsF;IACtF,WAAW,sBAAsB;IACjC,8EAA8E;IAC9E,WAAW,sBAAsB;IACjC,8CAA8C;IAC9C,OAAO,iBAAiB;IACxB,sCAAsC;IACtC,WAAW,qBAAqB;CACjC;AAED,oBAAY,SAAS;IACnB,IAAI,cAAc;IAClB,MAAM,gBAAgB;IACtB,KAAK,eAAe;IACpB,OAAO,iBAAiB;CACzB;AAED,oBAAY,UAAU;IACpB;;OAEG;IACH,IAAI,cAAc;IAClB;;OAEG;IACH,MAAM,gBAAgB;IACtB;;OAEG;IACH,MAAM,gBAAgB;CACvB;AAED,oBAAY,YAAY;IACtB,SAAS,gBAAgB;IACzB,QAAQ,cAAc;IACtB,MAAM,iBAAiB;CACxB;AAED,oBAAY,SAAS;IACnB,MAAM,WAAW;IACjB,MAAM,eAAe;CACtB;AAED,oBAAY,aAAa;IACvB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,MAAM,gBAAgB;CACvB"}

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

@@ -0,0 +1,147 @@
+/// <reference types="react" />
+export type TextProps = {
+    /**
+     * Optional prop for inline styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Optional prop to change the font size of the component. The Text component uses responsive font sizes.
+     * Different variants map to specific HTML elements by default.
+     * @default TextVariant.BodyMd
+     */
+    variant?: TextVariant;
+    /**
+     * The text content or elements to be rendered within the component.
+     */
+    children: React.ReactNode;
+    /**
+     * Optional prop for additional CSS classes to be applied to the Text component.
+     */
+    className?: string;
+    /**
+     * Optional prop to control the font weight of the text.
+     * - Normal: 400
+     * - Medium: 500
+     * - Bold: 700
+     */
+    fontWeight?: FontWeight;
+    /**
+     * Optional prop to control the font style of the text.
+     * Options: Normal, Italic
+     */
+    fontStyle?: FontStyle;
+    /**
+     * Optional prop to apply text transformation to the content.
+     * Options: Uppercase, Lowercase, Capitalize, Normal
+     */
+    textTransform?: TextTransform;
+    /**
+     * Optional prop to control the text alignment within its container.
+     * Options: Left, Center, Right, Justify
+     */
+    textAlign?: TextAlign;
+    /**
+     * Optional prop to determine how text should wrap when it reaches the edge of its container.
+     * Options: BreakWord, Anywhere, Normal
+     */
+    overflowWrap?: OverflowWrap;
+    /**
+     * Optional prop that when true, adds an ellipsis (...) when text overflows its container.
+     * @default false
+     */
+    ellipsis?: boolean;
+    /**
+     * Optional boolean that determines if the component should merge its props onto its immediate child
+     * instead of rendering a default DOM element.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * Optional prop that sets the color of the text using predefined theme colors.
+     * @default TextColor.TextDefault
+     */
+    color?: TextColor;
+};
+export declare enum TextVariant {
+    DisplayLg = "display-lg",
+    DisplayMd = "display-md",
+    HeadingLg = "heading-lg",
+    HeadingMd = "heading-md",
+    HeadingSm = "heading-sm",
+    BodyLg = "body-lg",
+    BodyMd = "body-md",
+    BodySm = "body-sm",
+    BodyXs = "body-xs"
+}
+export declare enum TextColor {
+    /** For default neutral text. */
+    TextDefault = "text-default",
+    /** For softer contrast neutral text */
+    TextAlternative = "text-alternative",
+    /** For the softest contrast neutral text (not accessible) */
+    TextMuted = "text-muted",
+    /** For elements used on top of overlay/alternative. Used for text, icon or border */
+    OverlayInverse = "text-overlay-inverse",
+    /** For interactive, active, and selected semantics. Used for text, background, icon or border */
+    PrimaryDefault = "text-primary-default",
+    /** For elements used on top of primary/default. Used for text, icon or border */
+    PrimaryInverse = "text-primary-inverse",
+    /** For the critical alert semantic elements. Used for text, background, icon or border */
+    ErrorDefault = "text-error-default",
+    /** For the stronger contrast error semantic elements. */
+    ErrorAlternative = "text-error-alternative",
+    /** For elements used on top of error/default. Used for text, icon or border */
+    ErrorInverse = "text-error-inverse",
+    /** For the positive semantic elements. Used for text, background, icon or border */
+    SuccessDefault = "text-success-default",
+    /** For elements used on top of success/default. Used for text, icon or border */
+    SuccessInverse = "text-success-inverse",
+    /** For the caution alert semantic elements. Used for text, background, icon or border */
+    WarningDefault = "text-warning-default",
+    /** For elements used on top of warning/default. Used for text, icon or border */
+    WarningInverse = "text-warning-inverse",
+    /** For informational read-only elements. Used for text, background, icon or border */
+    InfoDefault = "text-info-default",
+    /** For elements used on top of info/default. Used for text, icon or border */
+    InfoInverse = "text-info-inverse",
+    /** Inherit the color of the parent element */
+    Inherit = "text-inherit",
+    /** Make the text color transparent */
+    Transparent = "text-transparent"
+}
+export declare enum TextAlign {
+    Left = "text-left",
+    Center = "text-center",
+    Right = "text-right",
+    Justify = "text-justify"
+}
+export declare enum FontWeight {
+    /**
+     * Weight - 700
+     */
+    Bold = "font-bold",
+    /**
+     * Weight - 500
+     */
+    Medium = "font-medium",
+    /**
+     * Weight - 400
+     */
+    Normal = "font-normal"
+}
+export declare enum OverflowWrap {
+    BreakWord = "break-words",
+    Anywhere = "break-all",
+    Normal = "break-normal"
+}
+export declare enum FontStyle {
+    Italic = "italic",
+    Normal = "not-italic"
+}
+export declare enum TextTransform {
+    Uppercase = "uppercase",
+    Lowercase = "lowercase",
+    Capitalize = "capitalize",
+    Normal = "normal-case"
+}
+//# sourceMappingURL=Text.types.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.types.d.mts","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,oBAAY,WAAW;IAErB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,SAAS,eAAe;IACxB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;CACnB;AAED,oBAAY,SAAS;IACnB,gCAAgC;IAChC,WAAW,iBAAiB;IAC5B,uCAAuC;IACvC,eAAe,qBAAqB;IACpC,6DAA6D;IAC7D,SAAS,eAAe;IACxB,qFAAqF;IACrF,cAAc,yBAAyB;IACvC,iGAAiG;IACjG,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,0FAA0F;IAC1F,YAAY,uBAAuB;IACnC,yDAAyD;IACzD,gBAAgB,2BAA2B;IAC3C,+EAA+E;IAC/E,YAAY,uBAAuB;IACnC,oFAAoF;IACpF,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,yFAAyF;IACzF,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,sFAAsF;IACtF,WAAW,sBAAsB;IACjC,8EAA8E;IAC9E,WAAW,sBAAsB;IACjC,8CAA8C;IAC9C,OAAO,iBAAiB;IACxB,sCAAsC;IACtC,WAAW,qBAAqB;CACjC;AAED,oBAAY,SAAS;IACnB,IAAI,cAAc;IAClB,MAAM,gBAAgB;IACtB,KAAK,eAAe;IACpB,OAAO,iBAAiB;CACzB;AAED,oBAAY,UAAU;IACpB;;OAEG;IACH,IAAI,cAAc;IAClB;;OAEG;IACH,MAAM,gBAAgB;IACtB;;OAEG;IACH,MAAM,gBAAgB;CACvB;AAED,oBAAY,YAAY;IACtB,SAAS,gBAAgB;IACzB,QAAQ,cAAc;IACtB,MAAM,iBAAiB;CACxB;AAED,oBAAY,SAAS;IACnB,MAAM,WAAW;IACjB,MAAM,eAAe;CACtB;AAED,oBAAY,aAAa;IACvB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,MAAM,gBAAgB;CACvB"}

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

@@ -0,0 +1,93 @@
+export 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 || (TextVariant = {}));
+export 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 || (TextColor = {}));
+export var TextAlign;
+(function (TextAlign) {
+    TextAlign["Left"] = "text-left";
+    TextAlign["Center"] = "text-center";
+    TextAlign["Right"] = "text-right";
+    TextAlign["Justify"] = "text-justify";
+})(TextAlign || (TextAlign = {}));
+export var FontWeight;
+(function (FontWeight) {
+    /**
+     * Weight - 700
+     */
+    FontWeight["Bold"] = "font-bold";
+    /**
+     * Weight - 500
+     */
+    FontWeight["Medium"] = "font-medium";
+    /**
+     * Weight - 400
+     */
+    FontWeight["Normal"] = "font-normal";
+})(FontWeight || (FontWeight = {}));
+export var OverflowWrap;
+(function (OverflowWrap) {
+    OverflowWrap["BreakWord"] = "break-words";
+    OverflowWrap["Anywhere"] = "break-all";
+    OverflowWrap["Normal"] = "break-normal";
+})(OverflowWrap || (OverflowWrap = {}));
+export var FontStyle;
+(function (FontStyle) {
+    FontStyle["Italic"] = "italic";
+    FontStyle["Normal"] = "not-italic";
+})(FontStyle || (FontStyle = {}));
+export var TextTransform;
+(function (TextTransform) {
+    TextTransform["Uppercase"] = "uppercase";
+    TextTransform["Lowercase"] = "lowercase";
+    TextTransform["Capitalize"] = "capitalize";
+    TextTransform["Normal"] = "normal-case";
+})(TextTransform || (TextTransform = {}));
+//# sourceMappingURL=Text.types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.types.mjs","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":"AAgEA,MAAM,CAAN,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,KAAX,WAAW,QAetB;AAED,MAAM,CAAN,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,KAAT,SAAS,QAmCpB;AAED,MAAM,CAAN,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,+BAAkB,CAAA;IAClB,mCAAsB,CAAA;IACtB,iCAAoB,CAAA;IACpB,qCAAwB,CAAA;AAC1B,CAAC,EALW,SAAS,KAAT,SAAS,QAKpB;AAED,MAAM,CAAN,IAAY,UAaX;AAbD,WAAY,UAAU;IACpB;;OAEG;IACH,gCAAkB,CAAA;IAClB;;OAEG;IACH,oCAAsB,CAAA;IACtB;;OAEG;IACH,oCAAsB,CAAA;AACxB,CAAC,EAbW,UAAU,KAAV,UAAU,QAarB;AAED,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,yCAAyB,CAAA;IACzB,sCAAsB,CAAA;IACtB,uCAAuB,CAAA;AACzB,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;AAED,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;AACvB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAED,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,wCAAuB,CAAA;IACvB,wCAAuB,CAAA;IACvB,0CAAyB,CAAA;IACzB,uCAAsB,CAAA;AACxB,CAAC,EALW,aAAa,KAAb,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"]}

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

@@ -0,0 +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 });
+__exportStar(require("./components/index.cjs"), exports);
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yDAA6B","sourcesContent":["export * from './components';\n"]}

package/dist/index.d.cts

@@ -0,0 +1,2 @@
+export * from "./components/index.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,uCAA6B"}

package/dist/index.d.mts

@@ -0,0 +1,2 @@
+export * from "./components/index.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,uCAA6B"}

package/dist/index.mjs

@@ -0,0 +1,2 @@
+export * from "./components/index.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,uCAA6B","sourcesContent":["export * from './components';\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"}