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

package/dist/index.cjs

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

package/dist/index.cjs.map

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

package/dist/index.d.cts

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

package/dist/index.d.cts.map

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

package/dist/index.d.mts

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

package/dist/index.d.mts.map

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

package/dist/index.mjs

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

package/dist/index.mjs.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/utils/tw-merge.cjs

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

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

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

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

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

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

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

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

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

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

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

package/dist/utils/tw-merge.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tw-merge.mjs","sourceRoot":"","sources":["../../src/utils/tw-merge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,uBAAuB;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;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAAC;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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask-previews/design-system-react",
-  "version": "0.0.0-preview.52473ea",
+  "version": "0.0.0-preview.7df341a",
   "description": "Design system react ui components",
   "keywords": [
     "MetaMask",
@@ -35,10 +35,13 @@
     "dist/"
   ],
   "scripts": {
-    "build": "ts-bridge --project tsconfig.build.json --verbose --clean --no-references",
-    "build:docs": "typedoc",
+    "build": "yarn generate:icons && ts-bridge --project tsconfig.build.json --verbose --clean --no-references",
     "changelog:update": "../../scripts/update-changelog.sh @metamask/design-system-react",
     "changelog:validate": "../../scripts/validate-changelog.sh @metamask/design-system-react",
+    "clean:icons": "rimraf src/components/icon/icons",
+    "create-component": "ts-node scripts/create-component",
+    "generate:icons": "yarn clean:icons && svgr --config-file src/components/icon/.svgrrc.js -d src/components/icon/icons src/components/icon/assets/*.svg && yarn generate:icons:index",
+    "generate:icons:index": "ts-node scripts/generate-icons-index.ts",
     "publish:preview": "yarn npm publish --tag preview",
     "since-latest-release": "../../scripts/since-latest-release.sh",
     "test": "NODE_OPTIONS=--experimental-vm-modules jest --reporters=jest-silent-reporter",
@@ -46,25 +49,39 @@
     "test:verbose": "NODE_OPTIONS=--experimental-vm-modules jest --verbose",
     "test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
   },
+  "dependencies": {
+    "@metamask/jazzicon": "^2.0.0",
+    "@metamask/utils": "^11.3.0",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@solana/addresses": "^2.1.0",
+    "bitcoin-address-validation": "^3.0.0",
+    "blo": "^1.2.0",
+    "tailwind-merge": "^2.0.0"
+  },
   "devDependencies": {
-    "@metamask-previews/design-system-tailwind-preset": "0.0.0-preview.52473ea",
-    "@metamask/auto-changelog": "^3.4.4",
-    "@storybook/react": "^8.3.5",
-    "@storybook/test": "^8.3.5",
+    "@jest/globals": "^29.7.0",
+    "@metamask-previews/design-system-tailwind-preset": "0.2.0-preview.7df341a",
+    "@metamask/auto-changelog": "^4.1.0",
+    "@storybook/react": "^8.5.3",
+    "@storybook/test": "^8.5.3",
+    "@svgr/cli": "^8.1.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
+    "@ts-bridge/cli": "^0.5.1",
     "@types/jest": "^27.4.1",
+    "@types/node": "^16.18.54",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "deepmerge": "^4.2.2",
-    "jest": "^27.5.1",
-    "ts-jest": "^27.1.4",
-    "typedoc": "^0.24.8",
-    "typedoc-plugin-missing-exports": "^2.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "rimraf": "^5.0.5",
+    "ts-jest": "^29.2.5",
+    "ts-node": "^10.9.1",
     "typescript": "~5.2.2"
   },
   "peerDependencies": {
-    "@metamask/design-tokens": "^4.0.0",
+    "@metamask/design-tokens": "^6.0.0",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
     "tailwindcss": "^3.0.0"

package/dist/Button.cjs

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

package/dist/Button.cjs.map

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

package/dist/Button.d.cts

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

package/dist/Button.d.cts.map

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

package/dist/Button.d.mts

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

package/dist/Button.d.mts.map

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

package/dist/Button.mjs

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

package/dist/Button.mjs.map

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

package/dist/Button.test.cjs

@@ -1,29 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const Button_1 = require("./Button.cjs");
-describe('Button Component', () => {
-    it('renders children correctly', () => {
-        (0, react_2.render)(react_1.default.createElement(Button_1.Button, null, "Click Me"));
-        expect(react_2.screen.getByText('Click Me')).toBeInTheDocument();
-    });
-    it('applies the correct classes', () => {
-        const { container } = (0, react_2.render)(react_1.default.createElement(Button_1.Button, null, "Styled Button"));
-        expect(container.firstChild).toHaveClass('px-4 h-8 rounded-full bg-primary-default text-primary-inverse');
-    });
-    it('handles click events', () => {
-        const handleClick = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(Button_1.Button, { onClick: handleClick }, "Click"));
-        react_2.fireEvent.click(react_2.screen.getByText('Click'));
-        expect(handleClick).toHaveBeenCalledTimes(1);
-    });
-    it('passes additional props to the button element', () => {
-        (0, react_2.render)(react_1.default.createElement(Button_1.Button, { "aria-label": "custom-button" }, "Accessible Button"));
-        expect(react_2.screen.getByLabelText('custom-button')).toBeInTheDocument();
-    });
-});
-//# sourceMappingURL=Button.test.cjs.map

package/dist/Button.test.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.test.cjs","sourceRoot":"","sources":["../src/Button.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAmE;AACnE,yCAAkC;AAElC,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACpC,IAAA,cAAM,EAAC,8BAAC,eAAM,mBAAkB,CAAC,CAAC;QAClC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACrC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,8BAAC,eAAM,wBAAuB,CAAC,CAAC;QAC7D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CACtC,+DAA+D,CAChE,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC9B,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC9B,IAAA,cAAM,EAAC,8BAAC,eAAM,IAAC,OAAO,EAAE,WAAW,YAAgB,CAAC,CAAC;QACrD,iBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3C,MAAM,CAAC,WAAW,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACvD,IAAA,cAAM,EAAC,8BAAC,eAAM,kBAAY,eAAe,wBAA2B,CAAC,CAAC;QACtE,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACrE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render, screen, fireEvent } from '@testing-library/react';\nimport { Button } from './Button';\n\ndescribe('Button Component', () => {\n  it('renders children correctly', () => {\n    render(<Button>Click Me</Button>);\n    expect(screen.getByText('Click Me')).toBeInTheDocument();\n  });\n\n  it('applies the correct classes', () => {\n    const { container } = render(<Button>Styled Button</Button>);\n    expect(container.firstChild).toHaveClass(\n      'px-4 h-8 rounded-full bg-primary-default text-primary-inverse',\n    );\n  });\n\n  it('handles click events', () => {\n    const handleClick = jest.fn();\n    render(<Button onClick={handleClick}>Click</Button>);\n    fireEvent.click(screen.getByText('Click'));\n    expect(handleClick).toHaveBeenCalledTimes(1);\n  });\n\n  it('passes additional props to the button element', () => {\n    render(<Button aria-label=\"custom-button\">Accessible Button</Button>);\n    expect(screen.getByLabelText('custom-button')).toBeInTheDocument();\n  });\n});\n"]}

package/dist/Button.test.d.cts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Button.test.d.cts.map

package/dist/Button.test.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.test.d.cts","sourceRoot":"","sources":["../src/Button.test.tsx"],"names":[],"mappings":""}

package/dist/Button.test.d.mts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Button.test.d.mts.map

package/dist/Button.test.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.test.d.mts","sourceRoot":"","sources":["../src/Button.test.tsx"],"names":[],"mappings":""}

package/dist/Button.test.mjs

@@ -1,32 +0,0 @@
-function $importDefault(module) {
-    if (module?.__esModule) {
-        return module.default;
-    }
-    return module;
-}
-import $React from "react";
-const React = $importDefault($React);
-import $testinglibraryreact from "@testing-library/react";
-const { render, screen, fireEvent } = $testinglibraryreact;
-import { Button } from "./Button.mjs";
-describe('Button Component', () => {
-    it('renders children correctly', () => {
-        render(React.createElement(Button, null, "Click Me"));
-        expect(screen.getByText('Click Me')).toBeInTheDocument();
-    });
-    it('applies the correct classes', () => {
-        const { container } = render(React.createElement(Button, null, "Styled Button"));
-        expect(container.firstChild).toHaveClass('px-4 h-8 rounded-full bg-primary-default text-primary-inverse');
-    });
-    it('handles click events', () => {
-        const handleClick = jest.fn();
-        render(React.createElement(Button, { onClick: handleClick }, "Click"));
-        fireEvent.click(screen.getByText('Click'));
-        expect(handleClick).toHaveBeenCalledTimes(1);
-    });
-    it('passes additional props to the button element', () => {
-        render(React.createElement(Button, { "aria-label": "custom-button" }, "Accessible Button"));
-        expect(screen.getByLabelText('custom-button')).toBeInTheDocument();
-    });
-});
-//# sourceMappingURL=Button.test.mjs.map

package/dist/Button.test.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.test.mjs","sourceRoot":"","sources":["../src/Button.test.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;;;AAE1B,OAAO,EAAE,MAAM,EAAE,qBAAiB;AAElC,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACpC,MAAM,CAAC,oBAAC,MAAM,mBAAkB,CAAC,CAAC;QAClC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACrC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,MAAM,wBAAuB,CAAC,CAAC;QAC7D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CACtC,+DAA+D,CAChE,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC9B,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC9B,MAAM,CAAC,oBAAC,MAAM,IAAC,OAAO,EAAE,WAAW,YAAgB,CAAC,CAAC;QACrD,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3C,MAAM,CAAC,WAAW,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACvD,MAAM,CAAC,oBAAC,MAAM,kBAAY,eAAe,wBAA2B,CAAC,CAAC;QACtE,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACrE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render, screen, fireEvent } from '@testing-library/react';\nimport { Button } from './Button';\n\ndescribe('Button Component', () => {\n  it('renders children correctly', () => {\n    render(<Button>Click Me</Button>);\n    expect(screen.getByText('Click Me')).toBeInTheDocument();\n  });\n\n  it('applies the correct classes', () => {\n    const { container } = render(<Button>Styled Button</Button>);\n    expect(container.firstChild).toHaveClass(\n      'px-4 h-8 rounded-full bg-primary-default text-primary-inverse',\n    );\n  });\n\n  it('handles click events', () => {\n    const handleClick = jest.fn();\n    render(<Button onClick={handleClick}>Click</Button>);\n    fireEvent.click(screen.getByText('Click'));\n    expect(handleClick).toHaveBeenCalledTimes(1);\n  });\n\n  it('passes additional props to the button element', () => {\n    render(<Button aria-label=\"custom-button\">Accessible Button</Button>);\n    expect(screen.getByLabelText('custom-button')).toBeInTheDocument();\n  });\n});\n"]}

package/dist/Text.cjs

@@ -1,40 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = exports.TextVariant = void 0;
-const react_1 = __importDefault(require("react"));
-var TextVariant;
-(function (TextVariant) {
-    // Display Sizes
-    TextVariant["DisplayMd"] = "display-md";
-    // Heading Sizes
-    TextVariant["HeadingLg"] = "heading-lg";
-    TextVariant["HeadingMd"] = "heading-md";
-    TextVariant["HeadingSm"] = "heading-sm";
-    // Font Sizes
-    TextVariant["BodyLg"] = "body-lg";
-    TextVariant["BodyMd"] = "body-md";
-    TextVariant["BodySm"] = "body-sm";
-    TextVariant["BodyXs"] = "body-xs";
-})(TextVariant || (exports.TextVariant = TextVariant = {}));
-// Create a mapping from TextVariant to Tailwind class names
-const typographyClassMap = {
-    [TextVariant.DisplayMd]: 'text-s-display-md font-s-display-md leading-s-display-md tracking-s-display-md lg:text-l-display-md lg:font-l-display-md lg:leading-l-display-md lg:tracking-l-display-md',
-    [TextVariant.HeadingLg]: 'text-s-heading-lg font-s-heading-lg leading-s-heading-lg tracking-s-heading-lg lg:text-l-heading-lg lg:font-l-heading-lg lg:leading-l-heading-lg lg:tracking-l-heading-lg',
-    [TextVariant.HeadingMd]: 'text-s-heading-md font-s-heading-md leading-s-heading-md tracking-s-heading-md lg:text-l-heading-md lg:font-l-heading-md lg:leading-l-heading-md lg:tracking-l-heading-md',
-    [TextVariant.HeadingSm]: 'text-s-heading-sm font-s-heading-sm leading-s-heading-sm tracking-s-heading-sm lg:text-l-heading-sm lg:font-l-heading-sm lg:leading-l-heading-sm lg:tracking-l-heading-sm',
-    [TextVariant.BodyLg]: 'text-s-body-lg-medium font-s-body-lg-medium leading-s-body-lg-medium tracking-s-body-lg-medium lg:text-l-body-lg-medium lg:font-l-body-lg-medium lg:leading-l-body-lg-medium lg:tracking-l-body-lg-medium',
-    [TextVariant.BodyMd]: 'text-s-body-md font-s-body-md leading-s-body-md tracking-s-body-md lg:text-l-body-md lg:font-l-body-md lg:leading-l-body-md lg:tracking-l-body-md',
-    [TextVariant.BodySm]: 'text-s-body-sm font-s-body-sm leading-s-body-sm tracking-s-body-sm lg:text-l-body-sm lg:font-l-body-sm lg:leading-l-body-sm lg:tracking-l-body-sm',
-    [TextVariant.BodyXs]: 'text-s-body-xs font-s-body-xs leading-s-body-xs tracking-s-body-xs lg:text-l-body-xs lg:font-l-body-xs lg:leading-l-body-xs lg:tracking-l-body-xs',
-};
-// Update the Text component to use the TextVariant enum
-const Text = ({ variant, children, className }) => {
-    // Map the TextVariant to corresponding class names from typography.ts
-    const variantClass = typographyClassMap[variant];
-    return react_1.default.createElement("p", { className: `${variantClass} ${className}` }, children);
-};
-exports.Text = Text;
-//# sourceMappingURL=Text.cjs.map

package/dist/Text.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.cjs","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,IAAY,WAcX;AAdD,WAAY,WAAW;IACrB,gBAAgB;IAChB,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,EAdW,WAAW,2BAAX,WAAW,QActB;AAQD,4DAA4D;AAC5D,MAAM,kBAAkB,GAAgC;IACtD,CAAC,WAAW,CAAC,SAAS,CAAC,EACrB,2KAA2K;IAC7K,CAAC,WAAW,CAAC,SAAS,CAAC,EACrB,2KAA2K;IAC7K,CAAC,WAAW,CAAC,SAAS,CAAC,EACrB,2KAA2K;IAC7K,CAAC,WAAW,CAAC,SAAS,CAAC,EACrB,2KAA2K;IAC7K,CAAC,WAAW,CAAC,MAAM,CAAC,EAClB,2MAA2M;IAC7M,CAAC,WAAW,CAAC,MAAM,CAAC,EAClB,mJAAmJ;IACrJ,CAAC,WAAW,CAAC,MAAM,CAAC,EAClB,mJAAmJ;IACrJ,CAAC,WAAW,CAAC,MAAM,CAAC,EAClB,mJAAmJ;CACtJ,CAAC;AAEF,wDAAwD;AACjD,MAAM,IAAI,GAAwB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IAC5E,sEAAsE;IACtE,MAAM,YAAY,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAEjD,OAAO,qCAAG,SAAS,EAAE,GAAG,YAAY,IAAI,SAAS,EAAE,IAAG,QAAQ,CAAK,CAAC;AACtE,CAAC,CAAC;AALW,QAAA,IAAI,QAKf","sourcesContent":["import React from 'react';\n\nexport enum TextVariant {\n  // Display Sizes\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\ninterface TextProps {\n  variant: TextVariant;\n  children: React.ReactNode;\n  className?: string;\n}\n\n// Create a mapping from TextVariant to Tailwind class names\nconst typographyClassMap: Record<TextVariant, string> = {\n  [TextVariant.DisplayMd]:\n    'text-s-display-md font-s-display-md leading-s-display-md tracking-s-display-md lg:text-l-display-md lg:font-l-display-md lg:leading-l-display-md lg:tracking-l-display-md',\n  [TextVariant.HeadingLg]:\n    'text-s-heading-lg font-s-heading-lg leading-s-heading-lg tracking-s-heading-lg lg:text-l-heading-lg lg:font-l-heading-lg lg:leading-l-heading-lg lg:tracking-l-heading-lg',\n  [TextVariant.HeadingMd]:\n    'text-s-heading-md font-s-heading-md leading-s-heading-md tracking-s-heading-md lg:text-l-heading-md lg:font-l-heading-md lg:leading-l-heading-md lg:tracking-l-heading-md',\n  [TextVariant.HeadingSm]:\n    'text-s-heading-sm font-s-heading-sm leading-s-heading-sm tracking-s-heading-sm lg:text-l-heading-sm lg:font-l-heading-sm lg:leading-l-heading-sm lg:tracking-l-heading-sm',\n  [TextVariant.BodyLg]:\n    'text-s-body-lg-medium font-s-body-lg-medium leading-s-body-lg-medium tracking-s-body-lg-medium lg:text-l-body-lg-medium lg:font-l-body-lg-medium lg:leading-l-body-lg-medium lg:tracking-l-body-lg-medium',\n  [TextVariant.BodyMd]:\n    'text-s-body-md font-s-body-md leading-s-body-md tracking-s-body-md lg:text-l-body-md lg:font-l-body-md lg:leading-l-body-md lg:tracking-l-body-md',\n  [TextVariant.BodySm]:\n    'text-s-body-sm font-s-body-sm leading-s-body-sm tracking-s-body-sm lg:text-l-body-sm lg:font-l-body-sm lg:leading-l-body-sm lg:tracking-l-body-sm',\n  [TextVariant.BodyXs]:\n    'text-s-body-xs font-s-body-xs leading-s-body-xs tracking-s-body-xs lg:text-l-body-xs lg:font-l-body-xs lg:leading-l-body-xs lg:tracking-l-body-xs',\n};\n\n// Update the Text component to use the TextVariant enum\nexport const Text: React.FC<TextProps> = ({ variant, children, className }) => {\n  // Map the TextVariant to corresponding class names from typography.ts\n  const variantClass = typographyClassMap[variant];\n\n  return <p className={`${variantClass} ${className}`}>{children}</p>;\n};\n"]}

package/dist/Text.d.cts

@@ -1,19 +0,0 @@
-import React from "react";
-export declare enum TextVariant {
-    DisplayMd = "display-md",
-    HeadingLg = "heading-lg",
-    HeadingMd = "heading-md",
-    HeadingSm = "heading-sm",
-    BodyLg = "body-lg",
-    BodyMd = "body-md",
-    BodySm = "body-sm",
-    BodyXs = "body-xs"
-}
-interface TextProps {
-    variant: TextVariant;
-    children: React.ReactNode;
-    className?: string;
-}
-export declare const Text: React.FC<TextProps>;
-export {};
-//# sourceMappingURL=Text.d.cts.map

package/dist/Text.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.d.cts","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAE1B,oBAAY,WAAW;IAErB,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,UAAU,SAAS;IACjB,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuBD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAKpC,CAAC"}

package/dist/Text.d.mts

@@ -1,19 +0,0 @@
-import React from "react";
-export declare enum TextVariant {
-    DisplayMd = "display-md",
-    HeadingLg = "heading-lg",
-    HeadingMd = "heading-md",
-    HeadingSm = "heading-sm",
-    BodyLg = "body-lg",
-    BodyMd = "body-md",
-    BodySm = "body-sm",
-    BodyXs = "body-xs"
-}
-interface TextProps {
-    variant: TextVariant;
-    children: React.ReactNode;
-    className?: string;
-}
-export declare const Text: React.FC<TextProps>;
-export {};
-//# sourceMappingURL=Text.d.mts.map

package/dist/Text.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.d.mts","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAE1B,oBAAY,WAAW;IAErB,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,UAAU,SAAS;IACjB,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuBD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAKpC,CAAC"}