@metamask-previews/design-system-react 0.20.0-preview.f515a62 → 0.23.1-preview.047f96c

package/dist/components/Skeleton/Skeleton.cjs

@@ -0,0 +1,46 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = void 0;
+const react_1 = __importStar(require("react"));
+const tw_merge_1 = require("../../utils/tw-merge.cjs");
+exports.Skeleton = (0, react_1.forwardRef)(({ height, width, children, hideChildren = false, className, style, ...props }, ref) => {
+    const hasChildren = children !== null && children !== undefined;
+    // Pass-through case (matches RN `BottomSheet` Skeleton): when children
+    // are provided and we're not asked to hide them, render the children
+    // directly without any skeleton overlay or animation.
+    if (!hideChildren && hasChildren) {
+        return react_1.default.createElement(react_1.default.Fragment, null, children);
+    }
+    return (react_1.default.createElement("div", { ref: ref, "aria-hidden": "true", className: (0, tw_merge_1.twMerge)('relative overflow-hidden rounded', className), style: { height, width, ...style }, ...props },
+        react_1.default.createElement("div", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 rounded bg-icon-alternative motion-safe:animate-skeleton-pulse" }),
+        hasChildren && (react_1.default.createElement("div", { "aria-hidden": "true", 
+            // Children render invisibly so the skeleton container takes its
+            // natural layout dimensions. They're hidden from assistive tech
+            // (the wrapping skeleton is already `aria-hidden`).
+            className: "pointer-events-none invisible relative z-10" }, children))));
+});
+exports.Skeleton.displayName = 'Skeleton';
+//# sourceMappingURL=Skeleton.cjs.map

package/dist/components/Skeleton/Skeleton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.cjs","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,uDAA+C;AAIlC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CACE,EACE,MAAM,EACN,KAAK,EACL,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,WAAW,GAAG,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,CAAC;IAEhE,uEAAuE;IACvE,qEAAqE;IACrE,sDAAsD;IACtD,IAAI,CAAC,YAAY,IAAI,WAAW,EAAE;QAChC,OAAO,8DAAG,QAAQ,CAAI,CAAC;KACxB;IAED,OAAO,CACL,uCACE,GAAG,EAAE,GAAG,iBACI,MAAM,EAClB,SAAS,EAAE,IAAA,kBAAO,EAAC,kCAAkC,EAAE,SAAS,CAAC,EACjE,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,KAC9B,KAAK;QAET,sDACc,MAAM,EAClB,SAAS,EAAC,qGAAqG,GAC/G;QACD,WAAW,IAAI,CACd,sDACc,MAAM;YAClB,gEAAgE;YAChE,gEAAgE;YAChE,oDAAoD;YACpD,SAAS,EAAC,6CAA6C,IAEtD,QAAQ,CACL,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\n\nimport type { SkeletonProps } from './Skeleton.types';\n\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\n  (\n    {\n      height,\n      width,\n      children,\n      hideChildren = false,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const hasChildren = children !== null && children !== undefined;\n\n    // Pass-through case (matches RN `BottomSheet` Skeleton): when children\n    // are provided and we're not asked to hide them, render the children\n    // directly without any skeleton overlay or animation.\n    if (!hideChildren && hasChildren) {\n      return <>{children}</>;\n    }\n\n    return (\n      <div\n        ref={ref}\n        aria-hidden=\"true\"\n        className={twMerge('relative overflow-hidden rounded', className)}\n        style={{ height, width, ...style }}\n        {...props}\n      >\n        <div\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute inset-0 rounded bg-icon-alternative motion-safe:animate-skeleton-pulse\"\n        />\n        {hasChildren && (\n          <div\n            aria-hidden=\"true\"\n            // Children render invisibly so the skeleton container takes its\n            // natural layout dimensions. They're hidden from assistive tech\n            // (the wrapping skeleton is already `aria-hidden`).\n            className=\"pointer-events-none invisible relative z-10\"\n          >\n            {children}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nSkeleton.displayName = 'Skeleton';\n"]}

package/dist/components/Skeleton/Skeleton.d.cts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.cts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,cAAc;AAI1C,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ,mGAgDpB,CAAC"}

package/dist/components/Skeleton/Skeleton.d.mts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.mts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,cAAc;AAI1C,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ,mGAgDpB,CAAC"}

package/dist/components/Skeleton/Skeleton.mjs

@@ -0,0 +1,27 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React, { forwardRef } from "react";
+const React = $importDefault($React);
+import { twMerge } from "../../utils/tw-merge.mjs";
+export const Skeleton = forwardRef(({ height, width, children, hideChildren = false, className, style, ...props }, ref) => {
+    const hasChildren = children !== null && children !== undefined;
+    // Pass-through case (matches RN `BottomSheet` Skeleton): when children
+    // are provided and we're not asked to hide them, render the children
+    // directly without any skeleton overlay or animation.
+    if (!hideChildren && hasChildren) {
+        return React.createElement(React.Fragment, null, children);
+    }
+    return (React.createElement("div", { ref: ref, "aria-hidden": "true", className: twMerge('relative overflow-hidden rounded', className), style: { height, width, ...style }, ...props },
+        React.createElement("div", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 rounded bg-icon-alternative motion-safe:animate-skeleton-pulse" }),
+        hasChildren && (React.createElement("div", { "aria-hidden": "true", 
+            // Children render invisibly so the skeleton container takes its
+            // natural layout dimensions. They're hidden from assistive tech
+            // (the wrapping skeleton is already `aria-hidden`).
+            className: "pointer-events-none invisible relative z-10" }, children))));
+});
+Skeleton.displayName = 'Skeleton';
+//# sourceMappingURL=Skeleton.mjs.map

package/dist/components/Skeleton/Skeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.mjs","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,UAAU,EAAE,cAAc;;AAE1C,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAI/C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EACE,MAAM,EACN,KAAK,EACL,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,WAAW,GAAG,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,CAAC;IAEhE,uEAAuE;IACvE,qEAAqE;IACrE,sDAAsD;IACtD,IAAI,CAAC,YAAY,IAAI,WAAW,EAAE;QAChC,OAAO,0CAAG,QAAQ,CAAI,CAAC;KACxB;IAED,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,iBACI,MAAM,EAClB,SAAS,EAAE,OAAO,CAAC,kCAAkC,EAAE,SAAS,CAAC,EACjE,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,KAC9B,KAAK;QAET,4CACc,MAAM,EAClB,SAAS,EAAC,qGAAqG,GAC/G;QACD,WAAW,IAAI,CACd,4CACc,MAAM;YAClB,gEAAgE;YAChE,gEAAgE;YAChE,oDAAoD;YACpD,SAAS,EAAC,6CAA6C,IAEtD,QAAQ,CACL,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\n\nimport type { SkeletonProps } from './Skeleton.types';\n\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\n  (\n    {\n      height,\n      width,\n      children,\n      hideChildren = false,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const hasChildren = children !== null && children !== undefined;\n\n    // Pass-through case (matches RN `BottomSheet` Skeleton): when children\n    // are provided and we're not asked to hide them, render the children\n    // directly without any skeleton overlay or animation.\n    if (!hideChildren && hasChildren) {\n      return <>{children}</>;\n    }\n\n    return (\n      <div\n        ref={ref}\n        aria-hidden=\"true\"\n        className={twMerge('relative overflow-hidden rounded', className)}\n        style={{ height, width, ...style }}\n        {...props}\n      >\n        <div\n          aria-hidden=\"true\"\n          className=\"pointer-events-none absolute inset-0 rounded bg-icon-alternative motion-safe:animate-skeleton-pulse\"\n        />\n        {hasChildren && (\n          <div\n            aria-hidden=\"true\"\n            // Children render invisibly so the skeleton container takes its\n            // natural layout dimensions. They're hidden from assistive tech\n            // (the wrapping skeleton is already `aria-hidden`).\n            className=\"pointer-events-none invisible relative z-10\"\n          >\n            {children}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nSkeleton.displayName = 'Skeleton';\n"]}

package/dist/components/Skeleton/Skeleton.types.cjs

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

package/dist/components/Skeleton/Skeleton.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.types.cjs","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nexport type SkeletonProps = Omit<\n  ComponentProps<'div'>,\n  'children' | 'height' | 'width'\n> & {\n  /**\n   * Optional height of the skeleton container. Numbers are interpreted as px;\n   * strings can use any CSS length (`'2rem'`, `'100px'`, etc.).\n   */\n  height?: number | string;\n  /**\n   * Optional width of the skeleton container. Numbers are interpreted as px;\n   * strings can use any CSS length.\n   */\n  width?: number | string;\n  /**\n   * Optional content to display within the skeleton.\n   *\n   * - When provided **without** `hideChildren`, children are rendered\n   *   directly and the skeleton is not shown (the component is a no-op).\n   * - When provided **with** `hideChildren`, children are rendered invisibly\n   *   to preserve layout dimensions while the animated skeleton bar fills\n   *   the container.\n   */\n  children?: ReactNode;\n  /**\n   * When `true`, children are rendered invisibly while the skeleton\n   * animation plays, preserving layout dimensions. When `false` (the\n   * default) and `children` are provided, children render directly with no\n   * skeleton overlay.\n   *\n   * @default false\n   */\n  hideChildren?: boolean;\n  /**\n   * Optional prop for additional CSS classes to be applied to the skeleton\n   * container. Merged with the component's defaults via `twMerge`.\n   */\n  className?: string;\n};\n"]}

package/dist/components/Skeleton/Skeleton.types.d.cts

@@ -0,0 +1,38 @@
+import type { ComponentProps, ReactNode } from "react";
+export type SkeletonProps = Omit<ComponentProps<'div'>, 'children' | 'height' | 'width'> & {
+    /**
+     * Optional height of the skeleton container. Numbers are interpreted as px;
+     * strings can use any CSS length (`'2rem'`, `'100px'`, etc.).
+     */
+    height?: number | string;
+    /**
+     * Optional width of the skeleton container. Numbers are interpreted as px;
+     * strings can use any CSS length.
+     */
+    width?: number | string;
+    /**
+     * Optional content to display within the skeleton.
+     *
+     * - When provided **without** `hideChildren`, children are rendered
+     *   directly and the skeleton is not shown (the component is a no-op).
+     * - When provided **with** `hideChildren`, children are rendered invisibly
+     *   to preserve layout dimensions while the animated skeleton bar fills
+     *   the container.
+     */
+    children?: ReactNode;
+    /**
+     * When `true`, children are rendered invisibly while the skeleton
+     * animation plays, preserving layout dimensions. When `false` (the
+     * default) and `children` are provided, children render directly with no
+     * skeleton overlay.
+     *
+     * @default false
+     */
+    hideChildren?: boolean;
+    /**
+     * Optional prop for additional CSS classes to be applied to the skeleton
+     * container. Merged with the component's defaults via `twMerge`.
+     */
+    className?: string;
+};
+//# sourceMappingURL=Skeleton.types.d.cts.map

package/dist/components/Skeleton/Skeleton.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.types.d.cts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc;AAEvD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,GAAG,QAAQ,GAAG,OAAO,CAChC,GAAG;IACF;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/components/Skeleton/Skeleton.types.d.mts

@@ -0,0 +1,38 @@
+import type { ComponentProps, ReactNode } from "react";
+export type SkeletonProps = Omit<ComponentProps<'div'>, 'children' | 'height' | 'width'> & {
+    /**
+     * Optional height of the skeleton container. Numbers are interpreted as px;
+     * strings can use any CSS length (`'2rem'`, `'100px'`, etc.).
+     */
+    height?: number | string;
+    /**
+     * Optional width of the skeleton container. Numbers are interpreted as px;
+     * strings can use any CSS length.
+     */
+    width?: number | string;
+    /**
+     * Optional content to display within the skeleton.
+     *
+     * - When provided **without** `hideChildren`, children are rendered
+     *   directly and the skeleton is not shown (the component is a no-op).
+     * - When provided **with** `hideChildren`, children are rendered invisibly
+     *   to preserve layout dimensions while the animated skeleton bar fills
+     *   the container.
+     */
+    children?: ReactNode;
+    /**
+     * When `true`, children are rendered invisibly while the skeleton
+     * animation plays, preserving layout dimensions. When `false` (the
+     * default) and `children` are provided, children render directly with no
+     * skeleton overlay.
+     *
+     * @default false
+     */
+    hideChildren?: boolean;
+    /**
+     * Optional prop for additional CSS classes to be applied to the skeleton
+     * container. Merged with the component's defaults via `twMerge`.
+     */
+    className?: string;
+};
+//# sourceMappingURL=Skeleton.types.d.mts.map

package/dist/components/Skeleton/Skeleton.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.types.d.mts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc;AAEvD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,cAAc,CAAC,KAAK,CAAC,EACrB,UAAU,GAAG,QAAQ,GAAG,OAAO,CAChC,GAAG;IACF;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/components/Skeleton/Skeleton.types.mjs

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

package/dist/components/Skeleton/Skeleton.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.types.mjs","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nexport type SkeletonProps = Omit<\n  ComponentProps<'div'>,\n  'children' | 'height' | 'width'\n> & {\n  /**\n   * Optional height of the skeleton container. Numbers are interpreted as px;\n   * strings can use any CSS length (`'2rem'`, `'100px'`, etc.).\n   */\n  height?: number | string;\n  /**\n   * Optional width of the skeleton container. Numbers are interpreted as px;\n   * strings can use any CSS length.\n   */\n  width?: number | string;\n  /**\n   * Optional content to display within the skeleton.\n   *\n   * - When provided **without** `hideChildren`, children are rendered\n   *   directly and the skeleton is not shown (the component is a no-op).\n   * - When provided **with** `hideChildren`, children are rendered invisibly\n   *   to preserve layout dimensions while the animated skeleton bar fills\n   *   the container.\n   */\n  children?: ReactNode;\n  /**\n   * When `true`, children are rendered invisibly while the skeleton\n   * animation plays, preserving layout dimensions. When `false` (the\n   * default) and `children` are provided, children render directly with no\n   * skeleton overlay.\n   *\n   * @default false\n   */\n  hideChildren?: boolean;\n  /**\n   * Optional prop for additional CSS classes to be applied to the skeleton\n   * container. Merged with the component's defaults via `twMerge`.\n   */\n  className?: string;\n};\n"]}

package/dist/components/Skeleton/index.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":";;;AAAA,2CAAsC;AAA7B,oGAAA,QAAQ,OAAA","sourcesContent":["export { Skeleton } from './Skeleton';\nexport type { SkeletonProps } from './Skeleton.types';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,uBAAmB;AACtC,YAAY,EAAE,aAAa,EAAE,6BAAyB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,uBAAmB;AACtC,YAAY,EAAE,aAAa,EAAE,6BAAyB"}

package/dist/components/Skeleton/index.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,uBAAmB","sourcesContent":["export { Skeleton } from './Skeleton';\nexport type { SkeletonProps } from './Skeleton.types';\n"]}

package/dist/components/Text/Text.cjs

@@ -12,7 +12,9 @@ const Text_constants_1 = require("./Text.constants.cjs");
 const Text = ({ variant = design_system_shared_1.TextVariant.BodyMd, children, className, fontWeight, fontFamily = design_system_shared_1.FontFamily.Default, fontStyle, textTransform, textAlign, overflowWrap, ellipsis, asChild, color = design_system_shared_1.TextColor.TextDefault, style, ...props }) => {
     // 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.MAP_TEXT_VARIANT_TAG[variant];
+    const Component = asChild
+        ? react_slot_1.Slot
+        : Text_constants_1.MAP_TEXT_VARIANT_TAG[variant];
     const mergedClassName = `${(0, tw_merge_1.twMerge)(color, Text_constants_1.TWCLASSMAP_TEXT_VARIANT_FONTSTYLE[variant], fontWeight
         ? Text_constants_1.TWCLASSMAP_TEXT_FONTWEIGHT[fontWeight]
         : Text_constants_1.TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT[variant], fontStyle ? Text_constants_1.TWCLASSMAP_TEXT_FONTSTYLE[fontStyle] : undefined, Text_constants_1.TWCLASSMAP_TEXT_FONTFAMILY[fontFamily], textTransform, textAlign, overflowWrap, ellipsis && 'truncate', className)}`;

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

@@ -1 +1 @@
-{"version":3,"file":"Text.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,kFAIiD;AACjD,qDAA4C;AAC5C,kDAA0B;AAE1B,uDAA+C;AAE/C,yDAO0B;AAGnB,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,kCAAW,CAAC,MAAM,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GAAG,iCAAU,CAAC,OAAO,EAC/B,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,gCAAS,CAAC,WAAW,EAC7B,KAAK,EACL,GAAG,KAAK,EACT,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,GAAG,IAAA,kBAAO,EAChC,KAAK,EACL,kDAAiC,CAAC,OAAO,CAAC,EAC1C,UAAU;QACR,CAAC,CAAC,2CAA0B,CAAC,UAAU,CAAC;QACxC,CAAC,CAAC,mDAAkC,CAAC,OAAO,CAAC,EAC/C,SAAS,CAAC,CAAC,CAAC,0CAAyB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EAC5D,2CAA0B,CAAC,UAAU,CAAC,EACtC,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,EAAE,CAAC;IAEJ,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IAC3D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,IAAI,QAwCf","sourcesContent":["import {\n  FontFamily,\n  TextColor,\n  TextVariant,\n} from '@metamask-previews/design-system-shared';\nimport { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\n\nimport {\n  TWCLASSMAP_TEXT_VARIANT_FONTSTYLE,\n  TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT,\n  TWCLASSMAP_TEXT_FONTFAMILY,\n  TWCLASSMAP_TEXT_FONTSTYLE,\n  TWCLASSMAP_TEXT_FONTWEIGHT,\n  MAP_TEXT_VARIANT_TAG,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n  variant = TextVariant.BodyMd,\n  children,\n  className,\n  fontWeight,\n  fontFamily = FontFamily.Default,\n  fontStyle,\n  textTransform,\n  textAlign,\n  overflowWrap,\n  ellipsis,\n  asChild,\n  color = TextColor.TextDefault,\n  style,\n  ...props\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 : MAP_TEXT_VARIANT_TAG[variant];\n\n  const mergedClassName = `${twMerge(\n    color,\n    TWCLASSMAP_TEXT_VARIANT_FONTSTYLE[variant],\n    fontWeight\n      ? TWCLASSMAP_TEXT_FONTWEIGHT[fontWeight]\n      : TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT[variant],\n    fontStyle ? TWCLASSMAP_TEXT_FONTSTYLE[fontStyle] : undefined,\n    TWCLASSMAP_TEXT_FONTFAMILY[fontFamily],\n    textTransform,\n    textAlign,\n    overflowWrap,\n    ellipsis && 'truncate',\n    className,\n  )}`;\n\n  return (\n    <Component className={mergedClassName} style={style} {...props}>\n      {children}\n    </Component>\n  );\n};\n"]}
+{"version":3,"file":"Text.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,kFAIiD;AACjD,qDAA4C;AAC5C,kDAA0B;AAE1B,uDAA+C;AAE/C,yDAO0B;AAGnB,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,kCAAW,CAAC,MAAM,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GAAG,iCAAU,CAAC,OAAO,EAC/B,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,gCAAS,CAAC,WAAW,EAC7B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,gFAAgF;IAChF,sFAAsF;IACtF,MAAM,SAAS,GAAsB,OAAO;QAC1C,CAAC,CAAC,iBAAI;QACN,CAAC,CAAC,qCAAoB,CAAC,OAAO,CAAC,CAAC;IAElC,MAAM,eAAe,GAAG,GAAG,IAAA,kBAAO,EAChC,KAAK,EACL,kDAAiC,CAAC,OAAO,CAAC,EAC1C,UAAU;QACR,CAAC,CAAC,2CAA0B,CAAC,UAAU,CAAC;QACxC,CAAC,CAAC,mDAAkC,CAAC,OAAO,CAAC,EAC/C,SAAS,CAAC,CAAC,CAAC,0CAAyB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EAC5D,2CAA0B,CAAC,UAAU,CAAC,EACtC,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,EAAE,CAAC;IAEJ,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IAC3D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,IAAI,QA0Cf","sourcesContent":["import {\n  FontFamily,\n  TextColor,\n  TextVariant,\n} from '@metamask-previews/design-system-shared';\nimport { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\n\nimport {\n  TWCLASSMAP_TEXT_VARIANT_FONTSTYLE,\n  TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT,\n  TWCLASSMAP_TEXT_FONTFAMILY,\n  TWCLASSMAP_TEXT_FONTSTYLE,\n  TWCLASSMAP_TEXT_FONTWEIGHT,\n  MAP_TEXT_VARIANT_TAG,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n  variant = TextVariant.BodyMd,\n  children,\n  className,\n  fontWeight,\n  fontFamily = FontFamily.Default,\n  fontStyle,\n  textTransform,\n  textAlign,\n  overflowWrap,\n  ellipsis,\n  asChild,\n  color = TextColor.TextDefault,\n  style,\n  ...props\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: React.ElementType = asChild\n    ? Slot\n    : MAP_TEXT_VARIANT_TAG[variant];\n\n  const mergedClassName = `${twMerge(\n    color,\n    TWCLASSMAP_TEXT_VARIANT_FONTSTYLE[variant],\n    fontWeight\n      ? TWCLASSMAP_TEXT_FONTWEIGHT[fontWeight]\n      : TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT[variant],\n    fontStyle ? TWCLASSMAP_TEXT_FONTSTYLE[fontStyle] : undefined,\n    TWCLASSMAP_TEXT_FONTFAMILY[fontFamily],\n    textTransform,\n    textAlign,\n    overflowWrap,\n    ellipsis && 'truncate',\n    className,\n  )}`;\n\n  return (\n    <Component className={mergedClassName} style={style} {...props}>\n      {children}\n    </Component>\n  );\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Text.constants.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  FontFamily,\n  FontStyle,\n  FontWeight,\n  TextVariant,\n} from '@metamask-previews/design-system-shared';\n\nexport const TWCLASSMAP_TEXT_FONTWEIGHT: Record<FontWeight, string> = {\n  [FontWeight.Bold]: 'font-bold',\n  [FontWeight.Medium]: 'font-medium',\n  [FontWeight.Regular]: 'font-regular',\n};\n\nexport const TWCLASSMAP_TEXT_FONTFAMILY: Record<FontFamily, string> = {\n  [FontFamily.Default]: 'font-default',\n  [FontFamily.Accent]: 'font-accent',\n  [FontFamily.Hero]: 'font-hero',\n};\n\nexport const TWCLASSMAP_TEXT_FONTSTYLE: Record<FontStyle, string> = {\n  [FontStyle.Italic]: 'italic',\n  [FontStyle.Normal]: 'not-italic',\n};\n\nexport const TWCLASSMAP_TEXT_VARIANT_FONTSTYLE: Record<TextVariant, string> = {\n  [TextVariant.DisplayLg]:\n    'text-s-display-lg leading-s-display-lg tracking-s-display-lg md:text-l-display-lg md:leading-l-display-lg md:tracking-l-display-lg',\n  [TextVariant.DisplayMd]:\n    'text-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:leading-l-display-md md:tracking-l-display-md',\n  [TextVariant.HeadingLg]:\n    'text-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg md:leading-l-heading-lg md:tracking-l-heading-lg',\n  [TextVariant.HeadingMd]:\n    'text-s-heading-md leading-s-heading-md tracking-s-heading-md md:text-l-heading-md md:leading-l-heading-md md:tracking-l-heading-md',\n  [TextVariant.HeadingSm]:\n    'text-s-heading-sm leading-s-heading-sm tracking-s-heading-sm md:text-l-heading-sm md:leading-l-heading-sm md:tracking-l-heading-sm',\n  [TextVariant.BodyLg]:\n    'text-s-body-lg leading-s-body-lg tracking-s-body-lg md:text-l-body-lg md:leading-l-body-lg md:tracking-l-body-lg',\n  [TextVariant.BodyMd]:\n    'text-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md md:leading-l-body-md md:tracking-l-body-md',\n  [TextVariant.BodySm]:\n    'text-s-body-sm leading-s-body-sm tracking-s-body-sm md:text-l-body-sm md:leading-l-body-sm md:tracking-l-body-sm',\n  [TextVariant.BodyXs]:\n    'text-s-body-xs leading-s-body-xs tracking-s-body-xs md:text-l-body-xs md:leading-l-body-xs md:tracking-l-body-xs',\n  [TextVariant.PageHeading]:\n    'text-s-page-heading leading-s-page-heading tracking-s-page-heading md:text-l-page-heading md:leading-l-page-heading md:tracking-l-page-heading',\n  [TextVariant.SectionHeading]:\n    'text-s-section-heading leading-s-section-heading tracking-s-section-heading md:text-l-section-heading md:leading-l-section-heading md:tracking-l-section-heading',\n  [TextVariant.ButtonLabelMd]:\n    'text-s-button-label-md leading-s-button-label-md tracking-s-button-label-md md:text-l-button-label-md md:leading-l-button-label-md md:tracking-l-button-label-md',\n  [TextVariant.ButtonLabelLg]:\n    'text-s-button-label-lg leading-s-button-label-lg tracking-s-button-label-lg md:text-l-button-label-lg md:leading-l-button-label-lg md:tracking-l-button-label-lg',\n  [TextVariant.AmountDisplayLg]:\n    'text-s-amount-display-lg leading-s-amount-display-lg tracking-s-amount-display-lg md:text-l-amount-display-lg md:leading-l-amount-display-lg md:tracking-l-amount-display-lg',\n};\n\nexport const TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT: Record<TextVariant, string> = {\n  [TextVariant.DisplayLg]: 'font-bold md:font-medium',\n  [TextVariant.DisplayMd]: 'font-bold md:font-medium',\n  [TextVariant.HeadingLg]: 'font-bold',\n  [TextVariant.HeadingMd]: 'font-bold',\n  [TextVariant.HeadingSm]: 'font-bold',\n  [TextVariant.BodyLg]: 'font-medium',\n  [TextVariant.BodyMd]: 'font-regular',\n  [TextVariant.BodySm]: 'font-regular',\n  [TextVariant.BodyXs]: 'font-regular',\n  [TextVariant.PageHeading]: 'font-bold',\n  [TextVariant.SectionHeading]: 'font-bold',\n  [TextVariant.ButtonLabelMd]: 'font-medium',\n  [TextVariant.ButtonLabelLg]: 'font-medium',\n  [TextVariant.AmountDisplayLg]: 'font-bold md:font-medium',\n};\n\nexport const MAP_TEXT_VARIANT_TAG: 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  [TextVariant.PageHeading]: 'h1',\n  [TextVariant.SectionHeading]: 'h2',\n  [TextVariant.ButtonLabelMd]: 'span',\n  [TextVariant.ButtonLabelLg]: 'span',\n  [TextVariant.AmountDisplayLg]: 'span',\n};\n"]}
+{"version":3,"file":"Text.constants.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  FontFamily,\n  FontStyle,\n  FontWeight,\n  TextVariant,\n} from '@metamask-previews/design-system-shared';\n\nexport const TWCLASSMAP_TEXT_FONTWEIGHT: Record<FontWeight, string> = {\n  [FontWeight.Bold]: 'font-bold',\n  [FontWeight.Medium]: 'font-medium',\n  [FontWeight.Regular]: 'font-regular',\n};\n\nexport const TWCLASSMAP_TEXT_FONTFAMILY: Record<FontFamily, string> = {\n  [FontFamily.Default]: 'font-default',\n  [FontFamily.Accent]: 'font-accent',\n  [FontFamily.Hero]: 'font-hero',\n};\n\nexport const TWCLASSMAP_TEXT_FONTSTYLE: Record<FontStyle, string> = {\n  [FontStyle.Italic]: 'italic',\n  [FontStyle.Normal]: 'not-italic',\n};\n\nexport const TWCLASSMAP_TEXT_VARIANT_FONTSTYLE: Record<TextVariant, string> = {\n  [TextVariant.DisplayLg]:\n    'text-s-display-lg leading-s-display-lg tracking-s-display-lg md:text-l-display-lg md:leading-l-display-lg md:tracking-l-display-lg',\n  [TextVariant.DisplayMd]:\n    'text-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:leading-l-display-md md:tracking-l-display-md',\n  [TextVariant.HeadingLg]:\n    'text-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg md:leading-l-heading-lg md:tracking-l-heading-lg',\n  [TextVariant.HeadingMd]:\n    'text-s-heading-md leading-s-heading-md tracking-s-heading-md md:text-l-heading-md md:leading-l-heading-md md:tracking-l-heading-md',\n  [TextVariant.HeadingSm]:\n    'text-s-heading-sm leading-s-heading-sm tracking-s-heading-sm md:text-l-heading-sm md:leading-l-heading-sm md:tracking-l-heading-sm',\n  [TextVariant.BodyLg]:\n    'text-s-body-lg leading-s-body-lg tracking-s-body-lg md:text-l-body-lg md:leading-l-body-lg md:tracking-l-body-lg',\n  [TextVariant.BodyMd]:\n    'text-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md md:leading-l-body-md md:tracking-l-body-md',\n  [TextVariant.BodySm]:\n    'text-s-body-sm leading-s-body-sm tracking-s-body-sm md:text-l-body-sm md:leading-l-body-sm md:tracking-l-body-sm',\n  [TextVariant.BodyXs]:\n    'text-s-body-xs leading-s-body-xs tracking-s-body-xs md:text-l-body-xs md:leading-l-body-xs md:tracking-l-body-xs',\n  [TextVariant.PageHeading]:\n    'text-s-page-heading leading-s-page-heading tracking-s-page-heading md:text-l-page-heading md:leading-l-page-heading md:tracking-l-page-heading',\n  [TextVariant.SectionHeading]:\n    'text-s-section-heading leading-s-section-heading tracking-s-section-heading md:text-l-section-heading md:leading-l-section-heading md:tracking-l-section-heading',\n  [TextVariant.ButtonLabelMd]:\n    'text-s-button-label-md leading-s-button-label-md tracking-s-button-label-md md:text-l-button-label-md md:leading-l-button-label-md md:tracking-l-button-label-md',\n  [TextVariant.ButtonLabelLg]:\n    'text-s-button-label-lg leading-s-button-label-lg tracking-s-button-label-lg md:text-l-button-label-lg md:leading-l-button-label-lg md:tracking-l-button-label-lg',\n  [TextVariant.AmountDisplayLg]:\n    'text-s-amount-display-lg leading-s-amount-display-lg tracking-s-amount-display-lg md:text-l-amount-display-lg md:leading-l-amount-display-lg md:tracking-l-amount-display-lg',\n};\n\nexport const TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT: Record<TextVariant, string> = {\n  [TextVariant.DisplayLg]: 'font-bold md:font-medium',\n  [TextVariant.DisplayMd]: 'font-bold md:font-medium',\n  [TextVariant.HeadingLg]: 'font-bold',\n  [TextVariant.HeadingMd]: 'font-bold',\n  [TextVariant.HeadingSm]: 'font-bold',\n  [TextVariant.BodyLg]: 'font-medium',\n  [TextVariant.BodyMd]: 'font-regular',\n  [TextVariant.BodySm]: 'font-regular',\n  [TextVariant.BodyXs]: 'font-regular',\n  [TextVariant.PageHeading]: 'font-bold',\n  [TextVariant.SectionHeading]: 'font-bold',\n  [TextVariant.ButtonLabelMd]: 'font-medium',\n  [TextVariant.ButtonLabelLg]: 'font-medium',\n  [TextVariant.AmountDisplayLg]: 'font-bold md:font-medium',\n};\n\nexport const MAP_TEXT_VARIANT_TAG: Record<\n  TextVariant,\n  keyof React.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  [TextVariant.PageHeading]: 'h1',\n  [TextVariant.SectionHeading]: 'h2',\n  [TextVariant.ButtonLabelMd]: 'span',\n  [TextVariant.ButtonLabelLg]: 'span',\n  [TextVariant.AmountDisplayLg]: 'span',\n};\n"]}

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

@@ -5,5 +5,5 @@ export declare const TWCLASSMAP_TEXT_FONTFAMILY: Record<FontFamily, string>;
 export declare const TWCLASSMAP_TEXT_FONTSTYLE: Record<FontStyle, string>;
 export declare const TWCLASSMAP_TEXT_VARIANT_FONTSTYLE: Record<TextVariant, string>;
 export declare const TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT: Record<TextVariant, string>;
-export declare const MAP_TEXT_VARIANT_TAG: Record<TextVariant, keyof JSX.IntrinsicElements>;
+export declare const MAP_TEXT_VARIANT_TAG: Record<TextVariant, keyof React.JSX.IntrinsicElements>;
 //# sourceMappingURL=Text.constants.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,WAAW,EACZ,gDAAgD;AAEjD,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIjE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIjE,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAG/D,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CA6BzE,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAe1E,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,WAAW,EACX,MAAM,GAAG,CAAC,iBAAiB,CAgB5B,CAAC"}
+{"version":3,"file":"Text.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,WAAW,EACZ,gDAAgD;AAEjD,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIjE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIjE,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAG/D,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CA6BzE,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAe1E,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,WAAW,EACX,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAgBlC,CAAC"}

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

@@ -5,5 +5,5 @@ export declare const TWCLASSMAP_TEXT_FONTFAMILY: Record<FontFamily, string>;
 export declare const TWCLASSMAP_TEXT_FONTSTYLE: Record<FontStyle, string>;
 export declare const TWCLASSMAP_TEXT_VARIANT_FONTSTYLE: Record<TextVariant, string>;
 export declare const TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT: Record<TextVariant, string>;
-export declare const MAP_TEXT_VARIANT_TAG: Record<TextVariant, keyof JSX.IntrinsicElements>;
+export declare const MAP_TEXT_VARIANT_TAG: Record<TextVariant, keyof React.JSX.IntrinsicElements>;
 //# sourceMappingURL=Text.constants.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,WAAW,EACZ,gDAAgD;AAEjD,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIjE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIjE,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAG/D,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CA6BzE,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAe1E,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,WAAW,EACX,MAAM,GAAG,CAAC,iBAAiB,CAgB5B,CAAC"}
+{"version":3,"file":"Text.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,WAAW,EACZ,gDAAgD;AAEjD,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIjE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIjE,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAG/D,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CA6BzE,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAe1E,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,WAAW,EACX,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAgBlC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Text.constants.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  FontFamily,\n  FontStyle,\n  FontWeight,\n  TextVariant,\n} from '@metamask-previews/design-system-shared';\n\nexport const TWCLASSMAP_TEXT_FONTWEIGHT: Record<FontWeight, string> = {\n  [FontWeight.Bold]: 'font-bold',\n  [FontWeight.Medium]: 'font-medium',\n  [FontWeight.Regular]: 'font-regular',\n};\n\nexport const TWCLASSMAP_TEXT_FONTFAMILY: Record<FontFamily, string> = {\n  [FontFamily.Default]: 'font-default',\n  [FontFamily.Accent]: 'font-accent',\n  [FontFamily.Hero]: 'font-hero',\n};\n\nexport const TWCLASSMAP_TEXT_FONTSTYLE: Record<FontStyle, string> = {\n  [FontStyle.Italic]: 'italic',\n  [FontStyle.Normal]: 'not-italic',\n};\n\nexport const TWCLASSMAP_TEXT_VARIANT_FONTSTYLE: Record<TextVariant, string> = {\n  [TextVariant.DisplayLg]:\n    'text-s-display-lg leading-s-display-lg tracking-s-display-lg md:text-l-display-lg md:leading-l-display-lg md:tracking-l-display-lg',\n  [TextVariant.DisplayMd]:\n    'text-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:leading-l-display-md md:tracking-l-display-md',\n  [TextVariant.HeadingLg]:\n    'text-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg md:leading-l-heading-lg md:tracking-l-heading-lg',\n  [TextVariant.HeadingMd]:\n    'text-s-heading-md leading-s-heading-md tracking-s-heading-md md:text-l-heading-md md:leading-l-heading-md md:tracking-l-heading-md',\n  [TextVariant.HeadingSm]:\n    'text-s-heading-sm leading-s-heading-sm tracking-s-heading-sm md:text-l-heading-sm md:leading-l-heading-sm md:tracking-l-heading-sm',\n  [TextVariant.BodyLg]:\n    'text-s-body-lg leading-s-body-lg tracking-s-body-lg md:text-l-body-lg md:leading-l-body-lg md:tracking-l-body-lg',\n  [TextVariant.BodyMd]:\n    'text-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md md:leading-l-body-md md:tracking-l-body-md',\n  [TextVariant.BodySm]:\n    'text-s-body-sm leading-s-body-sm tracking-s-body-sm md:text-l-body-sm md:leading-l-body-sm md:tracking-l-body-sm',\n  [TextVariant.BodyXs]:\n    'text-s-body-xs leading-s-body-xs tracking-s-body-xs md:text-l-body-xs md:leading-l-body-xs md:tracking-l-body-xs',\n  [TextVariant.PageHeading]:\n    'text-s-page-heading leading-s-page-heading tracking-s-page-heading md:text-l-page-heading md:leading-l-page-heading md:tracking-l-page-heading',\n  [TextVariant.SectionHeading]:\n    'text-s-section-heading leading-s-section-heading tracking-s-section-heading md:text-l-section-heading md:leading-l-section-heading md:tracking-l-section-heading',\n  [TextVariant.ButtonLabelMd]:\n    'text-s-button-label-md leading-s-button-label-md tracking-s-button-label-md md:text-l-button-label-md md:leading-l-button-label-md md:tracking-l-button-label-md',\n  [TextVariant.ButtonLabelLg]:\n    'text-s-button-label-lg leading-s-button-label-lg tracking-s-button-label-lg md:text-l-button-label-lg md:leading-l-button-label-lg md:tracking-l-button-label-lg',\n  [TextVariant.AmountDisplayLg]:\n    'text-s-amount-display-lg leading-s-amount-display-lg tracking-s-amount-display-lg md:text-l-amount-display-lg md:leading-l-amount-display-lg md:tracking-l-amount-display-lg',\n};\n\nexport const TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT: Record<TextVariant, string> = {\n  [TextVariant.DisplayLg]: 'font-bold md:font-medium',\n  [TextVariant.DisplayMd]: 'font-bold md:font-medium',\n  [TextVariant.HeadingLg]: 'font-bold',\n  [TextVariant.HeadingMd]: 'font-bold',\n  [TextVariant.HeadingSm]: 'font-bold',\n  [TextVariant.BodyLg]: 'font-medium',\n  [TextVariant.BodyMd]: 'font-regular',\n  [TextVariant.BodySm]: 'font-regular',\n  [TextVariant.BodyXs]: 'font-regular',\n  [TextVariant.PageHeading]: 'font-bold',\n  [TextVariant.SectionHeading]: 'font-bold',\n  [TextVariant.ButtonLabelMd]: 'font-medium',\n  [TextVariant.ButtonLabelLg]: 'font-medium',\n  [TextVariant.AmountDisplayLg]: 'font-bold md:font-medium',\n};\n\nexport const MAP_TEXT_VARIANT_TAG: 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  [TextVariant.PageHeading]: 'h1',\n  [TextVariant.SectionHeading]: 'h2',\n  [TextVariant.ButtonLabelMd]: 'span',\n  [TextVariant.ButtonLabelLg]: 'span',\n  [TextVariant.AmountDisplayLg]: 'span',\n};\n"]}
+{"version":3,"file":"Text.constants.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  FontFamily,\n  FontStyle,\n  FontWeight,\n  TextVariant,\n} from '@metamask-previews/design-system-shared';\n\nexport const TWCLASSMAP_TEXT_FONTWEIGHT: Record<FontWeight, string> = {\n  [FontWeight.Bold]: 'font-bold',\n  [FontWeight.Medium]: 'font-medium',\n  [FontWeight.Regular]: 'font-regular',\n};\n\nexport const TWCLASSMAP_TEXT_FONTFAMILY: Record<FontFamily, string> = {\n  [FontFamily.Default]: 'font-default',\n  [FontFamily.Accent]: 'font-accent',\n  [FontFamily.Hero]: 'font-hero',\n};\n\nexport const TWCLASSMAP_TEXT_FONTSTYLE: Record<FontStyle, string> = {\n  [FontStyle.Italic]: 'italic',\n  [FontStyle.Normal]: 'not-italic',\n};\n\nexport const TWCLASSMAP_TEXT_VARIANT_FONTSTYLE: Record<TextVariant, string> = {\n  [TextVariant.DisplayLg]:\n    'text-s-display-lg leading-s-display-lg tracking-s-display-lg md:text-l-display-lg md:leading-l-display-lg md:tracking-l-display-lg',\n  [TextVariant.DisplayMd]:\n    'text-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:leading-l-display-md md:tracking-l-display-md',\n  [TextVariant.HeadingLg]:\n    'text-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg md:leading-l-heading-lg md:tracking-l-heading-lg',\n  [TextVariant.HeadingMd]:\n    'text-s-heading-md leading-s-heading-md tracking-s-heading-md md:text-l-heading-md md:leading-l-heading-md md:tracking-l-heading-md',\n  [TextVariant.HeadingSm]:\n    'text-s-heading-sm leading-s-heading-sm tracking-s-heading-sm md:text-l-heading-sm md:leading-l-heading-sm md:tracking-l-heading-sm',\n  [TextVariant.BodyLg]:\n    'text-s-body-lg leading-s-body-lg tracking-s-body-lg md:text-l-body-lg md:leading-l-body-lg md:tracking-l-body-lg',\n  [TextVariant.BodyMd]:\n    'text-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md md:leading-l-body-md md:tracking-l-body-md',\n  [TextVariant.BodySm]:\n    'text-s-body-sm leading-s-body-sm tracking-s-body-sm md:text-l-body-sm md:leading-l-body-sm md:tracking-l-body-sm',\n  [TextVariant.BodyXs]:\n    'text-s-body-xs leading-s-body-xs tracking-s-body-xs md:text-l-body-xs md:leading-l-body-xs md:tracking-l-body-xs',\n  [TextVariant.PageHeading]:\n    'text-s-page-heading leading-s-page-heading tracking-s-page-heading md:text-l-page-heading md:leading-l-page-heading md:tracking-l-page-heading',\n  [TextVariant.SectionHeading]:\n    'text-s-section-heading leading-s-section-heading tracking-s-section-heading md:text-l-section-heading md:leading-l-section-heading md:tracking-l-section-heading',\n  [TextVariant.ButtonLabelMd]:\n    'text-s-button-label-md leading-s-button-label-md tracking-s-button-label-md md:text-l-button-label-md md:leading-l-button-label-md md:tracking-l-button-label-md',\n  [TextVariant.ButtonLabelLg]:\n    'text-s-button-label-lg leading-s-button-label-lg tracking-s-button-label-lg md:text-l-button-label-lg md:leading-l-button-label-lg md:tracking-l-button-label-lg',\n  [TextVariant.AmountDisplayLg]:\n    'text-s-amount-display-lg leading-s-amount-display-lg tracking-s-amount-display-lg md:text-l-amount-display-lg md:leading-l-amount-display-lg md:tracking-l-amount-display-lg',\n};\n\nexport const TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT: Record<TextVariant, string> = {\n  [TextVariant.DisplayLg]: 'font-bold md:font-medium',\n  [TextVariant.DisplayMd]: 'font-bold md:font-medium',\n  [TextVariant.HeadingLg]: 'font-bold',\n  [TextVariant.HeadingMd]: 'font-bold',\n  [TextVariant.HeadingSm]: 'font-bold',\n  [TextVariant.BodyLg]: 'font-medium',\n  [TextVariant.BodyMd]: 'font-regular',\n  [TextVariant.BodySm]: 'font-regular',\n  [TextVariant.BodyXs]: 'font-regular',\n  [TextVariant.PageHeading]: 'font-bold',\n  [TextVariant.SectionHeading]: 'font-bold',\n  [TextVariant.ButtonLabelMd]: 'font-medium',\n  [TextVariant.ButtonLabelLg]: 'font-medium',\n  [TextVariant.AmountDisplayLg]: 'font-bold md:font-medium',\n};\n\nexport const MAP_TEXT_VARIANT_TAG: Record<\n  TextVariant,\n  keyof React.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  [TextVariant.PageHeading]: 'h1',\n  [TextVariant.SectionHeading]: 'h2',\n  [TextVariant.ButtonLabelMd]: 'span',\n  [TextVariant.ButtonLabelLg]: 'span',\n  [TextVariant.AmountDisplayLg]: 'span',\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,cAAc;AAY1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwCpC,CAAC"}
+{"version":3,"file":"Text.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,cAAc;AAY1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA0CpC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,cAAc;AAY1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwCpC,CAAC"}
+{"version":3,"file":"Text.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,cAAc;AAY1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA0CpC,CAAC"}

package/dist/components/Text/Text.mjs

@@ -13,7 +13,9 @@ import { TWCLASSMAP_TEXT_VARIANT_FONTSTYLE, TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT,
 export const Text = ({ variant = TextVariant.BodyMd, children, className, fontWeight, fontFamily = FontFamily.Default, fontStyle, textTransform, textAlign, overflowWrap, ellipsis, asChild, color = TextColor.TextDefault, style, ...props }) => {
     // 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 : MAP_TEXT_VARIANT_TAG[variant];
+    const Component = asChild
+        ? Slot
+        : MAP_TEXT_VARIANT_TAG[variant];
     const mergedClassName = `${twMerge(color, TWCLASSMAP_TEXT_VARIANT_FONTSTYLE[variant], fontWeight
         ? TWCLASSMAP_TEXT_FONTWEIGHT[fontWeight]
         : TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT[variant], fontStyle ? TWCLASSMAP_TEXT_FONTSTYLE[fontStyle] : undefined, TWCLASSMAP_TEXT_FONTFAMILY[fontFamily], textTransform, textAlign, overflowWrap, ellipsis && 'truncate', className)}`;

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

@@ -1 +1 @@
-{"version":3,"file":"Text.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,WAAW,EACZ,gDAAgD;AACjD,OAAO,EAAE,IAAI,EAAE,6BAA6B;AAC5C,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAE/C,OAAO,EACL,iCAAiC,EACjC,kCAAkC,EAClC,0BAA0B,EAC1B,yBAAyB,EACzB,0BAA0B,EAC1B,oBAAoB,EACrB,6BAAyB;AAG1B,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GAAG,UAAU,CAAC,OAAO,EAC/B,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,KAAK,EACL,GAAG,KAAK,EACT,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,GAAG,OAAO,CAChC,KAAK,EACL,iCAAiC,CAAC,OAAO,CAAC,EAC1C,UAAU;QACR,CAAC,CAAC,0BAA0B,CAAC,UAAU,CAAC;QACxC,CAAC,CAAC,kCAAkC,CAAC,OAAO,CAAC,EAC/C,SAAS,CAAC,CAAC,CAAC,yBAAyB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EAC5D,0BAA0B,CAAC,UAAU,CAAC,EACtC,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,EAAE,CAAC;IAEJ,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IAC3D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  FontFamily,\n  TextColor,\n  TextVariant,\n} from '@metamask-previews/design-system-shared';\nimport { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\n\nimport {\n  TWCLASSMAP_TEXT_VARIANT_FONTSTYLE,\n  TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT,\n  TWCLASSMAP_TEXT_FONTFAMILY,\n  TWCLASSMAP_TEXT_FONTSTYLE,\n  TWCLASSMAP_TEXT_FONTWEIGHT,\n  MAP_TEXT_VARIANT_TAG,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n  variant = TextVariant.BodyMd,\n  children,\n  className,\n  fontWeight,\n  fontFamily = FontFamily.Default,\n  fontStyle,\n  textTransform,\n  textAlign,\n  overflowWrap,\n  ellipsis,\n  asChild,\n  color = TextColor.TextDefault,\n  style,\n  ...props\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 : MAP_TEXT_VARIANT_TAG[variant];\n\n  const mergedClassName = `${twMerge(\n    color,\n    TWCLASSMAP_TEXT_VARIANT_FONTSTYLE[variant],\n    fontWeight\n      ? TWCLASSMAP_TEXT_FONTWEIGHT[fontWeight]\n      : TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT[variant],\n    fontStyle ? TWCLASSMAP_TEXT_FONTSTYLE[fontStyle] : undefined,\n    TWCLASSMAP_TEXT_FONTFAMILY[fontFamily],\n    textTransform,\n    textAlign,\n    overflowWrap,\n    ellipsis && 'truncate',\n    className,\n  )}`;\n\n  return (\n    <Component className={mergedClassName} style={style} {...props}>\n      {children}\n    </Component>\n  );\n};\n"]}
+{"version":3,"file":"Text.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,WAAW,EACZ,gDAAgD;AACjD,OAAO,EAAE,IAAI,EAAE,6BAA6B;AAC5C,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAE/C,OAAO,EACL,iCAAiC,EACjC,kCAAkC,EAClC,0BAA0B,EAC1B,yBAAyB,EACzB,0BAA0B,EAC1B,oBAAoB,EACrB,6BAAyB;AAG1B,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GAAG,UAAU,CAAC,OAAO,EAC/B,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,gFAAgF;IAChF,sFAAsF;IACtF,MAAM,SAAS,GAAsB,OAAO;QAC1C,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAElC,MAAM,eAAe,GAAG,GAAG,OAAO,CAChC,KAAK,EACL,iCAAiC,CAAC,OAAO,CAAC,EAC1C,UAAU;QACR,CAAC,CAAC,0BAA0B,CAAC,UAAU,CAAC;QACxC,CAAC,CAAC,kCAAkC,CAAC,OAAO,CAAC,EAC/C,SAAS,CAAC,CAAC,CAAC,yBAAyB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EAC5D,0BAA0B,CAAC,UAAU,CAAC,EACtC,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,EAAE,CAAC;IAEJ,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IAC3D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  FontFamily,\n  TextColor,\n  TextVariant,\n} from '@metamask-previews/design-system-shared';\nimport { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\n\nimport {\n  TWCLASSMAP_TEXT_VARIANT_FONTSTYLE,\n  TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT,\n  TWCLASSMAP_TEXT_FONTFAMILY,\n  TWCLASSMAP_TEXT_FONTSTYLE,\n  TWCLASSMAP_TEXT_FONTWEIGHT,\n  MAP_TEXT_VARIANT_TAG,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n  variant = TextVariant.BodyMd,\n  children,\n  className,\n  fontWeight,\n  fontFamily = FontFamily.Default,\n  fontStyle,\n  textTransform,\n  textAlign,\n  overflowWrap,\n  ellipsis,\n  asChild,\n  color = TextColor.TextDefault,\n  style,\n  ...props\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: React.ElementType = asChild\n    ? Slot\n    : MAP_TEXT_VARIANT_TAG[variant];\n\n  const mergedClassName = `${twMerge(\n    color,\n    TWCLASSMAP_TEXT_VARIANT_FONTSTYLE[variant],\n    fontWeight\n      ? TWCLASSMAP_TEXT_FONTWEIGHT[fontWeight]\n      : TWCLASSMAP_TEXT_VARIANT_FONTWEIGHT[variant],\n    fontStyle ? TWCLASSMAP_TEXT_FONTSTYLE[fontStyle] : undefined,\n    TWCLASSMAP_TEXT_FONTFAMILY[fontFamily],\n    textTransform,\n    textAlign,\n    overflowWrap,\n    ellipsis && 'truncate',\n    className,\n  )}`;\n\n  return (\n    <Component className={mergedClassName} style={style} {...props}>\n      {children}\n    </Component>\n  );\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextPropsShared } from '@metamask-previews/design-system-shared';\n\nimport type { OverflowWrap, TextAlign, TextTransform } from '../../types';\n\nexport type TextProps = TextPropsShared & {\n  /**\n   * Optional prop for inline styles\n   */\n  style?: React.CSSProperties;\n  /**\n   * Optional prop for additional CSS classes to be applied to the Text component.\n   */\n  className?: string;\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 boolean that adds an ellipsis (...) when text overflows its container.\n   *\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   *\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Optional prop for testing purposes\n   */\n  'data-testid'?: string;\n};\n"]}
+{"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextPropsShared } from '@metamask-previews/design-system-shared';\nimport type { CSSProperties } from 'react';\n\nimport type { OverflowWrap, TextAlign, TextTransform } from '../../types';\n\nexport type TextProps = TextPropsShared & {\n  /**\n   * Optional prop for inline styles\n   */\n  style?: CSSProperties;\n  /**\n   * Optional prop for additional CSS classes to be applied to the Text component.\n   */\n  className?: string;\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 boolean that adds an ellipsis (...) when text overflows its container.\n   *\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   *\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Optional prop for testing purposes\n   */\n  'data-testid'?: string;\n};\n"]}

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
 import type { TextPropsShared } from "@metamask-previews/design-system-shared";
+import type { CSSProperties } from "react";
 import type { OverflowWrap, TextAlign, TextTransform } from "../../types/index.cjs";
 export type TextProps = TextPropsShared & {
     /**
      * Optional prop for inline styles
      */
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     /**
      * Optional prop for additional CSS classes to be applied to the Text component.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"Text.types.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,gDAAgD;AAE/E,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,8BAAoB;AAE1E,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}
+{"version":3,"file":"Text.types.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,gDAAgD;AAC/E,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc;AAE3C,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,8BAAoB;AAE1E,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
 import type { TextPropsShared } from "@metamask-previews/design-system-shared";
+import type { CSSProperties } from "react";
 import type { OverflowWrap, TextAlign, TextTransform } from "../../types/index.mjs";
 export type TextProps = TextPropsShared & {
     /**
      * Optional prop for inline styles
      */
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     /**
      * Optional prop for additional CSS classes to be applied to the Text component.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"Text.types.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,gDAAgD;AAE/E,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,8BAAoB;AAE1E,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}
+{"version":3,"file":"Text.types.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,gDAAgD;AAC/E,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc;AAE3C,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,8BAAoB;AAE1E,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Text.types.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextPropsShared } from '@metamask-previews/design-system-shared';\n\nimport type { OverflowWrap, TextAlign, TextTransform } from '../../types';\n\nexport type TextProps = TextPropsShared & {\n  /**\n   * Optional prop for inline styles\n   */\n  style?: React.CSSProperties;\n  /**\n   * Optional prop for additional CSS classes to be applied to the Text component.\n   */\n  className?: string;\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 boolean that adds an ellipsis (...) when text overflows its container.\n   *\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   *\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Optional prop for testing purposes\n   */\n  'data-testid'?: string;\n};\n"]}
+{"version":3,"file":"Text.types.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextPropsShared } from '@metamask-previews/design-system-shared';\nimport type { CSSProperties } from 'react';\n\nimport type { OverflowWrap, TextAlign, TextTransform } from '../../types';\n\nexport type TextProps = TextPropsShared & {\n  /**\n   * Optional prop for inline styles\n   */\n  style?: CSSProperties;\n  /**\n   * Optional prop for additional CSS classes to be applied to the Text component.\n   */\n  className?: string;\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 boolean that adds an ellipsis (...) when text overflows its container.\n   *\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   *\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Optional prop for testing purposes\n   */\n  'data-testid'?: string;\n};\n"]}

package/dist/components/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconColor = exports.IconSize = exports.IconName = exports.Icon = exports.Checkbox = exports.ButtonIconVariant = exports.ButtonIconSize = exports.ButtonIcon = exports.ButtonBaseSize = exports.ButtonBase = exports.ButtonVariant = exports.ButtonSize = exports.Button = exports.Box = exports.BoxBorderColor = exports.BoxBackgroundColor = exports.BoxJustifyContent = exports.BoxAlignItems = exports.BoxFlexWrap = exports.BoxFlexDirection = exports.Blockies = exports.BannerBase = exports.BadgeWrapperPositionAnchorShape = exports.BadgeWrapperPosition = exports.BadgeWrapper = exports.BadgeStatusSize = exports.BadgeStatusStatus = exports.BadgeStatus = exports.BadgeNetwork = exports.BadgeIcon = exports.BadgeCountSize = exports.BadgeCount = exports.AvatarTokenSize = exports.AvatarToken = exports.AvatarNetworkSize = exports.AvatarNetwork = exports.AvatarIconSeverity = exports.AvatarIconSize = exports.AvatarIcon = exports.AvatarGroupVariant = exports.AvatarGroupSize = exports.AvatarGroup = exports.AvatarFaviconSize = exports.AvatarFavicon = exports.AvatarBaseShape = exports.AvatarBaseSize = exports.AvatarBase = exports.AvatarAccountVariant = exports.AvatarAccountSize = exports.AvatarAccount = void 0;
-exports.ButtonFilter = exports.ButtonHeroSize = exports.ButtonHero = exports.BannerAlertSeverity = exports.BannerAlert = exports.TextButtonSize = exports.TextButton = exports.OverflowWrap = exports.TextTransform = exports.FontStyle = exports.FontFamily = exports.FontWeight = exports.TextAlign = exports.TextColor = exports.TextVariant = exports.Text = exports.ModalBody = exports.ModalOverlay = exports.Maskicon = exports.Jazzicon = exports.Input = void 0;
+exports.Icon = exports.HelpTextSeverity = exports.HelpText = exports.HeaderBase = exports.Checkbox = exports.ButtonIconVariant = exports.ButtonIconSize = exports.ButtonIcon = exports.ButtonBaseSize = exports.ButtonBase = exports.ButtonVariant = exports.ButtonSize = exports.Button = exports.Box = exports.BoxBorderColor = exports.BoxBackgroundColor = exports.BoxJustifyContent = exports.BoxAlignItems = exports.BoxFlexWrap = exports.BoxFlexDirection = exports.Blockies = exports.BannerBase = exports.BadgeWrapperPositionAnchorShape = exports.BadgeWrapperPosition = exports.BadgeWrapper = exports.BadgeStatusSize = exports.BadgeStatusStatus = exports.BadgeStatus = exports.BadgeNetwork = exports.BadgeIcon = exports.BadgeCountSize = exports.BadgeCount = exports.AvatarTokenSize = exports.AvatarToken = exports.AvatarNetworkSize = exports.AvatarNetwork = exports.AvatarIconSeverity = exports.AvatarIconSize = exports.AvatarIcon = exports.AvatarGroupVariant = exports.AvatarGroupSize = exports.AvatarGroup = exports.AvatarFaviconSize = exports.AvatarFavicon = exports.AvatarBaseShape = exports.AvatarBaseSize = exports.AvatarBase = exports.AvatarAccountVariant = exports.AvatarAccountSize = exports.AvatarAccount = void 0;
+exports.ButtonFilter = exports.ButtonHeroSize = exports.ButtonHero = exports.BannerAlertSeverity = exports.BannerAlert = exports.TextButtonSize = exports.TextButton = exports.OverflowWrap = exports.TextTransform = exports.FontStyle = exports.FontFamily = exports.FontWeight = exports.TextAlign = exports.TextColor = exports.TextVariant = exports.Text = exports.PopoverHeader = exports.SensitiveTextLength = exports.SensitiveText = exports.Skeleton = exports.MODAL_CONTENT_IGNORE_OUTSIDE_CLICK_ATTR = exports.ModalContentSize = exports.ModalContent = exports.useModalContext = exports.Modal = exports.ModalHeader = exports.ModalFooter = exports.ButtonsAlignment = exports.ModalFocus = exports.ModalBody = exports.ModalOverlay = exports.Maskicon = exports.Label = exports.Jazzicon = exports.Input = exports.IconColor = exports.IconSize = exports.IconName = void 0;
 var AvatarAccount_1 = require("./AvatarAccount/index.cjs");
 Object.defineProperty(exports, "AvatarAccount", { enumerable: true, get: function () { return AvatarAccount_1.AvatarAccount; } });
 Object.defineProperty(exports, "AvatarAccountSize", { enumerable: true, get: function () { return AvatarAccount_1.AvatarAccountSize; } });
@@ -71,6 +71,11 @@ Object.defineProperty(exports, "ButtonIconSize", { enumerable: true, get: functi
 Object.defineProperty(exports, "ButtonIconVariant", { enumerable: true, get: function () { return ButtonIcon_1.ButtonIconVariant; } });
 var Checkbox_1 = require("./Checkbox/index.cjs");
 Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
+var HeaderBase_1 = require("./HeaderBase/index.cjs");
+Object.defineProperty(exports, "HeaderBase", { enumerable: true, get: function () { return HeaderBase_1.HeaderBase; } });
+var HelpText_1 = require("./HelpText/index.cjs");
+Object.defineProperty(exports, "HelpText", { enumerable: true, get: function () { return HelpText_1.HelpText; } });
+Object.defineProperty(exports, "HelpTextSeverity", { enumerable: true, get: function () { return HelpText_1.HelpTextSeverity; } });
 var Icon_1 = require("./Icon/index.cjs");
 Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return Icon_1.Icon; } });
 var Icon_2 = require("./Icon/index.cjs");
@@ -81,12 +86,35 @@ var Input_1 = require("./Input/index.cjs");
 Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
 var Jazzicon_1 = require("./temp-components/Jazzicon/index.cjs");
 Object.defineProperty(exports, "Jazzicon", { enumerable: true, get: function () { return Jazzicon_1.Jazzicon; } });
+var Label_1 = require("./Label/index.cjs");
+Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return Label_1.Label; } });
 var Maskicon_1 = require("./temp-components/Maskicon/index.cjs");
 Object.defineProperty(exports, "Maskicon", { enumerable: true, get: function () { return Maskicon_1.Maskicon; } });
 var ModalOverlay_1 = require("./ModalOverlay/index.cjs");
 Object.defineProperty(exports, "ModalOverlay", { enumerable: true, get: function () { return ModalOverlay_1.ModalOverlay; } });
 var ModalBody_1 = require("./ModalBody/index.cjs");
 Object.defineProperty(exports, "ModalBody", { enumerable: true, get: function () { return ModalBody_1.ModalBody; } });
+var ModalFocus_1 = require("./ModalFocus/index.cjs");
+Object.defineProperty(exports, "ModalFocus", { enumerable: true, get: function () { return ModalFocus_1.ModalFocus; } });
+var ModalFooter_1 = require("./ModalFooter/index.cjs");
+Object.defineProperty(exports, "ButtonsAlignment", { enumerable: true, get: function () { return ModalFooter_1.ButtonsAlignment; } });
+Object.defineProperty(exports, "ModalFooter", { enumerable: true, get: function () { return ModalFooter_1.ModalFooter; } });
+var ModalHeader_1 = require("./ModalHeader/index.cjs");
+Object.defineProperty(exports, "ModalHeader", { enumerable: true, get: function () { return ModalHeader_1.ModalHeader; } });
+var Modal_1 = require("./Modal/index.cjs");
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.Modal; } });
+Object.defineProperty(exports, "useModalContext", { enumerable: true, get: function () { return Modal_1.useModalContext; } });
+var ModalContent_1 = require("./ModalContent/index.cjs");
+Object.defineProperty(exports, "ModalContent", { enumerable: true, get: function () { return ModalContent_1.ModalContent; } });
+Object.defineProperty(exports, "ModalContentSize", { enumerable: true, get: function () { return ModalContent_1.ModalContentSize; } });
+Object.defineProperty(exports, "MODAL_CONTENT_IGNORE_OUTSIDE_CLICK_ATTR", { enumerable: true, get: function () { return ModalContent_1.MODAL_CONTENT_IGNORE_OUTSIDE_CLICK_ATTR; } });
+var Skeleton_1 = require("./Skeleton/index.cjs");
+Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
+var SensitiveText_1 = require("./SensitiveText/index.cjs");
+Object.defineProperty(exports, "SensitiveText", { enumerable: true, get: function () { return SensitiveText_1.SensitiveText; } });
+Object.defineProperty(exports, "SensitiveTextLength", { enumerable: true, get: function () { return SensitiveText_1.SensitiveTextLength; } });
+var PopoverHeader_1 = require("./PopoverHeader/index.cjs");
+Object.defineProperty(exports, "PopoverHeader", { enumerable: true, get: function () { return PopoverHeader_1.PopoverHeader; } });
 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");