@1money/component-ui 0.1.19 → 0.1.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1money/component-ui",
-  "version": "0.1.19",
+  "version": "0.1.20",
   "description": "React Components based on primereact for 1money front-end projects",
   "main": "lib/index.js",
   "module": "es/index.js",

package/scripts/mcp-server/examples.generated.json

@@ -283,6 +283,12 @@
       "source": "stories",
       "compilable": true
     },
+    "165991441a2862670f8d7e55d27ce91a69e9477ee9e370f7f80c0a483fd7b0e1": {
+      "title": "Menu Icons",
+      "code": "{\n    const handleCopy = copy;\n    return <div style={{ display: 'grid', gap: 24, gridTemplateColumns: 'repeat(auto-fill, minmax(100px, 1fr))' }}>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='swift' />\")}>\n        <Icons {...args} name='swift' />\n        <span>Swift</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='portfolio' />\")}>\n        <Icons {...args} name='portfolio' />\n        <span>Portfolio</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='dashboard' />\")}>\n        <Icons {...args} name='dashboard' />\n        <span>Dashboard</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='home' />\")}>\n        <Icons {...args} name='home' />\n        <span>Home</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='convert' />\")}>\n        <Icons {...args} name='convert' />\n        <span>Convert</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='addressBook' />\")}>\n        <Icons {...args} name='addressBook' />\n        <span>Address Book</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='security' />\")}>\n        <Icons {...args} name='security' />\n        <span>Security</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='digitalAsset' />\")}>\n        <Icons {...args} name='digitalAsset' />\n        <span>Digital Asset</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='account' />\")}>\n        <Icons {...args} name='account' />\n        <span>Account</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='profile' />\")}>\n        <Icons {...args} name='profile' />\n        <span>Profile</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='logout' />\")}>\n        <Icons {...args} name='logout' />\n        <span>Logout</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='send' />\")}>\n        <Icons {...args} name='send' />\n        <span>Send</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='linkedBankAccounts' />\")}>\n        <Icons {...args} name='linkedBankAccounts' />\n        <span>Linked Bank Accounts</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='wire' />\")}>\n        <Icons {...args} name='wire' />\n        <span>Wire</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='withdraw' />\")}>\n        <Icons {...args} name='withdraw' />\n        <span>Withdraw</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='menuDeposit' />\")}>\n        <Icons {...args} name='menuDeposit' />\n        <span>Menu Deposit</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='company' />\")}>\n        <Icons {...args} name='company' />\n        <span>Company</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='parties' />\")}>\n        <Icons {...args} name='parties' />\n        <span>Parties</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='transactions' />\")}>\n        <Icons {...args} name='transactions' />\n        <span>Transactions</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='fiat' />\")}>\n        <Icons {...args} name='fiat' />\n        <span>Fiat</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='money' />\")}>\n        <Icons {...args} name='money' />\n        <span>Money</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='sendCrypto' />\")}>\n        <Icons {...args} name='sendCrypto' />\n        <span>Send Crypto</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='downloadReport' />\")}>\n        <Icons {...args} name='downloadReport' />\n        <span>Download Report</span>\n      </CopyIconBox>\n    </div>;\n  }",
+      "source": "stories",
+      "compilable": false
+    },
     "1673418288f034d6e46db906f3b2fb8a2079625c30f15ed4c7c35c0e4568f940": {
       "title": "Basic Usage",
       "code": "import { Grid } from '@1money/component-ui';\nimport { GRID_ALIGN, GRID_JUSTIFY } from '@1money/component-ui/Grid';\n\nconst GRID_GUTTER: [number, number] = [16, 8];\nconst SPAN_HALF = 6;\n\n<Grid gutter={GRID_GUTTER} justify={GRID_JUSTIFY.spaceBetween} align={GRID_ALIGN.middle}>\n  <Grid.Col span={SPAN_HALF}>Left</Grid.Col>\n  <Grid.Col span={SPAN_HALF}>Right</Grid.Col>\n</Grid>",
@@ -1981,12 +1987,6 @@
       "source": "stories",
       "compilable": false
     },
-    "9adcd247c7ca7271fb122f17d76cfd16c634d7756812cc06ff5d658f86cecfcb": {
-      "title": "Menu Icons",
-      "code": "{\n    const handleCopy = copy;\n    return <div style={{ display: 'grid', gap: 24, gridTemplateColumns: 'repeat(auto-fill, minmax(100px, 1fr))' }}>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='swift' />\")}>\n        <Icons {...args} name='swift' />\n        <span>Swift</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='portfolio' />\")}>\n        <Icons {...args} name='portfolio' />\n        <span>Portfolio</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='dashboard' />\")}>\n        <Icons {...args} name='dashboard' />\n        <span>Dashboard</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='home' />\")}>\n        <Icons {...args} name='home' />\n        <span>Home</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='convert' />\")}>\n        <Icons {...args} name='convert' />\n        <span>Convert</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='addressBook' />\")}>\n        <Icons {...args} name='addressBook' />\n        <span>Address Book</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='security' />\")}>\n        <Icons {...args} name='security' />\n        <span>Security</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='digitalAsset' />\")}>\n        <Icons {...args} name='digitalAsset' />\n        <span>Digital Asset</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='account' />\")}>\n        <Icons {...args} name='account' />\n        <span>Account</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='profile' />\")}>\n        <Icons {...args} name='profile' />\n        <span>Profile</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='logout' />\")}>\n        <Icons {...args} name='logout' />\n        <span>Logout</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='send' />\")}>\n        <Icons {...args} name='send' />\n        <span>Send</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='linkedBankAccounts' />\")}>\n        <Icons {...args} name='linkedBankAccounts' />\n        <span>Linked Bank Accounts</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='wire' />\")}>\n        <Icons {...args} name='wire' />\n        <span>Wire</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='withdraw' />\")}>\n        <Icons {...args} name='withdraw' />\n        <span>Withdraw</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='menuDeposit' />\")}>\n        <Icons {...args} name='menuDeposit' />\n        <span>Menu Deposit</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='company' />\")}>\n        <Icons {...args} name='company' />\n        <span>Company</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='parties' />\")}>\n        <Icons {...args} name='parties' />\n        <span>Parties</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='transactions' />\")}>\n        <Icons {...args} name='transactions' />\n        <span>Transactions</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='fiat' />\")}>\n        <Icons {...args} name='fiat' />\n        <span>Fiat</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='money' />\")}>\n        <Icons {...args} name='money' />\n        <span>Money</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='sendCrypto' />\")}>\n        <Icons {...args} name='sendCrypto' />\n        <span>Send Crypto</span>\n      </CopyIconBox>\n    </div>;\n  }",
-      "source": "stories",
-      "compilable": false
-    },
     "9af2306c1aff18816073dccbcebb287dda5cedc961f04ea7a2ad419875c3055b": {
       "title": "States",
       "code": "<div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>\n      <Radio label=\"Unchecked\" />\n      <Radio label=\"Checked\" checked />\n      <Radio label=\"Disabled unchecked\" disabled />\n      <Radio label=\"Disabled checked\" checked disabled />\n    </div>",
@@ -2359,6 +2359,12 @@
       "source": "stories",
       "compilable": true
     },
+    "b839a05aaba091f9d925a6b3119bb8866c066bc1ed3ca35996971ddac088d79e": {
+      "title": "System Icons",
+      "code": "{\n    const handleCopy = copy;\n    return <div style={{ display: 'grid', gap: 24, gridTemplateColumns: 'repeat(auto-fill, minmax(100px, 1fr))' }}>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='info' />\")}>\n        <Icons {...args} name='info' />\n        <span>Info</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='maintenance' />\")}>\n        <Icons {...args} name='maintenance' />\n        <span>Maintenance</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='transfer' />\")}>\n        <Icons {...args} name='transfer' />\n        <span>Transfer</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='businessAccount' />\")}>\n        <Icons {...args} name='businessAccount' />\n        <span>Business Account</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='mobile' />\")}>\n        <Icons {...args} name='mobile' />\n        <span>Mobile</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='chat' />\")}>\n        <Icons {...args} name='chat' />\n        <span>Chat</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='clock' />\")}>\n        <Icons {...args} name='clock' />\n        <span>Clock</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='swap' />\")}>\n        <Icons {...args} name='swap' />\n        <span>Swap</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='ach' />\")}>\n        <Icons {...args} name='ach' />\n        <span>ACH</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='fees' />\")}>\n        <Icons {...args} name='fees' />\n        <span>Fees</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='hub' />\")}>\n        <Icons {...args} name='hub' />\n        <span>Hub</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='help' />\")}>\n        <Icons {...args} name='help' />\n        <span>Help</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='coin' />\")}>\n        <Icons {...args} name='coin' />\n        <span>Coin</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='coins' />\")}>\n        <Icons {...args} name='coins' />\n        <span>Coins</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='search' />\")}>\n        <Icons {...args} name='search' />\n        <span>Search</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='favorite' />\")}>\n        <Icons {...args} name='favorite' />\n        <span>Favorite</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='notifications' />\")}>\n        <Icons {...args} name='notifications' />\n        <span>Notifications</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='systemSecurity' />\")}>\n        <Icons {...args} name='systemSecurity' />\n        <span>Security 2</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='card' />\")}>\n        <Icons {...args} name='card' />\n        <span>Card</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='privacy' />\")}>\n        <Icons {...args} name='privacy' />\n        <span>Privacy</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='id' />\")}>\n        <Icons {...args} name='id' />\n        <span>ID</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='email' />\")}>\n        <Icons {...args} name='email' />\n        <span>Email</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='wallet' />\")}>\n        <Icons {...args} name='wallet' />\n        <span>Wallet</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='location' />\")}>\n        <Icons {...args} name='location' />\n        <span>Location</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='settings' />\")}>\n        <Icons {...args} name='settings' />\n        <span>Settings</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='share' />\")}>\n        <Icons {...args} name='share' />\n        <span>Share</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='upload' />\")}>\n        <Icons {...args} name='upload' />\n        <span>Upload</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='transferHistory' />\")}>\n        <Icons {...args} name='transferHistory' />\n        <span>Transfer History</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='language' />\")}>\n        <Icons {...args} name='language' />\n        <span>Language</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='support' />\")}>\n        <Icons {...args} name='support' />\n        <span>Support</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='viewBalance' />\")}>\n        <Icons {...args} name='viewBalance' />\n        <span>View Balance</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='hideBalance' />\")}>\n        <Icons {...args} name='hideBalance' />\n        <span>Hide Balance</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='calendar' />\")}>\n        <Icons {...args} name='calendar' />\n        <span>Calendar</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='time' />\")}>\n        <Icons {...args} name='time' />\n        <span>Time</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='images' />\")}>\n        <Icons {...args} name='images' />\n        <span>Images</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='copy' />\")}>\n        <Icons {...args} name='copy' />\n        <span>Copy</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='save' />\")}>\n        <Icons {...args} name='save' />\n        <span>Save</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='scan' />\")}>\n        <Icons {...args} name='scan' />\n        <span>Scan</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='expand' />\")}>\n        <Icons {...args} name='expand' />\n        <span>Expand</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='systemCollapse' />\")}>\n        <Icons {...args} name='systemCollapse' />\n        <span>Collapse</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='gift' />\")}>\n        <Icons {...args} name='gift' />\n        <span>Gift</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='document' />\")}>\n        <Icons {...args} name='document' />\n        <span>Document</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='autoConversionRules' />\")}>\n        <Icons {...args} name='autoConversionRules' />\n        <span>Auto Conversion Rules</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='editFile' />\")}>\n        <Icons {...args} name='editFile' />\n        <span>Edit File</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='filter' />\")}>\n        <Icons {...args} name='filter' />\n        <span>Filter</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='like' />\")}>\n        <Icons {...args} name='like' />\n        <span>Like</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='dislike' />\")}>\n        <Icons {...args} name='dislike' />\n        <span>Dislike</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='products' />\")}>\n        <Icons {...args} name='products' />\n        <span>Products</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='rewards' />\")}>\n        <Icons {...args} name='rewards' />\n        <span>Rewards</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='earn' />\")}>\n        <Icons {...args} name='earn' />\n        <span>Earn</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='refresh' />\")}>\n        <Icons {...args} name='refresh' />\n        <span>Refresh</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='link' />\")}>\n        <Icons {...args} name='link' />\n        <span>Link</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='securityCheck' />\")}>\n        <Icons {...args} name='securityCheck' />\n        <span>Security Check</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='devices' />\")}>\n        <Icons {...args} name='devices' />\n        <span>Devices</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='bank' />\")}>\n        <Icons {...args} name='bank' />\n        <span>Bank</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='individualAccount' />\")}>\n        <Icons {...args} name='individualAccount' />\n        <span>Individual Account</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='apiKey' />\")}>\n        <Icons {...args} name='apiKey' />\n        <span>API key</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='brokenLink' />\")}>\n        <Icons {...args} name='brokenLink' />\n        <span>No API Keys</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='desktop' />\")}>\n        <Icons {...args} name='desktop' />\n        <span>Desktop</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='receiveHold' />\")}>\n        <Icons {...args} name='receiveHold' />\n        <span>Receive &amp; Hold</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='sendWithdraw' />\")}>\n        <Icons {...args} name='sendWithdraw' />\n        <span>Send &amp; Withdraw</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='trendUp' />\")}>\n        <Icons {...args} name='trendUp' />\n        <span>Trend Up</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='web' />\")}>\n        <Icons {...args} name='web' />\n        <span>Web</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='idScan' />\")}>\n        <Icons {...args} name='idScan' />\n        <span>ID Scan</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='rfi' />\")}>\n        <Icons {...args} name='rfi' />\n        <span>RFI</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='whatsapp' />\")}>\n        <Icons {...args} name='whatsapp' />\n        <span>Whatsapp</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='sepa' />\")}>\n        <Icons {...args} name='sepa' />\n        <span>SEPA</span>\n      </CopyIconBox>\n    </div>;\n  }",
+      "source": "stories",
+      "compilable": false
+    },
     "b85a9a4218f89a3b1cc4d062fb58ddec812f1555b1c52d1a71d3a3131c1c55da": {
       "title": "Default",
       "code": "<Popconfirm {...args}>\n      <Button color={BUTTON_COLOR.danger}>{POPCONFIRM_DEMO_COPY.destructive.triggerText}</Button>\n    </Popconfirm>",
@@ -3049,12 +3055,6 @@
       "source": "stories",
       "compilable": false
     },
-    "edca6b486590d50af12f4e4e53a27bbb6a90b0b55234460eda12032f8d094379": {
-      "title": "System Icons",
-      "code": "{\n    const handleCopy = copy;\n    return <div style={{ display: 'grid', gap: 24, gridTemplateColumns: 'repeat(auto-fill, minmax(100px, 1fr))' }}>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='info' />\")}>\n        <Icons {...args} name='info' />\n        <span>Info</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='maintenance' />\")}>\n        <Icons {...args} name='maintenance' />\n        <span>Maintenance</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='transfer' />\")}>\n        <Icons {...args} name='transfer' />\n        <span>Transfer</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='businessAccount' />\")}>\n        <Icons {...args} name='businessAccount' />\n        <span>Business Account</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='mobile' />\")}>\n        <Icons {...args} name='mobile' />\n        <span>Mobile</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='chat' />\")}>\n        <Icons {...args} name='chat' />\n        <span>Chat</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='clock' />\")}>\n        <Icons {...args} name='clock' />\n        <span>Clock</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='swap' />\")}>\n        <Icons {...args} name='swap' />\n        <span>Swap</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='ach' />\")}>\n        <Icons {...args} name='ach' />\n        <span>ACH</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='fees' />\")}>\n        <Icons {...args} name='fees' />\n        <span>Fees</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='hub' />\")}>\n        <Icons {...args} name='hub' />\n        <span>Hub</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='help' />\")}>\n        <Icons {...args} name='help' />\n        <span>Help</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='coin' />\")}>\n        <Icons {...args} name='coin' />\n        <span>Coin</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='coins' />\")}>\n        <Icons {...args} name='coins' />\n        <span>Coins</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='search' />\")}>\n        <Icons {...args} name='search' />\n        <span>Search</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='favorite' />\")}>\n        <Icons {...args} name='favorite' />\n        <span>Favorite</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='notifications' />\")}>\n        <Icons {...args} name='notifications' />\n        <span>Notifications</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='systemSecurity' />\")}>\n        <Icons {...args} name='systemSecurity' />\n        <span>System Security</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='card' />\")}>\n        <Icons {...args} name='card' />\n        <span>Card</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='privacy' />\")}>\n        <Icons {...args} name='privacy' />\n        <span>Privacy</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='id' />\")}>\n        <Icons {...args} name='id' />\n        <span>ID</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='email' />\")}>\n        <Icons {...args} name='email' />\n        <span>Email</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='wallet' />\")}>\n        <Icons {...args} name='wallet' />\n        <span>Wallet</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='location' />\")}>\n        <Icons {...args} name='location' />\n        <span>Location</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='settings' />\")}>\n        <Icons {...args} name='settings' />\n        <span>Settings</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='share' />\")}>\n        <Icons {...args} name='share' />\n        <span>Share</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='upload' />\")}>\n        <Icons {...args} name='upload' />\n        <span>Upload</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='transferHistory' />\")}>\n        <Icons {...args} name='transferHistory' />\n        <span>Transfer History</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='language' />\")}>\n        <Icons {...args} name='language' />\n        <span>Language</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='support' />\")}>\n        <Icons {...args} name='support' />\n        <span>Support</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='viewBalance' />\")}>\n        <Icons {...args} name='viewBalance' />\n        <span>View Balance</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='hideBalance' />\")}>\n        <Icons {...args} name='hideBalance' />\n        <span>Hide Balance</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='calendar' />\")}>\n        <Icons {...args} name='calendar' />\n        <span>Calendar</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='time' />\")}>\n        <Icons {...args} name='time' />\n        <span>Time</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='images' />\")}>\n        <Icons {...args} name='images' />\n        <span>Images</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='copy' />\")}>\n        <Icons {...args} name='copy' />\n        <span>Copy</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='save' />\")}>\n        <Icons {...args} name='save' />\n        <span>Save</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='scan' />\")}>\n        <Icons {...args} name='scan' />\n        <span>Scan</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='expand' />\")}>\n        <Icons {...args} name='expand' />\n        <span>Expand</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='systemCollapse' />\")}>\n        <Icons {...args} name='systemCollapse' />\n        <span>System Collapse</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='gift' />\")}>\n        <Icons {...args} name='gift' />\n        <span>Gift</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='document' />\")}>\n        <Icons {...args} name='document' />\n        <span>Document</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='autoConversionRules' />\")}>\n        <Icons {...args} name='autoConversionRules' />\n        <span>Auto Conversion Rules</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='editFile' />\")}>\n        <Icons {...args} name='editFile' />\n        <span>Edit File</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='filter' />\")}>\n        <Icons {...args} name='filter' />\n        <span>Filter</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='like' />\")}>\n        <Icons {...args} name='like' />\n        <span>Like</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='dislike' />\")}>\n        <Icons {...args} name='dislike' />\n        <span>Dislike</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='products' />\")}>\n        <Icons {...args} name='products' />\n        <span>Products</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='rewards' />\")}>\n        <Icons {...args} name='rewards' />\n        <span>Rewards</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='earn' />\")}>\n        <Icons {...args} name='earn' />\n        <span>Earn</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='refresh' />\")}>\n        <Icons {...args} name='refresh' />\n        <span>Refresh</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='link' />\")}>\n        <Icons {...args} name='link' />\n        <span>Link</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='securityCheck' />\")}>\n        <Icons {...args} name='securityCheck' />\n        <span>Security Check</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='devices' />\")}>\n        <Icons {...args} name='devices' />\n        <span>Devices</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='bank' />\")}>\n        <Icons {...args} name='bank' />\n        <span>Bank</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='desktop' />\")}>\n        <Icons {...args} name='desktop' />\n        <span>Desktop</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='individualAccount' />\")}>\n        <Icons {...args} name='individualAccount' />\n        <span>Individual Account</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='apiKey' />\")}>\n        <Icons {...args} name='apiKey' />\n        <span>APIKey</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='brokenLink' />\")}>\n        <Icons {...args} name='brokenLink' />\n        <span>Broken Link</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='downloadReport' />\")}>\n        <Icons {...args} name='downloadReport' />\n        <span>Download Report</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='trendUp' />\")}>\n        <Icons {...args} name='trendUp' />\n        <span>Trend Up</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='idScan' />\")}>\n        <Icons {...args} name='idScan' />\n        <span>ID Scan</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='web' />\")}>\n        <Icons {...args} name='web' />\n        <span>Web</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='receiveHold' />\")}>\n        <Icons {...args} name='receiveHold' />\n        <span>Receive &amp; Hold</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='sendWithdraw' />\")}>\n        <Icons {...args} name='sendWithdraw' />\n        <span>Send &amp; Withdraw</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='sepa' />\")}>\n        <Icons {...args} name='sepa' />\n        <span>SEPA</span>\n      </CopyIconBox>\n    </div>;\n  }",
-      "source": "stories",
-      "compilable": false
-    },
     "ede4a5629c02420f621373a9169c9671b906cc09439931df34b222da85911147": {
       "title": "With Action",
       "code": "<Alert\n      {...args}\n      status=\"info\"\n      title=\"Payment instruction ready\"\n      body=\"Share the deposit instruction with your treasury team or copy it directly.\"\n      link={{ label: 'Preview instruction', onClick: fn() }}\n      action={<Button onClick={fn()}>Copy details</Button>}\n      closable={false}\n    />",

package/scripts/mcp-server/index.generated.json

@@ -5883,7 +5883,7 @@
           "source": "stories"
         },
         {
-          "hash": "9adcd247c7ca7271fb122f17d76cfd16c634d7756812cc06ff5d658f86cecfcb",
+          "hash": "165991441a2862670f8d7e55d27ce91a69e9477ee9e370f7f80c0a483fd7b0e1",
           "source": "stories"
         },
         {
@@ -5891,7 +5891,7 @@
           "source": "stories"
         },
         {
-          "hash": "edca6b486590d50af12f4e4e53a27bbb6a90b0b55234460eda12032f8d094379",
+          "hash": "b839a05aaba091f9d925a6b3119bb8866c066bc1ed3ca35996971ddac088d79e",
           "source": "stories"
         },
         {
@@ -25118,6 +25118,9 @@
     {
       "name": "rewards"
     },
+    {
+      "name": "rfi"
+    },
     {
       "name": "save"
     },
@@ -25223,6 +25226,9 @@
     {
       "name": "web"
     },
+    {
+      "name": "whatsapp"
+    },
     {
       "name": "wire"
     },