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

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

@@ -0,0 +1,254 @@
+import type React from 'react';
+import type { ViewProps } from 'react-native';
+import type { SvgProps } from 'react-native-svg';
+/**
+ * Icon color
+ */
+export declare enum IconColor {
+    /** For default neutral icons */
+    IconDefault = "text-icon-default",
+    /** For softer neutral icons */
+    IconAlternative = "text-icon-alternative",
+    /** For the weakest contrast neutral icons (not accessible) */
+    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 = 12,
+    /** Small - 16px */
+    Sm = 16,
+    /** Medium - 20px (Default) */
+    Md = 20,
+    /** Large - 24px */
+    Lg = 24,
+    /** Extra large - 32px */
+    Xl = 32
+}
+/**
+ * Icon component props.
+ */
+export type IconProps = {
+    /**
+     * Required prop to specify which icon to render from the icon set
+     */
+    name: IconName;
+    /**
+     * Optional prop to control the size of the icon
+     * Different sizes map to specific pixel dimensions
+     * @default IconSize.Md
+     */
+    size?: IconSize;
+    /**
+     * Optional prop that sets the color of the icon using predefined theme colors
+     * @default IconColor.IconDefault
+     */
+    color?: IconColor;
+    /**
+     * Optional prop to add twrnc overriding classNames.
+     */
+    twClassName?: string;
+} & ViewProps;
+/**
+ * Asset stored by icon name
+ */
+export type AssetByIconName = {
+    [key in IconName]: React.FC<SvgProps & {
+        name: string;
+    }>;
+};
+/**
+ * Icon names
+ */
+export declare enum IconName {
+    AddSquare = "AddSquare",
+    Add = "Add",
+    Arrow2Down = "Arrow2Down",
+    Arrow2Left = "Arrow2Left",
+    Arrow2Right = "Arrow2Right",
+    Arrow2UpRight = "Arrow2UpRight",
+    Arrow2Up = "Arrow2Up",
+    ArrowDoubleLeft = "ArrowDoubleLeft",
+    ArrowDoubleRight = "ArrowDoubleRight",
+    ArrowDown = "ArrowDown",
+    ArrowLeft = "ArrowLeft",
+    ArrowRight = "ArrowRight",
+    ArrowUp = "ArrowUp",
+    Ban = "Ban",
+    BankToken = "BankToken",
+    Bank = "Bank",
+    Bold = "Bold",
+    Book = "Book",
+    Bookmark = "Bookmark",
+    Bridge = "Bridge",
+    Calculator = "Calculator",
+    CardPos = "CardPos",
+    CardToken = "CardToken",
+    Card = "Card",
+    Category = "Category",
+    Chart = "Chart",
+    CheckBold = "CheckBold",
+    Check = "Check",
+    CircleX = "CircleX",
+    Clock = "Clock",
+    Close = "Close",
+    CodeCircle = "CodeCircle",
+    Coin = "Coin",
+    Collapse = "Collapse",
+    Confirmation = "Confirmation",
+    Connect = "Connect",
+    CopySuccess = "CopySuccess",
+    Copy = "Copy",
+    Customize = "Customize",
+    Danger = "Danger",
+    Dark = "Dark",
+    Data = "Data",
+    Diagram = "Diagram",
+    DocumentCode = "DocumentCode",
+    Download = "Download",
+    Edit = "Edit",
+    Eraser = "Eraser",
+    Ethereum = "Ethereum",
+    Expand = "Expand",
+    Explore = "Explore",
+    Export = "Export",
+    EyeSlash = "EyeSlash",
+    Eye = "Eye",
+    File = "File",
+    Filter = "Filter",
+    Flag = "Flag",
+    FlashSlash = "FlashSlash",
+    Flash = "Flash",
+    Flask = "Flask",
+    FullCircle = "FullCircle",
+    Gas = "Gas",
+    GlobalSearch = "GlobalSearch",
+    Global = "Global",
+    Graph = "Graph",
+    Hardware = "Hardware",
+    Heart = "Heart",
+    Hierarchy = "Hierarchy",
+    Home = "Home",
+    Import = "Import",
+    Info = "Info",
+    Key = "Key",
+    Light = "Light",
+    Link = "Link",
+    Loading = "Loading",
+    LockCircle = "LockCircle",
+    LockSlash = "LockSlash",
+    Lock = "Lock",
+    Login = "Login",
+    Logout = "Logout",
+    Menu = "Menu",
+    MessageQuestion = "MessageQuestion",
+    Messages = "Messages",
+    MinusBold = "MinusBold",
+    MinusSquare = "MinusSquare",
+    Minus = "Minus",
+    Mobile = "Mobile",
+    Money = "Money",
+    Monitor = "Monitor",
+    MoreHorizontal = "MoreHorizontal",
+    MoreVertical = "MoreVertical",
+    NotificationCircle = "NotificationCircle",
+    Notification = "Notification",
+    PasswordCheck = "PasswordCheck",
+    People = "People",
+    Pin = "Pin",
+    Plug = "Plug",
+    PlusMinus = "PlusMinus",
+    ProgrammingArrows = "ProgrammingArrows",
+    QrCode = "QrCode",
+    Question = "Question",
+    Received = "Received",
+    Refresh = "Refresh",
+    Save = "Save",
+    ScanBarcode = "ScanBarcode",
+    ScanFocus = "ScanFocus",
+    Scan = "Scan",
+    Scroll = "Scroll",
+    Search = "Search",
+    SecurityCard = "SecurityCard",
+    SecurityCross = "SecurityCross",
+    SecurityKey = "SecurityKey",
+    SecuritySearch = "SecuritySearch",
+    SecuritySlash = "SecuritySlash",
+    SecurityTick = "SecurityTick",
+    SecurityTime = "SecurityTime",
+    SecurityUser = "SecurityUser",
+    Security = "Security",
+    Send1 = "Send1",
+    Send2 = "Send2",
+    Setting = "Setting",
+    Share = "Share",
+    Slash = "Slash",
+    SnapsMobile = "SnapsMobile",
+    SnapsPlus = "SnapsPlus",
+    Snaps = "Snaps",
+    Speedometer = "Speedometer",
+    Square = "Square",
+    Stake = "Stake",
+    Star = "Star",
+    Student = "Student",
+    SwapHorizontal = "SwapHorizontal",
+    SwapVertical = "SwapVertical",
+    Tag = "Tag",
+    Tilde = "Tilde",
+    Timer = "Timer",
+    Tint = "Tint",
+    Trash = "Trash",
+    TrendDown = "TrendDown",
+    TrendUp = "TrendUp",
+    Twitter = "Twitter",
+    Unpin = "Unpin",
+    Upload = "Upload",
+    Usb = "Usb",
+    UserCheck = "UserCheck",
+    UserCircleAdd = "UserCircleAdd",
+    UserCircleRemove = "UserCircleRemove",
+    UserCircle = "UserCircle",
+    User = "User",
+    WalletCard = "WalletCard",
+    WalletMoney = "WalletMoney",
+    Wallet = "Wallet",
+    Warning = "Warning",
+    Wifi = "Wifi"
+}
+//# sourceMappingURL=Icon.types.d.ts.map

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/Icon/Icon.types.js

@@ -0,0 +1,229 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconName = exports.IconSize = exports.IconColor = void 0;
+/**
+ * Icon color
+ */
+var IconColor;
+(function (IconColor) {
+    /** For default neutral icons */
+    IconColor["IconDefault"] = "text-icon-default";
+    /** For softer neutral icons */
+    IconColor["IconAlternative"] = "text-icon-alternative";
+    /** For the weakest contrast neutral icons (not accessible) */
+    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
+ */
+var IconSize;
+(function (IconSize) {
+    /** Extra small - 12px */
+    IconSize[IconSize["Xs"] = 12] = "Xs";
+    /** Small - 16px */
+    IconSize[IconSize["Sm"] = 16] = "Sm";
+    /** Medium - 20px (Default) */
+    IconSize[IconSize["Md"] = 20] = "Md";
+    /** Large - 24px */
+    IconSize[IconSize["Lg"] = 24] = "Lg";
+    /** Extra large - 32px */
+    IconSize[IconSize["Xl"] = 32] = "Xl";
+})(IconSize || (exports.IconSize = IconSize = {}));
+// /////////////////////////////////////////////////////
+// This is generated code - Manually add types above
+// DO NOT EDIT - Use generate-assets.js
+// /////////////////////////////////////////////////////
+/**
+ * Icon names
+ */
+var IconName;
+(function (IconName) {
+    IconName["AddSquare"] = "AddSquare";
+    IconName["Add"] = "Add";
+    IconName["Arrow2Down"] = "Arrow2Down";
+    IconName["Arrow2Left"] = "Arrow2Left";
+    IconName["Arrow2Right"] = "Arrow2Right";
+    IconName["Arrow2UpRight"] = "Arrow2UpRight";
+    IconName["Arrow2Up"] = "Arrow2Up";
+    IconName["ArrowDoubleLeft"] = "ArrowDoubleLeft";
+    IconName["ArrowDoubleRight"] = "ArrowDoubleRight";
+    IconName["ArrowDown"] = "ArrowDown";
+    IconName["ArrowLeft"] = "ArrowLeft";
+    IconName["ArrowRight"] = "ArrowRight";
+    IconName["ArrowUp"] = "ArrowUp";
+    IconName["Ban"] = "Ban";
+    IconName["BankToken"] = "BankToken";
+    IconName["Bank"] = "Bank";
+    IconName["Bold"] = "Bold";
+    IconName["Book"] = "Book";
+    IconName["Bookmark"] = "Bookmark";
+    IconName["Bridge"] = "Bridge";
+    IconName["Calculator"] = "Calculator";
+    IconName["CardPos"] = "CardPos";
+    IconName["CardToken"] = "CardToken";
+    IconName["Card"] = "Card";
+    IconName["Category"] = "Category";
+    IconName["Chart"] = "Chart";
+    IconName["CheckBold"] = "CheckBold";
+    IconName["Check"] = "Check";
+    IconName["CircleX"] = "CircleX";
+    IconName["Clock"] = "Clock";
+    IconName["Close"] = "Close";
+    IconName["CodeCircle"] = "CodeCircle";
+    IconName["Coin"] = "Coin";
+    IconName["Collapse"] = "Collapse";
+    IconName["Confirmation"] = "Confirmation";
+    IconName["Connect"] = "Connect";
+    IconName["CopySuccess"] = "CopySuccess";
+    IconName["Copy"] = "Copy";
+    IconName["Customize"] = "Customize";
+    IconName["Danger"] = "Danger";
+    IconName["Dark"] = "Dark";
+    IconName["Data"] = "Data";
+    IconName["Diagram"] = "Diagram";
+    IconName["DocumentCode"] = "DocumentCode";
+    IconName["Download"] = "Download";
+    IconName["Edit"] = "Edit";
+    IconName["Eraser"] = "Eraser";
+    IconName["Ethereum"] = "Ethereum";
+    IconName["Expand"] = "Expand";
+    IconName["Explore"] = "Explore";
+    IconName["Export"] = "Export";
+    IconName["EyeSlash"] = "EyeSlash";
+    IconName["Eye"] = "Eye";
+    IconName["File"] = "File";
+    IconName["Filter"] = "Filter";
+    IconName["Flag"] = "Flag";
+    IconName["FlashSlash"] = "FlashSlash";
+    IconName["Flash"] = "Flash";
+    IconName["Flask"] = "Flask";
+    IconName["FullCircle"] = "FullCircle";
+    IconName["Gas"] = "Gas";
+    IconName["GlobalSearch"] = "GlobalSearch";
+    IconName["Global"] = "Global";
+    IconName["Graph"] = "Graph";
+    IconName["Hardware"] = "Hardware";
+    IconName["Heart"] = "Heart";
+    IconName["Hierarchy"] = "Hierarchy";
+    IconName["Home"] = "Home";
+    IconName["Import"] = "Import";
+    IconName["Info"] = "Info";
+    IconName["Key"] = "Key";
+    IconName["Light"] = "Light";
+    IconName["Link"] = "Link";
+    IconName["Loading"] = "Loading";
+    IconName["LockCircle"] = "LockCircle";
+    IconName["LockSlash"] = "LockSlash";
+    IconName["Lock"] = "Lock";
+    IconName["Login"] = "Login";
+    IconName["Logout"] = "Logout";
+    IconName["Menu"] = "Menu";
+    IconName["MessageQuestion"] = "MessageQuestion";
+    IconName["Messages"] = "Messages";
+    IconName["MinusBold"] = "MinusBold";
+    IconName["MinusSquare"] = "MinusSquare";
+    IconName["Minus"] = "Minus";
+    IconName["Mobile"] = "Mobile";
+    IconName["Money"] = "Money";
+    IconName["Monitor"] = "Monitor";
+    IconName["MoreHorizontal"] = "MoreHorizontal";
+    IconName["MoreVertical"] = "MoreVertical";
+    IconName["NotificationCircle"] = "NotificationCircle";
+    IconName["Notification"] = "Notification";
+    IconName["PasswordCheck"] = "PasswordCheck";
+    IconName["People"] = "People";
+    IconName["Pin"] = "Pin";
+    IconName["Plug"] = "Plug";
+    IconName["PlusMinus"] = "PlusMinus";
+    IconName["ProgrammingArrows"] = "ProgrammingArrows";
+    IconName["QrCode"] = "QrCode";
+    IconName["Question"] = "Question";
+    IconName["Received"] = "Received";
+    IconName["Refresh"] = "Refresh";
+    IconName["Save"] = "Save";
+    IconName["ScanBarcode"] = "ScanBarcode";
+    IconName["ScanFocus"] = "ScanFocus";
+    IconName["Scan"] = "Scan";
+    IconName["Scroll"] = "Scroll";
+    IconName["Search"] = "Search";
+    IconName["SecurityCard"] = "SecurityCard";
+    IconName["SecurityCross"] = "SecurityCross";
+    IconName["SecurityKey"] = "SecurityKey";
+    IconName["SecuritySearch"] = "SecuritySearch";
+    IconName["SecuritySlash"] = "SecuritySlash";
+    IconName["SecurityTick"] = "SecurityTick";
+    IconName["SecurityTime"] = "SecurityTime";
+    IconName["SecurityUser"] = "SecurityUser";
+    IconName["Security"] = "Security";
+    IconName["Send1"] = "Send1";
+    IconName["Send2"] = "Send2";
+    IconName["Setting"] = "Setting";
+    IconName["Share"] = "Share";
+    IconName["Slash"] = "Slash";
+    IconName["SnapsMobile"] = "SnapsMobile";
+    IconName["SnapsPlus"] = "SnapsPlus";
+    IconName["Snaps"] = "Snaps";
+    IconName["Speedometer"] = "Speedometer";
+    IconName["Square"] = "Square";
+    IconName["Stake"] = "Stake";
+    IconName["Star"] = "Star";
+    IconName["Student"] = "Student";
+    IconName["SwapHorizontal"] = "SwapHorizontal";
+    IconName["SwapVertical"] = "SwapVertical";
+    IconName["Tag"] = "Tag";
+    IconName["Tilde"] = "Tilde";
+    IconName["Timer"] = "Timer";
+    IconName["Tint"] = "Tint";
+    IconName["Trash"] = "Trash";
+    IconName["TrendDown"] = "TrendDown";
+    IconName["TrendUp"] = "TrendUp";
+    IconName["Twitter"] = "Twitter";
+    IconName["Unpin"] = "Unpin";
+    IconName["Upload"] = "Upload";
+    IconName["Usb"] = "Usb";
+    IconName["UserCheck"] = "UserCheck";
+    IconName["UserCircleAdd"] = "UserCircleAdd";
+    IconName["UserCircleRemove"] = "UserCircleRemove";
+    IconName["UserCircle"] = "UserCircle";
+    IconName["User"] = "User";
+    IconName["WalletCard"] = "WalletCard";
+    IconName["WalletMoney"] = "WalletMoney";
+    IconName["Wallet"] = "Wallet";
+    IconName["Warning"] = "Warning";
+    IconName["Wifi"] = "Wifi";
+})(IconName || (exports.IconName = IconName = {}));
+//# sourceMappingURL=Icon.types.js.map

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

@@ -0,0 +1,22 @@
+import type { IconProps } from './Icon.types';
+/**
+ * Generates a Tailwind class name for the icon based on color and optional additional classes.
+ *
+ * @param color - The color of the icon, mapped to a Tailwind class.
+ * @param size - Different sizes map to specific pixel dimensions
+ * @param twClassName - Additional Tailwind class names for customization.
+ * @returns A combined string of class names.
+ *
+ * Example:
+ * ```
+ * const classNames = generateIconClassNames({
+ *   color: IconColor.IconDefault,
+ *   size: IconSize.Md
+ * });
+ *
+ * console.log(classNames);
+ * // Output: "text-icon-default w-[20px] h-[20px]"
+ * ```
+ */
+export declare const generateIconClassNames: ({ color, size, twClassName, }: Partial<IconProps>) => string;
+//# sourceMappingURL=Icon.utilities.d.ts.map

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/Icon/Icon.utilities.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateIconClassNames = void 0;
+/* eslint-disable jsdoc/check-param-names */
+/* eslint-disable jsdoc/require-param */
+const Icon_constants_1 = require("./Icon.constants");
+/**
+ * Generates a Tailwind class name for the icon based on color and optional additional classes.
+ *
+ * @param color - The color of the icon, mapped to a Tailwind class.
+ * @param size - Different sizes map to specific pixel dimensions
+ * @param twClassName - Additional Tailwind class names for customization.
+ * @returns A combined string of class names.
+ *
+ * Example:
+ * ```
+ * const classNames = generateIconClassNames({
+ *   color: IconColor.IconDefault,
+ *   size: IconSize.Md
+ * });
+ *
+ * console.log(classNames);
+ * // Output: "text-icon-default w-[20px] h-[20px]"
+ * ```
+ */
+const generateIconClassNames = ({ color = Icon_constants_1.DEFAULT_ICON_ICONCOLOR, size = Icon_constants_1.DEFAULT_ICON_ICONSIZE, twClassName = '', }) => {
+    const mergedClassnames = `${color} w-[${size}px] h-[${size}px] ${twClassName}`;
+    return mergedClassnames;
+};
+exports.generateIconClassNames = generateIconClassNames;
+//# sourceMappingURL=Icon.utilities.js.map

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

@@ -0,0 +1,4 @@
+export { default } from './Icon';
+export { IconSize, IconName, IconColor } from './Icon.types';
+export type { IconProps } from './Icon.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconColor = exports.IconName = exports.IconSize = exports.default = void 0;
+var Icon_1 = require("./Icon");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Icon_1).default; } });
+var Icon_types_1 = require("./Icon.types");
+Object.defineProperty(exports, "IconSize", { enumerable: true, get: function () { return Icon_types_1.IconSize; } });
+Object.defineProperty(exports, "IconName", { enumerable: true, get: function () { return Icon_types_1.IconName; } });
+Object.defineProperty(exports, "IconColor", { enumerable: true, get: function () { return Icon_types_1.IconColor; } });
+//# sourceMappingURL=index.js.map

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.constants.d.ts

@@ -0,0 +1,9 @@
+import type { TextProps } from './Text.types';
+import { FontWeight, TextColor, TextVariant } from './Text.types';
+export declare const DEFAULT_TEXT_VARIANT = TextVariant.BodyMd;
+export declare const DEFAULT_TEXT_COLOR = TextColor.TextDefault;
+export declare const MAPPING_FONTWEIGHT_TO_FONTFAMILYSTYLECLASSNAME: {
+    [key in FontWeight]: string;
+};
+export declare const SAMPLE_TEXT_PROPS: TextProps;
+//# sourceMappingURL=Text.constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.constants.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGlE,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AACvD,eAAO,MAAM,kBAAkB,wBAAwB,CAAC;AAGxD,eAAO,MAAM,8CAA8C,EAAE;KAC1D,GAAG,IAAI,UAAU,GAAG,MAAM;CAK5B,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,SAI/B,CAAC"}

package/dist/components/Text/Text.constants.js

@@ -0,0 +1,21 @@
+"use strict";
+/* eslint-disable import/prefer-default-export */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SAMPLE_TEXT_PROPS = exports.MAPPING_FONTWEIGHT_TO_FONTFAMILYSTYLECLASSNAME = exports.DEFAULT_TEXT_COLOR = exports.DEFAULT_TEXT_VARIANT = void 0;
+const Text_types_1 = require("./Text.types");
+// Defaults
+exports.DEFAULT_TEXT_VARIANT = Text_types_1.TextVariant.BodyMd;
+exports.DEFAULT_TEXT_COLOR = Text_types_1.TextColor.TextDefault;
+// Mappings
+exports.MAPPING_FONTWEIGHT_TO_FONTFAMILYSTYLECLASSNAME = {
+    [Text_types_1.FontWeight.Normal]: '',
+    [Text_types_1.FontWeight.Medium]: '-medium',
+    [Text_types_1.FontWeight.Bold]: '-bold',
+};
+// Sample consts
+exports.SAMPLE_TEXT_PROPS = {
+    variant: exports.DEFAULT_TEXT_VARIANT,
+    children: 'Sample Text',
+    color: exports.DEFAULT_TEXT_COLOR,
+};
+//# sourceMappingURL=Text.constants.js.map