@metamask-previews/design-system-react-native 0.0.0-preview.bf69b6b → 0.0.0-preview.fbd1fe9

package/dist/components/ButtonIcon/ButtonIcon.utilities.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateButtonIconIconColorClassNames = exports.generateButtonIconContainerClassNames = void 0;
+const ButtonIcon_constants_1 = require("./ButtonIcon.constants");
+/**
+ * Generates a Tailwind class name string for the icon button container.
+ *
+ * This function constructs a class name string based on the button icon's `size`,
+ * `isDisabled`, `isPressed`, `isFloating`, and optional additional Tailwind class names.
+ *
+ * @param isDisabled - Determines whether the button is disabled, affecting opacity.
+ * @param isPressed - Determines whether the button is pressed, affecting background color.
+ * @param isFloating - Determines whether the button should have a floating, rounded appearance.
+ * @param size - The size of the button in pixels.
+ * @param twClassName - Additional Tailwind class names for customization.
+ * @returns A string of Tailwind class names representing the button icon's container styles.
+ *
+ * Example:
+ * ```
+ * const classNames = generateButtonIconContainerClassNames({
+ *   isDisabled: true,
+ *   isPressed: false,
+ *   isFloating: true,
+ *   size: 48,
+ *   twClassName: 'border border-blue-500',
+ * });
+ *
+ * console.log(classNames);
+ * // Output: "items-center justify-center rounded-full h-[48px] w-[48px] bg-icon-default opacity-50 border border-blue-500"
+ * ```
+ */
+const generateButtonIconContainerClassNames = ({ isDisabled = ButtonIcon_constants_1.DEFAULT_BUTTONICON_PROPS.isDisabled, isPressed = false, isFloating = ButtonIcon_constants_1.DEFAULT_BUTTONICON_PROPS.isFloating, size = ButtonIcon_constants_1.DEFAULT_BUTTONICON_PROPS.size, twClassName = '', }) => {
+    const baseStyle = 'items-center justify-center';
+    const backgroundStyle = isFloating ? 'rounded-full' : 'rounded-sm';
+    const sizeStyle = `h-[${size}px] w-[${size}px]`;
+    let backgroundColor;
+    if (isFloating) {
+        backgroundColor = `bg-icon-default`;
+    }
+    else {
+        backgroundColor = isPressed ? 'bg-background-pressed' : 'bg-transparent';
+    }
+    const opacityStyle = `opacity-${isDisabled ? 50 : 100}`;
+    return `${baseStyle} ${backgroundStyle} ${sizeStyle} ${backgroundColor} ${opacityStyle} ${twClassName}`;
+};
+exports.generateButtonIconContainerClassNames = generateButtonIconContainerClassNames;
+/**
+ * Generates a Tailwind class name string for the icon color of a button icon.
+ *
+ * This function determines the appropriate icon color class based on whether
+ * the button icon is using an inverse theme or is floating.
+ *
+ * @param isInverse - Determines if the button icon should use an inverse theme, affecting text color.
+ * @param isFloating - Determines if the button icon is floating, affecting text color.
+ * @returns A string representing the Tailwind class name for the button icon color.
+ *
+ * Example:
+ * ```
+ * const classNames = generateButtonIconIconColorClassNames({
+ *   isInverse: true,
+ *   isFloating: false,
+ * });
+ *
+ * console.log(classNames);
+ * // Output: "text-primary-inverse"
+ * ```
+ */
+const generateButtonIconIconColorClassNames = ({ isInverse = false, isFloating = ButtonIcon_constants_1.DEFAULT_BUTTONICON_PROPS.isFloating, }) => {
+    const iconColor = isInverse || isFloating ? 'text-primary-inverse' : 'text-icon-default';
+    return `${iconColor}`;
+};
+exports.generateButtonIconIconColorClassNames = generateButtonIconIconColorClassNames;
+//# sourceMappingURL=ButtonIcon.utilities.js.map

package/dist/components/ButtonIcon/ButtonIcon.utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon.utilities.js","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.utilities.ts"],"names":[],"mappings":";;;AAGA,iEAAkE;AAGlE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACI,MAAM,qCAAqC,GAAG,CAAC,EACpD,UAAU,GAAG,+CAAwB,CAAC,UAAU,EAChD,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,+CAAwB,CAAC,UAAU,EAChD,IAAI,GAAG,+CAAwB,CAAC,IAAI,EACpC,WAAW,GAAG,EAAE,GAGjB,EAAU,EAAE;IACX,MAAM,SAAS,GAAG,6BAA6B,CAAC;IAChD,MAAM,eAAe,GAAG,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC;IACnE,MAAM,SAAS,GAAG,MAAM,IAAc,UAAU,IAAc,KAAK,CAAC;IAEpE,IAAI,eAAe,CAAC;IAEpB,IAAI,UAAU,EAAE;QACd,eAAe,GAAG,iBAAiB,CAAC;KACrC;SAAM;QACL,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,gBAAgB,CAAC;KAC1E;IAED,MAAM,YAAY,GAAG,WAAW,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;IAExD,OAAO,GAAG,SAAS,IAAI,eAAe,IAAI,SAAS,IAAI,eAAe,IAAI,YAAY,IAAI,WAAW,EAAE,CAAC;AAC1G,CAAC,CAAC;AAxBW,QAAA,qCAAqC,yCAwBhD;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACI,MAAM,qCAAqC,GAAG,CAAC,EACpD,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,+CAAwB,CAAC,UAAU,GACvB,EAAa,EAAE;IACxC,MAAM,SAAS,GACb,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAEzE,OAAO,GAAG,SAAS,EAAe,CAAC;AACrC,CAAC,CAAC;AARW,QAAA,qCAAqC,yCAQhD","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport type { IconColor } from '../Icon';\nimport { DEFAULT_BUTTONICON_PROPS } from './ButtonIcon.constants';\nimport type { ButtonIconProps } from './ButtonIcon.types';\n\n/**\n * Generates a Tailwind class name string for the icon button container.\n *\n * This function constructs a class name string based on the button icon's `size`,\n * `isDisabled`, `isPressed`, `isFloating`, and optional additional Tailwind class names.\n *\n * @param isDisabled - Determines whether the button is disabled, affecting opacity.\n * @param isPressed - Determines whether the button is pressed, affecting background color.\n * @param isFloating - Determines whether the button should have a floating, rounded appearance.\n * @param size - The size of the button in pixels.\n * @param twClassName - Additional Tailwind class names for customization.\n * @returns A string of Tailwind class names representing the button icon's container styles.\n *\n * Example:\n * ```\n * const classNames = generateButtonIconContainerClassNames({\n *   isDisabled: true,\n *   isPressed: false,\n *   isFloating: true,\n *   size: 48,\n *   twClassName: 'border border-blue-500',\n * });\n *\n * console.log(classNames);\n * // Output: \"items-center justify-center rounded-full h-[48px] w-[48px] bg-icon-default opacity-50 border border-blue-500\"\n * ```\n */\nexport const generateButtonIconContainerClassNames = ({\n  isDisabled = DEFAULT_BUTTONICON_PROPS.isDisabled,\n  isPressed = false,\n  isFloating = DEFAULT_BUTTONICON_PROPS.isFloating,\n  size = DEFAULT_BUTTONICON_PROPS.size,\n  twClassName = '',\n}: Partial<ButtonIconProps> & {\n  isPressed?: boolean;\n}): string => {\n  const baseStyle = 'items-center justify-center';\n  const backgroundStyle = isFloating ? 'rounded-full' : 'rounded-sm';\n  const sizeStyle = `h-[${size as string}px] w-[${size as string}px]`;\n\n  let backgroundColor;\n\n  if (isFloating) {\n    backgroundColor = `bg-icon-default`;\n  } else {\n    backgroundColor = isPressed ? 'bg-background-pressed' : 'bg-transparent';\n  }\n\n  const opacityStyle = `opacity-${isDisabled ? 50 : 100}`;\n\n  return `${baseStyle} ${backgroundStyle} ${sizeStyle} ${backgroundColor} ${opacityStyle} ${twClassName}`;\n};\n\n/**\n * Generates a Tailwind class name string for the icon color of a button icon.\n *\n * This function determines the appropriate icon color class based on whether\n * the button icon is using an inverse theme or is floating.\n *\n * @param isInverse - Determines if the button icon should use an inverse theme, affecting text color.\n * @param isFloating - Determines if the button icon is floating, affecting text color.\n * @returns A string representing the Tailwind class name for the button icon color.\n *\n * Example:\n * ```\n * const classNames = generateButtonIconIconColorClassNames({\n *   isInverse: true,\n *   isFloating: false,\n * });\n *\n * console.log(classNames);\n * // Output: \"text-primary-inverse\"\n * ```\n */\nexport const generateButtonIconIconColorClassNames = ({\n  isInverse = false,\n  isFloating = DEFAULT_BUTTONICON_PROPS.isFloating,\n}: Partial<ButtonIconProps>): IconColor => {\n  const iconColor =\n    isInverse || isFloating ? 'text-primary-inverse' : 'text-icon-default';\n\n  return `${iconColor}` as IconColor;\n};\n"]}

package/dist/components/ButtonIcon/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './ButtonIcon';
+export type { ButtonIconProps } from './ButtonIcon.types';
+export { ButtonIconSize } from './ButtonIcon.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ButtonIcon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/ButtonIcon/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonIconSize = exports.default = void 0;
+var ButtonIcon_1 = require("./ButtonIcon");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ButtonIcon_1).default; } });
+var ButtonIcon_types_1 = require("./ButtonIcon.types");
+Object.defineProperty(exports, "ButtonIconSize", { enumerable: true, get: function () { return ButtonIcon_types_1.ButtonIconSize; } });
+//# sourceMappingURL=index.js.map

package/dist/components/ButtonIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA;AAEhB,uDAAoD;AAA3C,kHAAA,cAAc,OAAA","sourcesContent":["export { default } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon.types';\nexport { ButtonIconSize } from './ButtonIcon.types';\n"]}

package/dist/components/Icon/Icon.assets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.assets.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.assets.ts"],"names":[],"mappings":"AA+JA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,eA0J7B,CAAC"}

package/dist/components/Icon/Icon.assets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.assets.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.assets.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/prefer-default-export */\n// /////////////////////////////////////////////////////\n// This is a generated file\n// DO NOT EDIT - Use generate-assets.js\n// /////////////////////////////////////////////////////\nimport AddSquareSVG from './assets/add-square.svg';\nimport AddSVG from './assets/add.svg';\nimport Arrow2DownSVG from './assets/arrow-2-down.svg';\nimport Arrow2LeftSVG from './assets/arrow-2-left.svg';\nimport Arrow2RightSVG from './assets/arrow-2-right.svg';\nimport Arrow2UpRightSVG from './assets/arrow-2-up-right.svg';\nimport Arrow2UpSVG from './assets/arrow-2-up.svg';\nimport ArrowDoubleLeftSVG from './assets/arrow-double-left.svg';\nimport ArrowDoubleRightSVG from './assets/arrow-double-right.svg';\nimport ArrowDownSVG from './assets/arrow-down.svg';\nimport ArrowLeftSVG from './assets/arrow-left.svg';\nimport ArrowRightSVG from './assets/arrow-right.svg';\nimport ArrowUpSVG from './assets/arrow-up.svg';\nimport BanSVG from './assets/ban.svg';\nimport BankTokenSVG from './assets/bank-token.svg';\nimport BankSVG from './assets/bank.svg';\nimport BoldSVG from './assets/bold.svg';\nimport BookSVG from './assets/book.svg';\nimport BookmarkSVG from './assets/bookmark.svg';\nimport BridgeSVG from './assets/bridge.svg';\nimport CalculatorSVG from './assets/calculator.svg';\nimport CardPosSVG from './assets/card-pos.svg';\nimport CardTokenSVG from './assets/card-token.svg';\nimport CardSVG from './assets/card.svg';\nimport CategorySVG from './assets/category.svg';\nimport ChartSVG from './assets/chart.svg';\nimport CheckBoldSVG from './assets/check-bold.svg';\nimport CheckSVG from './assets/check.svg';\nimport CircleXSVG from './assets/circle-x.svg';\nimport ClockSVG from './assets/clock.svg';\nimport CloseSVG from './assets/close.svg';\nimport CodeCircleSVG from './assets/code-circle.svg';\nimport CoinSVG from './assets/coin.svg';\nimport CollapseSVG from './assets/collapse.svg';\nimport ConfirmationSVG from './assets/confirmation.svg';\nimport ConnectSVG from './assets/connect.svg';\nimport CopySuccessSVG from './assets/copy-success.svg';\nimport CopySVG from './assets/copy.svg';\nimport CustomizeSVG from './assets/customize.svg';\nimport DangerSVG from './assets/danger.svg';\nimport DarkSVG from './assets/dark.svg';\nimport DataSVG from './assets/data.svg';\nimport DiagramSVG from './assets/diagram.svg';\nimport DocumentCodeSVG from './assets/document-code.svg';\nimport DownloadSVG from './assets/download.svg';\nimport EditSVG from './assets/edit.svg';\nimport EraserSVG from './assets/eraser.svg';\nimport EthereumSVG from './assets/ethereum.svg';\nimport ExpandSVG from './assets/expand.svg';\nimport ExploreSVG from './assets/explore.svg';\nimport ExportSVG from './assets/export.svg';\nimport EyeSlashSVG from './assets/eye-slash.svg';\nimport EyeSVG from './assets/eye.svg';\nimport FileSVG from './assets/file.svg';\nimport FilterSVG from './assets/filter.svg';\nimport FlagSVG from './assets/flag.svg';\nimport FlashSlashSVG from './assets/flash-slash.svg';\nimport FlashSVG from './assets/flash.svg';\nimport FlaskSVG from './assets/flask.svg';\nimport FullCircleSVG from './assets/full-circle.svg';\nimport GasSVG from './assets/gas.svg';\nimport GlobalSearchSVG from './assets/global-search.svg';\nimport GlobalSVG from './assets/global.svg';\nimport GraphSVG from './assets/graph.svg';\nimport HardwareSVG from './assets/hardware.svg';\nimport HeartSVG from './assets/heart.svg';\nimport HierarchySVG from './assets/hierarchy.svg';\nimport HomeSVG from './assets/home.svg';\nimport ImportSVG from './assets/import.svg';\nimport InfoSVG from './assets/info.svg';\nimport KeySVG from './assets/key.svg';\nimport LightSVG from './assets/light.svg';\nimport LinkSVG from './assets/link.svg';\nimport LoadingSVG from './assets/loading.svg';\nimport LockCircleSVG from './assets/lock-circle.svg';\nimport LockSlashSVG from './assets/lock-slash.svg';\nimport LockSVG from './assets/lock.svg';\nimport LoginSVG from './assets/login.svg';\nimport LogoutSVG from './assets/logout.svg';\nimport MenuSVG from './assets/menu.svg';\nimport MessageQuestionSVG from './assets/message-question.svg';\nimport MessagesSVG from './assets/messages.svg';\nimport MinusBoldSVG from './assets/minus-bold.svg';\nimport MinusSquareSVG from './assets/minus-square.svg';\nimport MinusSVG from './assets/minus.svg';\nimport MobileSVG from './assets/mobile.svg';\nimport MoneySVG from './assets/money.svg';\nimport MonitorSVG from './assets/monitor.svg';\nimport MoreHorizontalSVG from './assets/more-horizontal.svg';\nimport MoreVerticalSVG from './assets/more-vertical.svg';\nimport NotificationCircleSVG from './assets/notification-circle.svg';\nimport NotificationSVG from './assets/notification.svg';\nimport PasswordCheckSVG from './assets/password-check.svg';\nimport PeopleSVG from './assets/people.svg';\nimport PinSVG from './assets/pin.svg';\nimport PlugSVG from './assets/plug.svg';\nimport PlusMinusSVG from './assets/plus-minus.svg';\nimport ProgrammingArrowsSVG from './assets/programming-arrows.svg';\nimport QrCodeSVG from './assets/qr-code.svg';\nimport QuestionSVG from './assets/question.svg';\nimport ReceivedSVG from './assets/received.svg';\nimport RefreshSVG from './assets/refresh.svg';\nimport SaveSVG from './assets/save.svg';\nimport ScanBarcodeSVG from './assets/scan-barcode.svg';\nimport ScanFocusSVG from './assets/scan-focus.svg';\nimport ScanSVG from './assets/scan.svg';\nimport ScrollSVG from './assets/scroll.svg';\nimport SearchSVG from './assets/search.svg';\nimport SecurityCardSVG from './assets/security-card.svg';\nimport SecurityCrossSVG from './assets/security-cross.svg';\nimport SecurityKeySVG from './assets/security-key.svg';\nimport SecuritySearchSVG from './assets/security-search.svg';\nimport SecuritySlashSVG from './assets/security-slash.svg';\nimport SecurityTickSVG from './assets/security-tick.svg';\nimport SecurityTimeSVG from './assets/security-time.svg';\nimport SecurityUserSVG from './assets/security-user.svg';\nimport SecuritySVG from './assets/security.svg';\nimport Send1SVG from './assets/send-1.svg';\nimport Send2SVG from './assets/send-2.svg';\nimport SettingSVG from './assets/setting.svg';\nimport ShareSVG from './assets/share.svg';\nimport SlashSVG from './assets/slash.svg';\nimport SnapsMobileSVG from './assets/snaps-mobile.svg';\nimport SnapsPlusSVG from './assets/snaps-plus.svg';\nimport SnapsSVG from './assets/snaps.svg';\nimport SpeedometerSVG from './assets/speedometer.svg';\nimport SquareSVG from './assets/square.svg';\nimport StakeSVG from './assets/stake.svg';\nimport StarSVG from './assets/star.svg';\nimport StudentSVG from './assets/student.svg';\nimport SwapHorizontalSVG from './assets/swap-horizontal.svg';\nimport SwapVerticalSVG from './assets/swap-vertical.svg';\nimport TagSVG from './assets/tag.svg';\nimport TildeSVG from './assets/tilde.svg';\nimport TimerSVG from './assets/timer.svg';\nimport TintSVG from './assets/tint.svg';\nimport TrashSVG from './assets/trash.svg';\nimport TrendDownSVG from './assets/trend-down.svg';\nimport TrendUpSVG from './assets/trend-up.svg';\nimport TwitterSVG from './assets/twitter.svg';\nimport UnpinSVG from './assets/unpin.svg';\nimport UploadSVG from './assets/upload.svg';\nimport UsbSVG from './assets/usb.svg';\nimport UserCheckSVG from './assets/user-check.svg';\nimport UserCircleAddSVG from './assets/user-circle-add.svg';\nimport UserCircleRemoveSVG from './assets/user-circle-remove.svg';\nimport UserCircleSVG from './assets/user-circle.svg';\nimport UserSVG from './assets/user.svg';\nimport WalletCardSVG from './assets/wallet-card.svg';\nimport WalletMoneySVG from './assets/wallet-money.svg';\nimport WalletSVG from './assets/wallet.svg';\nimport WarningSVG from './assets/warning.svg';\nimport WifiSVG from './assets/wifi.svg';\nimport { IconName } from './Icon.types';\nimport type { AssetByIconName } from './Icon.types';\n\n/**\n * Asset stored by icon name\n */\nexport const assetByIconName: AssetByIconName = {\n  [IconName.AddSquare]: AddSquareSVG,\n  [IconName.Add]: AddSVG,\n  [IconName.Arrow2Down]: Arrow2DownSVG,\n  [IconName.Arrow2Left]: Arrow2LeftSVG,\n  [IconName.Arrow2Right]: Arrow2RightSVG,\n  [IconName.Arrow2UpRight]: Arrow2UpRightSVG,\n  [IconName.Arrow2Up]: Arrow2UpSVG,\n  [IconName.ArrowDoubleLeft]: ArrowDoubleLeftSVG,\n  [IconName.ArrowDoubleRight]: ArrowDoubleRightSVG,\n  [IconName.ArrowDown]: ArrowDownSVG,\n  [IconName.ArrowLeft]: ArrowLeftSVG,\n  [IconName.ArrowRight]: ArrowRightSVG,\n  [IconName.ArrowUp]: ArrowUpSVG,\n  [IconName.Ban]: BanSVG,\n  [IconName.BankToken]: BankTokenSVG,\n  [IconName.Bank]: BankSVG,\n  [IconName.Bold]: BoldSVG,\n  [IconName.Book]: BookSVG,\n  [IconName.Bookmark]: BookmarkSVG,\n  [IconName.Bridge]: BridgeSVG,\n  [IconName.Calculator]: CalculatorSVG,\n  [IconName.CardPos]: CardPosSVG,\n  [IconName.CardToken]: CardTokenSVG,\n  [IconName.Card]: CardSVG,\n  [IconName.Category]: CategorySVG,\n  [IconName.Chart]: ChartSVG,\n  [IconName.CheckBold]: CheckBoldSVG,\n  [IconName.Check]: CheckSVG,\n  [IconName.CircleX]: CircleXSVG,\n  [IconName.Clock]: ClockSVG,\n  [IconName.Close]: CloseSVG,\n  [IconName.CodeCircle]: CodeCircleSVG,\n  [IconName.Coin]: CoinSVG,\n  [IconName.Collapse]: CollapseSVG,\n  [IconName.Confirmation]: ConfirmationSVG,\n  [IconName.Connect]: ConnectSVG,\n  [IconName.CopySuccess]: CopySuccessSVG,\n  [IconName.Copy]: CopySVG,\n  [IconName.Customize]: CustomizeSVG,\n  [IconName.Danger]: DangerSVG,\n  [IconName.Dark]: DarkSVG,\n  [IconName.Data]: DataSVG,\n  [IconName.Diagram]: DiagramSVG,\n  [IconName.DocumentCode]: DocumentCodeSVG,\n  [IconName.Download]: DownloadSVG,\n  [IconName.Edit]: EditSVG,\n  [IconName.Eraser]: EraserSVG,\n  [IconName.Ethereum]: EthereumSVG,\n  [IconName.Expand]: ExpandSVG,\n  [IconName.Explore]: ExploreSVG,\n  [IconName.Export]: ExportSVG,\n  [IconName.EyeSlash]: EyeSlashSVG,\n  [IconName.Eye]: EyeSVG,\n  [IconName.File]: FileSVG,\n  [IconName.Filter]: FilterSVG,\n  [IconName.Flag]: FlagSVG,\n  [IconName.FlashSlash]: FlashSlashSVG,\n  [IconName.Flash]: FlashSVG,\n  [IconName.Flask]: FlaskSVG,\n  [IconName.FullCircle]: FullCircleSVG,\n  [IconName.Gas]: GasSVG,\n  [IconName.GlobalSearch]: GlobalSearchSVG,\n  [IconName.Global]: GlobalSVG,\n  [IconName.Graph]: GraphSVG,\n  [IconName.Hardware]: HardwareSVG,\n  [IconName.Heart]: HeartSVG,\n  [IconName.Hierarchy]: HierarchySVG,\n  [IconName.Home]: HomeSVG,\n  [IconName.Import]: ImportSVG,\n  [IconName.Info]: InfoSVG,\n  [IconName.Key]: KeySVG,\n  [IconName.Light]: LightSVG,\n  [IconName.Link]: LinkSVG,\n  [IconName.Loading]: LoadingSVG,\n  [IconName.LockCircle]: LockCircleSVG,\n  [IconName.LockSlash]: LockSlashSVG,\n  [IconName.Lock]: LockSVG,\n  [IconName.Login]: LoginSVG,\n  [IconName.Logout]: LogoutSVG,\n  [IconName.Menu]: MenuSVG,\n  [IconName.MessageQuestion]: MessageQuestionSVG,\n  [IconName.Messages]: MessagesSVG,\n  [IconName.MinusBold]: MinusBoldSVG,\n  [IconName.MinusSquare]: MinusSquareSVG,\n  [IconName.Minus]: MinusSVG,\n  [IconName.Mobile]: MobileSVG,\n  [IconName.Money]: MoneySVG,\n  [IconName.Monitor]: MonitorSVG,\n  [IconName.MoreHorizontal]: MoreHorizontalSVG,\n  [IconName.MoreVertical]: MoreVerticalSVG,\n  [IconName.NotificationCircle]: NotificationCircleSVG,\n  [IconName.Notification]: NotificationSVG,\n  [IconName.PasswordCheck]: PasswordCheckSVG,\n  [IconName.People]: PeopleSVG,\n  [IconName.Pin]: PinSVG,\n  [IconName.Plug]: PlugSVG,\n  [IconName.PlusMinus]: PlusMinusSVG,\n  [IconName.ProgrammingArrows]: ProgrammingArrowsSVG,\n  [IconName.QrCode]: QrCodeSVG,\n  [IconName.Question]: QuestionSVG,\n  [IconName.Received]: ReceivedSVG,\n  [IconName.Refresh]: RefreshSVG,\n  [IconName.Save]: SaveSVG,\n  [IconName.ScanBarcode]: ScanBarcodeSVG,\n  [IconName.ScanFocus]: ScanFocusSVG,\n  [IconName.Scan]: ScanSVG,\n  [IconName.Scroll]: ScrollSVG,\n  [IconName.Search]: SearchSVG,\n  [IconName.SecurityCard]: SecurityCardSVG,\n  [IconName.SecurityCross]: SecurityCrossSVG,\n  [IconName.SecurityKey]: SecurityKeySVG,\n  [IconName.SecuritySearch]: SecuritySearchSVG,\n  [IconName.SecuritySlash]: SecuritySlashSVG,\n  [IconName.SecurityTick]: SecurityTickSVG,\n  [IconName.SecurityTime]: SecurityTimeSVG,\n  [IconName.SecurityUser]: SecurityUserSVG,\n  [IconName.Security]: SecuritySVG,\n  [IconName.Send1]: Send1SVG,\n  [IconName.Send2]: Send2SVG,\n  [IconName.Setting]: SettingSVG,\n  [IconName.Share]: ShareSVG,\n  [IconName.Slash]: SlashSVG,\n  [IconName.SnapsMobile]: SnapsMobileSVG,\n  [IconName.SnapsPlus]: SnapsPlusSVG,\n  [IconName.Snaps]: SnapsSVG,\n  [IconName.Speedometer]: SpeedometerSVG,\n  [IconName.Square]: SquareSVG,\n  [IconName.Stake]: StakeSVG,\n  [IconName.Star]: StarSVG,\n  [IconName.Student]: StudentSVG,\n  [IconName.SwapHorizontal]: SwapHorizontalSVG,\n  [IconName.SwapVertical]: SwapVerticalSVG,\n  [IconName.Tag]: TagSVG,\n  [IconName.Tilde]: TildeSVG,\n  [IconName.Timer]: TimerSVG,\n  [IconName.Tint]: TintSVG,\n  [IconName.Trash]: TrashSVG,\n  [IconName.TrendDown]: TrendDownSVG,\n  [IconName.TrendUp]: TrendUpSVG,\n  [IconName.Twitter]: TwitterSVG,\n  [IconName.Unpin]: UnpinSVG,\n  [IconName.Upload]: UploadSVG,\n  [IconName.Usb]: UsbSVG,\n  [IconName.UserCheck]: UserCheckSVG,\n  [IconName.UserCircleAdd]: UserCircleAddSVG,\n  [IconName.UserCircleRemove]: UserCircleRemoveSVG,\n  [IconName.UserCircle]: UserCircleSVG,\n  [IconName.User]: UserSVG,\n  [IconName.WalletCard]: WalletCardSVG,\n  [IconName.WalletMoney]: WalletMoneySVG,\n  [IconName.Wallet]: WalletSVG,\n  [IconName.Warning]: WarningSVG,\n  [IconName.Wifi]: WifiSVG,\n};\n"]}

package/dist/components/{Icons/Icon → Icon}/Icon.constants.d.ts

@@ -3,7 +3,5 @@ import { IconName, IconSize, IconColor } from './Icon.types';
 export declare const DEFAULT_ICON_ICONSIZE = IconSize.Md;
 export declare const DEFAULT_ICON_ICONCOLOR = IconColor.IconDefault;
 export declare const DEFAULT_ICON_ICONNAME = IconName.Add;
-export declare const TWCLASSMAP_ICON_ICONCOLOR: Record<IconColor, string>;
-export declare const TWCLASSMAP_ICON_ICONSIZE: Record<IconSize, string>;
 export declare const SAMPLE_ICON_PROPS: IconProps;
 //# sourceMappingURL=Icon.constants.d.ts.map

package/dist/components/Icon/Icon.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.constants.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG7D,eAAO,MAAM,qBAAqB,cAAc,CAAC;AACjD,eAAO,MAAM,sBAAsB,wBAAwB,CAAC;AAC5D,eAAO,MAAM,qBAAqB,eAAe,CAAC;AAGlD,eAAO,MAAM,iBAAiB,EAAE,SAI/B,CAAC"}

package/dist/components/Icon/Icon.constants.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SAMPLE_ICON_PROPS = exports.DEFAULT_ICON_ICONNAME = exports.DEFAULT_ICON_ICONCOLOR = exports.DEFAULT_ICON_ICONSIZE = void 0;
+const Icon_types_1 = require("./Icon.types");
+// Defaults
+exports.DEFAULT_ICON_ICONSIZE = Icon_types_1.IconSize.Md;
+exports.DEFAULT_ICON_ICONCOLOR = Icon_types_1.IconColor.IconDefault;
+exports.DEFAULT_ICON_ICONNAME = Icon_types_1.IconName.Add;
+// Sample consts
+exports.SAMPLE_ICON_PROPS = {
+    name: exports.DEFAULT_ICON_ICONNAME,
+    size: exports.DEFAULT_ICON_ICONSIZE,
+    color: exports.DEFAULT_ICON_ICONCOLOR,
+};
+//# sourceMappingURL=Icon.constants.js.map

package/dist/components/Icon/Icon.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.constants.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.constants.ts"],"names":[],"mappings":";;;AAGA,6CAA6D;AAE7D,WAAW;AACE,QAAA,qBAAqB,GAAG,qBAAQ,CAAC,EAAE,CAAC;AACpC,QAAA,sBAAsB,GAAG,sBAAS,CAAC,WAAW,CAAC;AAC/C,QAAA,qBAAqB,GAAG,qBAAQ,CAAC,GAAG,CAAC;AAElD,gBAAgB;AACH,QAAA,iBAAiB,GAAc;IAC1C,IAAI,EAAE,6BAAqB;IAC3B,IAAI,EAAE,6BAAqB;IAC3B,KAAK,EAAE,8BAAsB;CAC9B,CAAC","sourcesContent":["/* eslint-disable import/prefer-default-export */\n// Internal dependencies.\nimport type { IconProps } from './Icon.types';\nimport { IconName, IconSize, IconColor } from './Icon.types';\n\n// Defaults\nexport const DEFAULT_ICON_ICONSIZE = IconSize.Md;\nexport const DEFAULT_ICON_ICONCOLOR = IconColor.IconDefault;\nexport const DEFAULT_ICON_ICONNAME = IconName.Add;\n\n// Sample consts\nexport const SAMPLE_ICON_PROPS: IconProps = {\n  name: DEFAULT_ICON_ICONNAME,\n  size: DEFAULT_ICON_ICONSIZE,\n  color: DEFAULT_ICON_ICONCOLOR,\n};\n"]}

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { IconProps } from './Icon.types';
+declare const Icon: ({ size, name, color, twClassName, style, ...props }: IconProps) => React.JSX.Element;
+export default Icon;
+//# sourceMappingURL=Icon.d.ts.map

package/dist/components/Icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,QAAA,MAAM,IAAI,wDAOP,SAAS,sBAeX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/{Icons/Icon → Icon}/Icon.js

@@ -28,14 +28,18 @@ const react_1 = __importStar(require("react"));
 const Icon_assets_1 = require("./Icon.assets");
 const Icon_constants_1 = require("./Icon.constants");
 const Icon_utilities_1 = require("./Icon.utilities");
-const Icon = ({ size = Icon_constants_1.DEFAULT_ICON_ICONSIZE, name, color = Icon_constants_1.DEFAULT_ICON_ICONCOLOR, style, ...props }) => {
+const Icon = ({ size = Icon_constants_1.DEFAULT_ICON_ICONSIZE, name, color = Icon_constants_1.DEFAULT_ICON_ICONCOLOR, twClassName, style, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     const SVG = Icon_assets_1.assetByIconName[name];
-    const styles = (0, react_1.useMemo)(() => {
-        const mergedClassnames = (0, Icon_utilities_1.generateIconClassNames)({ color, size });
+    const twStyle = (0, react_1.useMemo)(() => {
+        const mergedClassnames = (0, Icon_utilities_1.generateIconClassNames)({
+            color,
+            size,
+            twClassName,
+        });
         return tw `${mergedClassnames}`;
-    }, [color, size, tw]);
-    return <SVG name={name} fill="currentColor" style={[styles]} {...props}/>;
+    }, [color, size, tw, twClassName]);
+    return (<SVG name={name} fill="currentColor" style={[twStyle, style]} {...props}/>);
 };
-exports.default = (0, design_system_twrnc_preset_1.withThemeProvider)(Icon);
+exports.default = Icon;
 //# sourceMappingURL=Icon.js.map

package/dist/components/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8FAA4E;AAC5E,+CAAuC;AAEvC,+CAAgD;AAChD,qDAG0B;AAE1B,qDAA0D;AAE1D,MAAM,IAAI,GAAG,CAAC,EACZ,IAAI,GAAG,sCAAqB,EAC5B,IAAI,EACJ,KAAK,GAAG,uCAAsB,EAC9B,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACE,EAAE,EAAE;IACd,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,GAAG,GAAG,6BAAe,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC3B,MAAM,gBAAgB,GAAG,IAAA,uCAAsB,EAAC;YAC9C,KAAK;YACL,IAAI;YACJ,WAAW;SACZ,CAAC,CAAC;QACH,OAAO,EAAE,CAAA,GAAG,gBAAgB,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAC5E,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useMemo } from 'react';\n\nimport { assetByIconName } from './Icon.assets';\nimport {\n  DEFAULT_ICON_ICONSIZE,\n  DEFAULT_ICON_ICONCOLOR,\n} from './Icon.constants';\nimport type { IconProps } from './Icon.types';\nimport { generateIconClassNames } from './Icon.utilities';\n\nconst Icon = ({\n  size = DEFAULT_ICON_ICONSIZE,\n  name,\n  color = DEFAULT_ICON_ICONCOLOR,\n  twClassName,\n  style,\n  ...props\n}: IconProps) => {\n  const tw = useTailwind();\n  const SVG = assetByIconName[name];\n  const twStyle = useMemo(() => {\n    const mergedClassnames = generateIconClassNames({\n      color,\n      size,\n      twClassName,\n    });\n    return tw`${mergedClassnames}`;\n  }, [color, size, tw, twClassName]);\n\n  return (\n    <SVG name={name} fill=\"currentColor\" style={[twStyle, style]} {...props} />\n  );\n};\n\nexport default Icon;\n"]}

package/dist/components/{Icons/Icon → Icon}/Icon.types.d.ts

@@ -6,48 +6,60 @@ import type { SvgProps } from 'react-native-svg';
  */
 export declare enum IconColor {
     /** For default neutral icons */
-    IconDefault = "icon-default",
+    IconDefault = "text-icon-default",
     /** For softer neutral icons */
-    IconAlternative = "icon-alternative",
+    IconAlternative = "text-icon-alternative",
     /** For the weakest contrast neutral icons (not accessible) */
-    IconMuted = "icon-muted",
-    /** For elements used on top of overlay/alternative. Used for text, icon or border */
-    OverlayInverse = "overlay-inverse",
-    /** For interactive, active, and selected semantics. Used for text, background, icon or border */
-    PrimaryDefault = "primary-default",
-    /** For elements used on top of primary/default. Used for text, icon or border */
-    PrimaryInverse = "primary-inverse",
-    /** For the critical alert semantic elements. Used for text, background, icon or border */
-    ErrorDefault = "error-default",
-    /** For elements used on top of error/default. Used for text, icon or border */
-    ErrorInverse = "error-inverse",
-    /** For the positive semantic elements. Used for text, background, icon or border */
-    SuccessDefault = "success-default",
-    /** For elements used on top of success/default. Used for text, icon or border */
-    SuccessInverse = "success-inverse",
-    /** For the caution alert semantic elements. Used for text, background, icon or border */
-    WarningDefault = "warning-default",
-    /** For elements used on top of warning/default. Used for text, icon or border */
-    WarningInverse = "warning-inverse",
-    /** For informational read-only elements. Used for text, background, icon or border */
-    InfoDefault = "info-default",
-    /** For elements used on top of info/default. Used for text, icon or border */
-    InfoInverse = "info-inverse"
+    IconMuted = "text-icon-muted",
+    /** For elements used on top of overlay/alternative. Used for text, icon, or border */
+    OverlayInverse = "text-overlay-inverse",
+    /** For interactive, active, and selected semantics. Used for text, background, icon, or border */
+    PrimaryDefault = "text-primary-default",
+    /** For softer variants of primary interactive elements */
+    PrimaryAlternative = "text-primary-alternative",
+    /** For elements used on top of primary/default. Used for text, icon, or border */
+    PrimaryInverse = "text-primary-inverse",
+    /** For primary interactive elements in a pressed state */
+    PrimaryDefaultPressed = "text-primary-defaultPressed",
+    /** For critical alert semantic elements. Used for text, background, icon, or border */
+    ErrorDefault = "text-error-default",
+    /** For softer variants of error elements */
+    ErrorAlternative = "text-error-alternative",
+    /** For elements used on top of error/default. Used for text, icon, or border */
+    ErrorInverse = "text-error-inverse",
+    /** For critical alert semantic elements in a pressed state */
+    ErrorDefaultPressed = "text-error-defaultPressed",
+    /** For caution alert semantic elements. Used for text, background, icon, or border */
+    WarningDefault = "text-warning-default",
+    /** For elements used on top of warning/default. Used for text, icon, or border */
+    WarningInverse = "text-warning-inverse",
+    /** For caution alert semantic elements in a pressed state */
+    WarningDefaultPressed = "text-warning-defaultPressed",
+    /** For positive semantic elements. Used for text, background, icon, or border */
+    SuccessDefault = "text-success-default",
+    /** For elements used on top of success/default. Used for text, icon, or border */
+    SuccessInverse = "text-success-inverse",
+    /** For positive semantic elements in a pressed state */
+    SuccessDefaultPressed = "text-success-defaultPressed",
+    /** For informational read-only elements. Used for text, background, icon, or border */
+    InfoDefault = "text-info-default",
+    /** For elements used on top of info/default. Used for text, icon, or border */
+    InfoInverse = "text-info-inverse"
 }
 /**
  * Icon sizes
  */
 export declare enum IconSize {
     /** Extra small - 12px */
-    Xs = "xs",
+    Xs = 12,
     /** Small - 16px */
-    Sm = "sm",
+    Sm = 16,
     /** Medium - 20px (Default) */
-    Md = "md",
+    Md = 20,
     /** Large - 24px */
-    Lg = "lg",
+    Lg = 24,
     /** Extra large - 32px */
-    Xl = "xl"
+    Xl = 32
 }
 /**
  * Icon component props.

package/dist/components/Icon/Icon.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.types.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.types.ts"],"names":[],"mappings":"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"}

package/dist/components/{Icons/Icon → Icon}/Icon.types.js

@@ -7,33 +7,45 @@ exports.IconName = exports.IconSize = exports.IconColor = void 0;
 var IconColor;
 (function (IconColor) {
     /** For default neutral icons */
-    IconColor["IconDefault"] = "icon-default";
+    IconColor["IconDefault"] = "text-icon-default";
     /** For softer neutral icons */
-    IconColor["IconAlternative"] = "icon-alternative";
+    IconColor["IconAlternative"] = "text-icon-alternative";
     /** For the weakest contrast neutral icons (not accessible) */
-    IconColor["IconMuted"] = "icon-muted";
-    /** For elements used on top of overlay/alternative. Used for text, icon or border */
-    IconColor["OverlayInverse"] = "overlay-inverse";
-    /** For interactive, active, and selected semantics. Used for text, background, icon or border */
-    IconColor["PrimaryDefault"] = "primary-default";
-    /** For elements used on top of primary/default. Used for text, icon or border */
-    IconColor["PrimaryInverse"] = "primary-inverse";
-    /** For the critical alert semantic elements. Used for text, background, icon or border */
-    IconColor["ErrorDefault"] = "error-default";
-    /** For elements used on top of error/default. Used for text, icon or border */
-    IconColor["ErrorInverse"] = "error-inverse";
-    /** For the positive semantic elements. Used for text, background, icon or border */
-    IconColor["SuccessDefault"] = "success-default";
-    /** For elements used on top of success/default. Used for text, icon or border */
-    IconColor["SuccessInverse"] = "success-inverse";
-    /** For the caution alert semantic elements. Used for text, background, icon or border */
-    IconColor["WarningDefault"] = "warning-default";
-    /** For elements used on top of warning/default. Used for text, icon or border */
-    IconColor["WarningInverse"] = "warning-inverse";
-    /** For informational read-only elements. Used for text, background, icon or border */
-    IconColor["InfoDefault"] = "info-default";
-    /** For elements used on top of info/default. Used for text, icon or border */
-    IconColor["InfoInverse"] = "info-inverse";
+    IconColor["IconMuted"] = "text-icon-muted";
+    /** For elements used on top of overlay/alternative. Used for text, icon, or border */
+    IconColor["OverlayInverse"] = "text-overlay-inverse";
+    /** For interactive, active, and selected semantics. Used for text, background, icon, or border */
+    IconColor["PrimaryDefault"] = "text-primary-default";
+    /** For softer variants of primary interactive elements */
+    IconColor["PrimaryAlternative"] = "text-primary-alternative";
+    /** For elements used on top of primary/default. Used for text, icon, or border */
+    IconColor["PrimaryInverse"] = "text-primary-inverse";
+    /** For primary interactive elements in a pressed state */
+    IconColor["PrimaryDefaultPressed"] = "text-primary-defaultPressed";
+    /** For critical alert semantic elements. Used for text, background, icon, or border */
+    IconColor["ErrorDefault"] = "text-error-default";
+    /** For softer variants of error elements */
+    IconColor["ErrorAlternative"] = "text-error-alternative";
+    /** For elements used on top of error/default. Used for text, icon, or border */
+    IconColor["ErrorInverse"] = "text-error-inverse";
+    /** For critical alert semantic elements in a pressed state */
+    IconColor["ErrorDefaultPressed"] = "text-error-defaultPressed";
+    /** For caution alert semantic elements. Used for text, background, icon, or border */
+    IconColor["WarningDefault"] = "text-warning-default";
+    /** For elements used on top of warning/default. Used for text, icon, or border */
+    IconColor["WarningInverse"] = "text-warning-inverse";
+    /** For caution alert semantic elements in a pressed state */
+    IconColor["WarningDefaultPressed"] = "text-warning-defaultPressed";
+    /** For positive semantic elements. Used for text, background, icon, or border */
+    IconColor["SuccessDefault"] = "text-success-default";
+    /** For elements used on top of success/default. Used for text, icon, or border */
+    IconColor["SuccessInverse"] = "text-success-inverse";
+    /** For positive semantic elements in a pressed state */
+    IconColor["SuccessDefaultPressed"] = "text-success-defaultPressed";
+    /** For informational read-only elements. Used for text, background, icon, or border */
+    IconColor["InfoDefault"] = "text-info-default";
+    /** For elements used on top of info/default. Used for text, icon, or border */
+    IconColor["InfoInverse"] = "text-info-inverse";
 })(IconColor || (exports.IconColor = IconColor = {}));
 /**
  * Icon sizes
@@ -41,15 +53,15 @@ var IconColor;
 var IconSize;
 (function (IconSize) {
     /** Extra small - 12px */
-    IconSize["Xs"] = "xs";
+    IconSize[IconSize["Xs"] = 12] = "Xs";
     /** Small - 16px */
-    IconSize["Sm"] = "sm";
+    IconSize[IconSize["Sm"] = 16] = "Sm";
     /** Medium - 20px (Default) */
-    IconSize["Md"] = "md";
+    IconSize[IconSize["Md"] = 20] = "Md";
     /** Large - 24px */
-    IconSize["Lg"] = "lg";
+    IconSize[IconSize["Lg"] = 24] = "Lg";
     /** Extra large - 32px */
-    IconSize["Xl"] = "xl";
+    IconSize[IconSize["Xl"] = 32] = "Xl";
 })(IconSize || (exports.IconSize = IconSize = {}));
 // /////////////////////////////////////////////////////
 // This is generated code - Manually add types above

package/dist/components/Icon/Icon.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.types.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.types.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-shadow */\n// Third party dependencies.\nimport type React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { SvgProps } from 'react-native-svg';\n\n/**\n * Icon color\n */\nexport enum IconColor {\n  /** For default neutral icons */\n  IconDefault = 'text-icon-default',\n  /** For softer neutral icons */\n  IconAlternative = 'text-icon-alternative',\n  /** For the weakest contrast neutral icons (not accessible) */\n  IconMuted = 'text-icon-muted',\n  /** For elements used on top of overlay/alternative. Used for text, icon, or border */\n  OverlayInverse = 'text-overlay-inverse',\n  /** For interactive, active, and selected semantics. Used for text, background, icon, or border */\n  PrimaryDefault = 'text-primary-default',\n  /** For softer variants of primary interactive elements */\n  PrimaryAlternative = 'text-primary-alternative',\n  /** For elements used on top of primary/default. Used for text, icon, or border */\n  PrimaryInverse = 'text-primary-inverse',\n  /** For primary interactive elements in a pressed state */\n  PrimaryDefaultPressed = 'text-primary-defaultPressed',\n  /** For critical alert semantic elements. Used for text, background, icon, or border */\n  ErrorDefault = 'text-error-default',\n  /** For softer variants of error elements */\n  ErrorAlternative = 'text-error-alternative',\n  /** For elements used on top of error/default. Used for text, icon, or border */\n  ErrorInverse = 'text-error-inverse',\n  /** For critical alert semantic elements in a pressed state */\n  ErrorDefaultPressed = 'text-error-defaultPressed',\n  /** For caution alert semantic elements. Used for text, background, icon, or border */\n  WarningDefault = 'text-warning-default',\n  /** For elements used on top of warning/default. Used for text, icon, or border */\n  WarningInverse = 'text-warning-inverse',\n  /** For caution alert semantic elements in a pressed state */\n  WarningDefaultPressed = 'text-warning-defaultPressed',\n  /** For positive semantic elements. Used for text, background, icon, or border */\n  SuccessDefault = 'text-success-default',\n  /** For elements used on top of success/default. Used for text, icon, or border */\n  SuccessInverse = 'text-success-inverse',\n  /** For positive semantic elements in a pressed state */\n  SuccessDefaultPressed = 'text-success-defaultPressed',\n  /** For informational read-only elements. Used for text, background, icon, or border */\n  InfoDefault = 'text-info-default',\n  /** For elements used on top of info/default. Used for text, icon, or border */\n  InfoInverse = 'text-info-inverse',\n}\n\n/**\n * Icon sizes\n */\nexport enum IconSize {\n  /** Extra small - 12px */\n  Xs = 12,\n  /** Small - 16px */\n  Sm = 16,\n  /** Medium - 20px (Default) */\n  Md = 20,\n  /** Large - 24px */\n  Lg = 24,\n  /** Extra large - 32px */\n  Xl = 32,\n}\n\n/**\n * Icon component props.\n */\nexport type IconProps = {\n  /**\n   * Required prop to specify which icon to render from the icon set\n   */\n  name: IconName;\n  /**\n   * Optional prop to control the size of the icon\n   * Different sizes map to specific pixel dimensions\n   * @default IconSize.Md\n   */\n  size?: IconSize;\n  /**\n   * Optional prop that sets the color of the icon using predefined theme colors\n   * @default IconColor.IconDefault\n   */\n  color?: IconColor;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & ViewProps;\n\n/**\n * Asset stored by icon name\n */\nexport type AssetByIconName = {\n  [key in IconName]: React.FC<SvgProps & { name: string }>;\n};\n\n// /////////////////////////////////////////////////////\n// This is generated code - Manually add types above\n// DO NOT EDIT - Use generate-assets.js\n// /////////////////////////////////////////////////////\n\n/**\n * Icon names\n */\nexport enum IconName {\n  AddSquare = 'AddSquare',\n  Add = 'Add',\n  Arrow2Down = 'Arrow2Down',\n  Arrow2Left = 'Arrow2Left',\n  Arrow2Right = 'Arrow2Right',\n  Arrow2UpRight = 'Arrow2UpRight',\n  Arrow2Up = 'Arrow2Up',\n  ArrowDoubleLeft = 'ArrowDoubleLeft',\n  ArrowDoubleRight = 'ArrowDoubleRight',\n  ArrowDown = 'ArrowDown',\n  ArrowLeft = 'ArrowLeft',\n  ArrowRight = 'ArrowRight',\n  ArrowUp = 'ArrowUp',\n  Ban = 'Ban',\n  BankToken = 'BankToken',\n  Bank = 'Bank',\n  Bold = 'Bold',\n  Book = 'Book',\n  Bookmark = 'Bookmark',\n  Bridge = 'Bridge',\n  Calculator = 'Calculator',\n  CardPos = 'CardPos',\n  CardToken = 'CardToken',\n  Card = 'Card',\n  Category = 'Category',\n  Chart = 'Chart',\n  CheckBold = 'CheckBold',\n  Check = 'Check',\n  CircleX = 'CircleX',\n  Clock = 'Clock',\n  Close = 'Close',\n  CodeCircle = 'CodeCircle',\n  Coin = 'Coin',\n  Collapse = 'Collapse',\n  Confirmation = 'Confirmation',\n  Connect = 'Connect',\n  CopySuccess = 'CopySuccess',\n  Copy = 'Copy',\n  Customize = 'Customize',\n  Danger = 'Danger',\n  Dark = 'Dark',\n  Data = 'Data',\n  Diagram = 'Diagram',\n  DocumentCode = 'DocumentCode',\n  Download = 'Download',\n  Edit = 'Edit',\n  Eraser = 'Eraser',\n  Ethereum = 'Ethereum',\n  Expand = 'Expand',\n  Explore = 'Explore',\n  Export = 'Export',\n  EyeSlash = 'EyeSlash',\n  Eye = 'Eye',\n  File = 'File',\n  Filter = 'Filter',\n  Flag = 'Flag',\n  FlashSlash = 'FlashSlash',\n  Flash = 'Flash',\n  Flask = 'Flask',\n  FullCircle = 'FullCircle',\n  Gas = 'Gas',\n  GlobalSearch = 'GlobalSearch',\n  Global = 'Global',\n  Graph = 'Graph',\n  Hardware = 'Hardware',\n  Heart = 'Heart',\n  Hierarchy = 'Hierarchy',\n  Home = 'Home',\n  Import = 'Import',\n  Info = 'Info',\n  Key = 'Key',\n  Light = 'Light',\n  Link = 'Link',\n  Loading = 'Loading',\n  LockCircle = 'LockCircle',\n  LockSlash = 'LockSlash',\n  Lock = 'Lock',\n  Login = 'Login',\n  Logout = 'Logout',\n  Menu = 'Menu',\n  MessageQuestion = 'MessageQuestion',\n  Messages = 'Messages',\n  MinusBold = 'MinusBold',\n  MinusSquare = 'MinusSquare',\n  Minus = 'Minus',\n  Mobile = 'Mobile',\n  Money = 'Money',\n  Monitor = 'Monitor',\n  MoreHorizontal = 'MoreHorizontal',\n  MoreVertical = 'MoreVertical',\n  NotificationCircle = 'NotificationCircle',\n  Notification = 'Notification',\n  PasswordCheck = 'PasswordCheck',\n  People = 'People',\n  Pin = 'Pin',\n  Plug = 'Plug',\n  PlusMinus = 'PlusMinus',\n  ProgrammingArrows = 'ProgrammingArrows',\n  QrCode = 'QrCode',\n  Question = 'Question',\n  Received = 'Received',\n  Refresh = 'Refresh',\n  Save = 'Save',\n  ScanBarcode = 'ScanBarcode',\n  ScanFocus = 'ScanFocus',\n  Scan = 'Scan',\n  Scroll = 'Scroll',\n  Search = 'Search',\n  SecurityCard = 'SecurityCard',\n  SecurityCross = 'SecurityCross',\n  SecurityKey = 'SecurityKey',\n  SecuritySearch = 'SecuritySearch',\n  SecuritySlash = 'SecuritySlash',\n  SecurityTick = 'SecurityTick',\n  SecurityTime = 'SecurityTime',\n  SecurityUser = 'SecurityUser',\n  Security = 'Security',\n  Send1 = 'Send1',\n  Send2 = 'Send2',\n  Setting = 'Setting',\n  Share = 'Share',\n  Slash = 'Slash',\n  SnapsMobile = 'SnapsMobile',\n  SnapsPlus = 'SnapsPlus',\n  Snaps = 'Snaps',\n  Speedometer = 'Speedometer',\n  Square = 'Square',\n  Stake = 'Stake',\n  Star = 'Star',\n  Student = 'Student',\n  SwapHorizontal = 'SwapHorizontal',\n  SwapVertical = 'SwapVertical',\n  Tag = 'Tag',\n  Tilde = 'Tilde',\n  Timer = 'Timer',\n  Tint = 'Tint',\n  Trash = 'Trash',\n  TrendDown = 'TrendDown',\n  TrendUp = 'TrendUp',\n  Twitter = 'Twitter',\n  Unpin = 'Unpin',\n  Upload = 'Upload',\n  Usb = 'Usb',\n  UserCheck = 'UserCheck',\n  UserCircleAdd = 'UserCircleAdd',\n  UserCircleRemove = 'UserCircleRemove',\n  UserCircle = 'UserCircle',\n  User = 'User',\n  WalletCard = 'WalletCard',\n  WalletMoney = 'WalletMoney',\n  Wallet = 'Wallet',\n  Warning = 'Warning',\n  Wifi = 'Wifi',\n}\n"]}

package/dist/components/Icon/Icon.utilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.utilities.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.utilities.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,sBAAsB,kCAIhC,QAAQ,SAAS,CAAC,KAAG,MAGvB,CAAC"}

package/dist/components/{Icons/Icon → Icon}/Icon.utilities.js

@@ -24,7 +24,7 @@ const Icon_constants_1 = require("./Icon.constants");
  * ```
  */
 const generateIconClassNames = ({ color = Icon_constants_1.DEFAULT_ICON_ICONCOLOR, size = Icon_constants_1.DEFAULT_ICON_ICONSIZE, twClassName = '', }) => {
-    const mergedClassnames = `${Icon_constants_1.TWCLASSMAP_ICON_ICONCOLOR[color]} ${Icon_constants_1.TWCLASSMAP_ICON_ICONSIZE[size]} ${twClassName}`;
+    const mergedClassnames = `${color} w-[${size}px] h-[${size}px] ${twClassName}`;
     return mergedClassnames;
 };
 exports.generateIconClassNames = generateIconClassNames;

package/dist/components/Icon/Icon.utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.utilities.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.utilities.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC5C,wCAAwC;AACxC,qDAG0B;AAG1B;;;;;;;;;;;;;;;;;;GAkBG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,GAAG,uCAAsB,EAC9B,IAAI,GAAG,sCAAqB,EAC5B,WAAW,GAAG,EAAE,GACG,EAAU,EAAE;IAC/B,MAAM,gBAAgB,GAAG,GAAG,KAAK,OAAO,IAAI,UAAU,IAAI,OAAO,WAAW,EAAE,CAAC;IAC/E,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAPW,QAAA,sBAAsB,0BAOjC","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport {\n  DEFAULT_ICON_ICONCOLOR,\n  DEFAULT_ICON_ICONSIZE,\n} from './Icon.constants';\nimport type { IconProps } from './Icon.types';\n\n/**\n * Generates a Tailwind class name for the icon based on color and optional additional classes.\n *\n * @param color - The color of the icon, mapped to a Tailwind class.\n * @param size - Different sizes map to specific pixel dimensions\n * @param twClassName - Additional Tailwind class names for customization.\n * @returns A combined string of class names.\n *\n * Example:\n * ```\n * const classNames = generateIconClassNames({\n *   color: IconColor.IconDefault,\n *   size: IconSize.Md\n * });\n *\n * console.log(classNames);\n * // Output: \"text-icon-default w-[20px] h-[20px]\"\n * ```\n */\nexport const generateIconClassNames = ({\n  color = DEFAULT_ICON_ICONCOLOR,\n  size = DEFAULT_ICON_ICONSIZE,\n  twClassName = '',\n}: Partial<IconProps>): string => {\n  const mergedClassnames = `${color} w-[${size}px] h-[${size}px] ${twClassName}`;\n  return mergedClassnames;\n};\n"]}

package/dist/components/Icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/Icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":";;;;;;AAAA,+BAAiC;AAAxB,gHAAA,OAAO,OAAA;AAChB,2CAA6D;AAApD,sGAAA,QAAQ,OAAA;AAAE,sGAAA,QAAQ,OAAA;AAAE,uGAAA,SAAS,OAAA","sourcesContent":["export { default } from './Icon';\nexport { IconSize, IconName, IconColor } from './Icon.types';\nexport type { IconProps } from './Icon.types';\n"]}

package/dist/components/Text/Text.d.ts

@@ -1,12 +1,5 @@
 import React from 'react';
-import { FontWeight, FontStyle } from './Text.types';
-declare const _default: React.ForwardRefExoticComponent<{
-    variant?: import("./Text.types").TextVariant | undefined;
-    children: React.ReactNode;
-    color?: import("./Text.types").TextColor | undefined;
-    fontWeight?: FontWeight | undefined;
-    fontStyle?: FontStyle | undefined;
-    twClassName?: string | undefined;
-} & import("react-native").TextProps & React.RefAttributes<any>>;
-export default _default;
+import type { TextProps } from './Text.types';
+declare const Text: React.FC<TextProps>;
+export default Text;
 //# sourceMappingURL=Text.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;;;;;;;;;AAiCrD,wBAAuC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA4B7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/Text/Text.js

@@ -22,5 +22,5 @@ const Text = ({ variant = Text_constants_1.DEFAULT_TEXT_VARIANT, color = Text_co
       {children}
     </react_native_1.Text>);
 };
-exports.default = (0, design_system_twrnc_preset_1.withThemeProvider)(Text);
+exports.default = Text;
 //# sourceMappingURL=Text.js.map

package/dist/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;AAAA,8FAGuD;AACvD,kDAA0B;AAC1B,+CAA8C;AAE9C,qDAA4E;AAE5E,6CAAqD;AACrD,qDAA0D;AAE1D,MAAM,IAAI,GAAwB,CAAC,EACjC,OAAO,GAAG,qCAAoB,EAC9B,KAAK,GAAG,mCAAkB,EAC1B,KAAK,EACL,QAAQ,EACR,UAAU,GAAG,uBAAU,CAAC,MAAM,EAC9B,SAAS,GAAG,sBAAS,CAAC,MAAM,EAC5B,WAAW,GAAG,EAAE,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,gBAAgB,GAAG,IAAA,uCAAsB,EAAC;QAC9C,OAAO;QACP,KAAK;QACL,UAAU;QACV,SAAS;QACT,WAAW;KACZ,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,mBAAM,CACL,iBAAiB,CAAC,MAAM,CACxB,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA,GAAG,gBAAgB,EAAE,EAAE,KAAK,CAAC,CAAC,CAExC;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,mBAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,8CAAiB,EAAC,IAAI,CAAC,CAAC","sourcesContent":["import {\n  useTailwind,\n  withThemeProvider,\n} from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { Text as RNText } from 'react-native';\n\nimport { DEFAULT_TEXT_COLOR, DEFAULT_TEXT_VARIANT } from './Text.constants';\nimport type { TextProps } from './Text.types';\nimport { FontWeight, FontStyle } from './Text.types';\nimport { generateTextClassNames } from './Text.utilities';\n\nconst Text: React.FC<TextProps> = ({\n  variant = DEFAULT_TEXT_VARIANT,\n  color = DEFAULT_TEXT_COLOR,\n  style,\n  children,\n  fontWeight = FontWeight.Normal,\n  fontStyle = FontStyle.Normal,\n  twClassName = '',\n  ...props\n}) => {\n  const tw = useTailwind();\n  const mergedClassnames = generateTextClassNames({\n    variant,\n    color,\n    fontWeight,\n    fontStyle,\n    twClassName,\n  });\n\n  return (\n    <RNText\n      accessibilityRole=\"text\"\n      {...props}\n      style={[tw`${mergedClassnames}`, style]}\n    >\n      {children}\n    </RNText>\n  );\n};\n\nexport default withThemeProvider(Text);\n"]}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;AAAA,8FAA4E;AAC5E,kDAA0B;AAC1B,+CAA8C;AAE9C,qDAA4E;AAE5E,6CAAqD;AACrD,qDAA0D;AAE1D,MAAM,IAAI,GAAwB,CAAC,EACjC,OAAO,GAAG,qCAAoB,EAC9B,KAAK,GAAG,mCAAkB,EAC1B,KAAK,EACL,QAAQ,EACR,UAAU,GAAG,uBAAU,CAAC,MAAM,EAC9B,SAAS,GAAG,sBAAS,CAAC,MAAM,EAC5B,WAAW,GAAG,EAAE,EAChB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,gBAAgB,GAAG,IAAA,uCAAsB,EAAC;QAC9C,OAAO;QACP,KAAK;QACL,UAAU;QACV,SAAS;QACT,WAAW;KACZ,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,mBAAM,CACL,iBAAiB,CAAC,MAAM,CACxB,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA,GAAG,gBAAgB,EAAE,EAAE,KAAK,CAAC,CAAC,CAExC;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,mBAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { Text as RNText } from 'react-native';\n\nimport { DEFAULT_TEXT_COLOR, DEFAULT_TEXT_VARIANT } from './Text.constants';\nimport type { TextProps } from './Text.types';\nimport { FontWeight, FontStyle } from './Text.types';\nimport { generateTextClassNames } from './Text.utilities';\n\nconst Text: React.FC<TextProps> = ({\n  variant = DEFAULT_TEXT_VARIANT,\n  color = DEFAULT_TEXT_COLOR,\n  style,\n  children,\n  fontWeight = FontWeight.Normal,\n  fontStyle = FontStyle.Normal,\n  twClassName = '',\n  ...props\n}) => {\n  const tw = useTailwind();\n  const mergedClassnames = generateTextClassNames({\n    variant,\n    color,\n    fontWeight,\n    fontStyle,\n    twClassName,\n  });\n\n  return (\n    <RNText\n      accessibilityRole=\"text\"\n      {...props}\n      style={[tw`${mergedClassnames}`, style]}\n    >\n      {children}\n    </RNText>\n  );\n};\n\nexport default Text;\n"]}