@1money/component-ui 0.0.32 → 0.0.34

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

@@ -445,12 +445,6 @@
       "source": "stories",
       "compilable": true
     },
-    "341d33a3398e2a18e0d6bd76c9602a448d9a775132d0ccb1e3591038cec0fa5c": {
-      "title": "Usage",
-      "code": "<Dialog\n  open={open}\n  title=\"Confirm transfer\"\n  description=\"Review the details before submitting.\"\n  onCancel={() => setOpen(false)}\n  onOk={handleSubmit}\n/>",
-      "source": "readme",
-      "compilable": true
-    },
     "34536f5f5abc20bc7255387d21700a4725ea8d6f9806b09cb947375f7afde43c": {
       "title": "Label Right",
       "code": "<div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>\n      <Switch {...args} label=\"Label\" description=\"Description\" labelPlacement=\"right\" />\n      <Switch {...args} label=\"Label\" description=\"Description\" labelPlacement=\"right\" defaultChecked />\n    </div>",
@@ -919,6 +913,12 @@
       "source": "stories",
       "compilable": false
     },
+    "69f29e0647a74609f6aaa9ea3dc6ffa3559143861f405d2fd72e046abddd390a": {
+      "title": "Import",
+      "code": "import { Clipboard } from '@1money/components-ui';\n// or\nimport { Clipboard } from '@1money/components-ui/Copy';",
+      "source": "readme",
+      "compilable": true
+    },
     "6a4d77a29ff76bfcd465b53ac79952fae765bb337ef3ca2affc7781ce487a74f": {
       "title": "With Icon End",
       "code": "<Button {...args} iconEnd={<Icons name=\"arrowRight\" />}>\n      Icon End\n    </Button>",
@@ -961,6 +961,12 @@
       "source": "canonical",
       "compilable": true
     },
+    "6ea2fa87fa2050f0e9e5f271bfbcac33d12cf62034f24d55257ec9955430ef59": {
+      "title": "Usage",
+      "code": "<Clipboard\n  label=\"Setup Key\"\n  content=\"GWKLDLVE25dfLIJOHUD578JPIHD24JLJGHGOUH27HLIHOUGOLIKHJ547HOU\"\n  onSuccess={(val) => console.log('Copied:', val)}\n  onError={(val) => console.log('Failed:', val)}\n/>",
+      "source": "readme",
+      "compilable": true
+    },
     "6f2b7da00479a6033fdaca36f0646a924c61cbf09cd0e07da6948a884af98a61": {
       "title": "Dependency",
       "code": "<ProForm\n      {...args}\n      initialValues={{ hasAccount: false, accountType: '' }}\n    >\n      <ProFormSwitch name=\"hasAccount\" label=\"Has Account\" />\n      <ProFormDependency name={['hasAccount']}>\n        {({ hasAccount }) =>\n          hasAccount ? (\n            <>\n              <ProFormText\n                name=\"accountId\"\n                label=\"Account ID\"\n                rules={[{ required: true }]}\n              />\n              <ProFormText name=\"accountName\" label=\"Account Name\" />\n            </>\n          ) : null\n        }\n      </ProFormDependency>\n    </ProForm>",
@@ -1015,6 +1021,12 @@
       "source": "stories",
       "compilable": false
     },
+    "75fc55f93a5502c927a0f7967cd25465c98417b3afe02ec8880531efc12a3362": {
+      "title": "Canonical usage",
+      "code": "import { Clipboard } from '@1money/components-ui';\n\n<Clipboard\n  label=\"Setup Key\"\n  content=\"GWKLDLVE25dfLIJOHUD578JPIHD24JLJGHGOUH27HLIHOUGOLIKHJ547HOU\"\n  onSuccess={(v) => console.log(v)}\n/>",
+      "source": "canonical",
+      "compilable": true
+    },
     "76052e611a155b488f8eee38973e3b050274bc58b0a974f66b8c9a55e77e28b6": {
       "title": "Canonical usage",
       "code": "import { Typography } from '@1money/components-ui';\n// or\nimport { Typography } from '@1money/components-ui/Typography';",
@@ -1279,12 +1291,6 @@
       "source": "stories",
       "compilable": false
     },
-    "92d700fd2da1bf06587fe4c86118bff9b3b4b42eb3ec5a4c9a790f7ac8950ff6": {
-      "title": "Illustrations",
-      "code": "{\n    const handleCopy = (el: string) => {\n      copy(el);\n    };\n\n    return <div style={{ display: 'grid', gap: 24, gridTemplateColumns: 'repeat(auto-fill, minmax(200px, 1fr))' }}>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusChecked' />\")}>\n        <Icons {...args} name='illusChecked' />\n        <span>illusChecked</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusEmailError' />\")}>\n        <Icons {...args} name='illusEmailError' />\n        <span>illusEmailError</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusLinkExpired' />\")}>\n        <Icons {...args} name='illusLinkExpired' />\n        <span>illusLinkExpired</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illus2FA' />\")}>\n        <Icons {...args} name='illus2FA' />\n        <span>illus2FA</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusLocked' />\")}>\n        <Icons {...args} name='illusLocked' />\n        <span>illusLocked</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusError' />\")}>\n        <Icons {...args} name='illusError' />\n        <span>illusError</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusRegionNotSupported' />\")}>\n        <Icons {...args} name='illusRegionNotSupported' />\n        <span>illusRegionNotSupported</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusID' />\")}>\n        <Icons {...args} name='illusID' />\n        <span>illusID</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusVerification' />\")}>\n        <Icons {...args} name='illusVerification' />\n        <span>illusVerification</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusPending' />\")}>\n        <Icons {...args} name='illusPending' color='#F4C600' />\n        <span>illusPending</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusPasskey' />\")}>\n        <Icons {...args} name='illusPasskey' />\n        <span>illusPasskey</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusAddAccount' />\")}>\n        <Icons {...args} name='illusAddAccount' />\n        <span>illusAddAccount</span>\n      </CopyIconBox>\n    </div>;\n  }",
-      "source": "stories",
-      "compilable": false
-    },
     "93778978611c05850a486471281bd8bb01ceeac22d3d7708ec1c59aaefb0ae95": {
       "title": "Canonical usage",
       "code": "import { Alert } from '@1money/components-ui';\n// or\nimport { Alert } from '@1money/components-ui/Alert';",
@@ -1957,6 +1963,12 @@
       "source": "canonical",
       "compilable": true
     },
+    "deeed04202c3f64b444b70c4f7e483cfb165662a2c6508394c229835f70cf112": {
+      "title": "Clipboard Field",
+      "code": "<div style={{ display: 'flex', flexDirection: 'column', gap: 16}}>\n      <Clipboard\n        label=\"Setup Key\"\n        content=\"GWKLDLVE25dfLIJOHUD578JPIHD24JLJGHGOUH27HLIHOUGOLIKHJ547HOU\"\n        onSuccess={COPY_SUCCESS}\n        onError={COPY_ERROR}\n      />\n      <Clipboard\n        content=\"0x96789C2b0f47B3F7BbEcbB5C12a2d0eA5d9afd89\"\n        onSuccess={COPY_SUCCESS}\n        onError={COPY_ERROR}\n      />\n    </div>",
+      "source": "stories",
+      "compilable": true
+    },
     "df516870a4f3b627969e2e1b0c6fc40fccc4ccb0fb7c04a34e5e169a928de479": {
       "title": "Usage",
       "code": "<Cell iconStart=\"security\" iconEnd=\"arrowRight\" active>\n  Authenticator app\n</Cell>",
@@ -2005,6 +2017,12 @@
       "source": "readme",
       "compilable": true
     },
+    "e57037f057f4da5ac90baae9ad1d85153cb48c9cfff34a65cbe2a927bf5cb713": {
+      "title": "Usage",
+      "code": "<Dialog\n  open={open}\n  title=\"Confirm transfer\"\n  onCancel={() => setOpen(false)}\n  onOk={handleSubmit}\n/>",
+      "source": "readme",
+      "compilable": true
+    },
     "e590bf2afc81b30b930dada6662ca8d5f1563febfe83f4e804b82bdeaa55d9e3": {
       "title": "Value Enum",
       "code": "<ProForm\n      {...args}\n      onFinish={(values) => alert(JSON.stringify(values, null, 2))}\n    >\n      <ProFormSelect\n        name=\"status\"\n        label=\"Status\"\n        valueEnum={{ active: 'Active', inactive: 'Inactive', pending: { text: 'Pending', disabled: true } }}\n      />\n      <ProFormRadioGroup\n        name=\"role\"\n        label=\"Role\"\n        valueEnum={{ admin: 'Admin', editor: 'Editor', viewer: 'Viewer' }}\n      />\n    </ProForm>",
@@ -2059,6 +2077,12 @@
       "source": "stories",
       "compilable": true
     },
+    "ed5aa33f8e734dad460aa9b2a7c6fc0690efc9cda3b0854c642d59b2bbf55870": {
+      "title": "Illustrations",
+      "code": "{\n    const handleCopy = (el: string) => {\n      copy(el);\n    };\n\n    return <div style={{ display: 'grid', gap: 24, gridTemplateColumns: 'repeat(auto-fill, minmax(200px, 1fr))' }}>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusChecked' />\")}>\n        <Icons {...args} name='illusChecked' />\n        <span>illusChecked</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusEmailError' />\")}>\n        <Icons {...args} name='illusEmailError' />\n        <span>illusEmailError</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusLinkExpired' />\")}>\n        <Icons {...args} name='illusLinkExpired' />\n        <span>illusLinkExpired</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illus2FA' />\")}>\n        <Icons {...args} name='illus2FA' />\n        <span>illus2FA</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusLocked' />\")}>\n        <Icons {...args} name='illusLocked' />\n        <span>illusLocked</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusError' />\")}>\n        <Icons {...args} name='illusError' />\n        <span>illusError</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusRegionNotSupported' />\")}>\n        <Icons {...args} name='illusRegionNotSupported' />\n        <span>illusRegionNotSupported</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusID' />\")}>\n        <Icons {...args} name='illusID' />\n        <span>illusID</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusVerification' />\")}>\n        <Icons {...args} name='illusVerification' />\n        <span>illusVerification</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusPending' />\")}>\n        <Icons {...args} name='illusPending' color='#F4C600' />\n        <span>illusPending</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusPasskey' />\")}>\n        <Icons {...args} name='illusPasskey' />\n        <span>illusPasskey</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusAddAccount' />\")}>\n        <Icons {...args} name='illusAddAccount' />\n        <span>illusAddAccount</span>\n      </CopyIconBox>\n      <CopyIconBox onClick={() => handleCopy(\"<Icons name='illusRewards' />\")}>\n        <Icons {...args} name='illusRewards' />\n        <span>illusRewards</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

@@ -1421,6 +1421,118 @@
         }
       ]
     },
+    {
+      "name": "Clipboard",
+      "kind": "component",
+      "category": "input",
+      "summary": "",
+      "importPath": "@1money/component-ui",
+      "subpathImport": "@1money/component-ui/Copy",
+      "sourceFile": "src/components/Copy/Clipboard.tsx",
+      "props": [
+        {
+          "name": "content",
+          "type": "string",
+          "optional": false,
+          "default": null,
+          "description": "The text content to display and copy to clipboard",
+          "inheritedFrom": null
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "optional": true,
+          "default": null,
+          "description": "Optional label rendered above the content card",
+          "inheritedFrom": null
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "optional": true,
+          "default": null,
+          "description": "Additional CSS class names for the root element",
+          "inheritedFrom": null
+        },
+        {
+          "name": "labelCls",
+          "type": "string",
+          "optional": true,
+          "default": null,
+          "description": "Additional CSS class names for the label",
+          "inheritedFrom": null
+        },
+        {
+          "name": "prefixCls",
+          "type": "string",
+          "optional": true,
+          "default": null,
+          "description": "CSS class name prefix (default: 'clipboard')",
+          "inheritedFrom": null
+        },
+        {
+          "name": "onSuccess",
+          "type": "(value: string) => void",
+          "optional": true,
+          "default": null,
+          "description": "Callback fired when the copy operation succeeds",
+          "inheritedFrom": null
+        },
+        {
+          "name": "onError",
+          "type": "(value: string) => void",
+          "optional": true,
+          "default": null,
+          "description": "Callback fired when the copy operation fails",
+          "inheritedFrom": null
+        }
+      ],
+      "extends": [],
+      "relatedSymbols": [
+        "ClipboardProps",
+        "Copy",
+        "CopyProps"
+      ],
+      "searchTags": [
+        "clipboard",
+        "copy",
+        "copy to clipboard",
+        "copyable field",
+        "secret field"
+      ],
+      "canonicalUsage": "import { Clipboard } from '@1money/components-ui';\n\n<Clipboard\n  label=\"Setup Key\"\n  content=\"GWKLDLVE25dfLIJOHUD578JPIHD24JLJGHGOUH27HLIHOUGOLIKHJ547HOU\"\n  onSuccess={(v) => console.log(v)}\n/>",
+      "examples": [
+        {
+          "hash": "75fc55f93a5502c927a0f7967cd25465c98417b3afe02ec8880531efc12a3362",
+          "source": "canonical"
+        }
+      ]
+    },
+    {
+      "name": "ClipboardProps",
+      "kind": "type",
+      "category": "input",
+      "summary": "",
+      "importPath": "@1money/component-ui",
+      "subpathImport": "@1money/component-ui/Copy",
+      "sourceFile": "src/components/Copy/interface.ts",
+      "props": [],
+      "extends": [],
+      "relatedSymbols": [
+        "Clipboard",
+        "Copy",
+        "CopyProps"
+      ],
+      "searchTags": [],
+      "typeText": "interface ClipboardProps { ... }",
+      "canonicalUsage": "import { Copy } from '@1money/components-ui';\n// or\nimport { Copy } from '@1money/components-ui/Copy';",
+      "examples": [
+        {
+          "hash": "95dc922235c54890ef40e287095692b232702132d592073e3c6b66efd6929f50",
+          "source": "canonical"
+        }
+      ]
+    },
     {
       "name": "CoachMark",
       "kind": "component",
@@ -1779,9 +1891,15 @@
       ],
       "extends": [],
       "relatedSymbols": [
+        "Clipboard",
+        "ClipboardProps",
         "CopyProps"
       ],
-      "searchTags": [],
+      "searchTags": [
+        "clipboard",
+        "copy",
+        "copy to clipboard"
+      ],
       "canonicalUsage": "import { Copy } from '@1money/components-ui';\n// or\nimport { Copy } from '@1money/components-ui/Copy';",
       "examples": [
         {
@@ -1796,9 +1914,21 @@
           "hash": "b040eead4ef6d0382049572436b1eb5a21c9357a41e519f5204a58fc04e0c1ab",
           "source": "readme"
         },
+        {
+          "hash": "69f29e0647a74609f6aaa9ea3dc6ffa3559143861f405d2fd72e046abddd390a",
+          "source": "readme"
+        },
+        {
+          "hash": "6ea2fa87fa2050f0e9e5f271bfbcac33d12cf62034f24d55257ec9955430ef59",
+          "source": "readme"
+        },
         {
           "hash": "144e248f0e0e1f5a681bdd8625add8d71643d3cca3f40bd840d914b057970d9a",
           "source": "stories"
+        },
+        {
+          "hash": "deeed04202c3f64b444b70c4f7e483cfb165662a2c6508394c229835f70cf112",
+          "source": "stories"
         }
       ]
     },
@@ -1813,6 +1943,8 @@
       "props": [],
       "extends": [],
       "relatedSymbols": [
+        "Clipboard",
+        "ClipboardProps",
         "Copy"
       ],
       "searchTags": [],
@@ -1970,14 +2102,6 @@
           "description": "",
           "inheritedFrom": null
         },
-        {
-          "name": "description",
-          "type": "ReactNode",
-          "optional": true,
-          "default": null,
-          "description": "",
-          "inheritedFrom": null
-        },
         {
           "name": "children",
           "type": "ReactNode",
@@ -2154,7 +2278,7 @@
           "source": "readme"
         },
         {
-          "hash": "341d33a3398e2a18e0d6bd76c9602a448d9a775132d0ccb1e3591038cec0fa5c",
+          "hash": "e57037f057f4da5ac90baae9ad1d85153cb48c9cfff34a65cbe2a927bf5cb713",
           "source": "readme"
         },
         {
@@ -4374,7 +4498,7 @@
           "source": "stories"
         },
         {
-          "hash": "92d700fd2da1bf06587fe4c86118bff9b3b4b42eb3ec5a4c9a790f7ac8950ff6",
+          "hash": "ed5aa33f8e734dad460aa9b2a7c6fc0690efc9cda3b0854c642d59b2bbf55870",
           "source": "stories"
         },
         {
@@ -17658,8 +17782,8 @@
       "name": "typography-headline-xs",
       "scss": "$om-typography-headline['xs']",
       "cssVar": "--om-typography-typography-headline-xs",
-      "value": "(\n    font-family: $om-font-display,\n    font-weight: $om-font-weight-medium,\n    font-size: 18px,\n    line-height: 26px,\n    letter-spacing: $om-tracking-none,\n  )",
-      "resolved": "(\n    font-family: $om-font-display,\n    font-weight: $om-font-weight-medium,\n    font-size: 18px,\n    line-height: 26px,\n    letter-spacing: $om-tracking-none,\n  )",
+      "value": "(\n    font-family: $om-font-display,\n    font-weight: $om-font-weight-medium,\n    font-size: 16px,\n    line-height: 26px,\n    letter-spacing: $om-tracking-none,\n  )",
+      "resolved": "(\n    font-family: $om-font-display,\n    font-weight: $om-font-weight-medium,\n    font-size: 16px,\n    line-height: 26px,\n    letter-spacing: $om-tracking-none,\n  )",
       "kind": "typography",
       "layer": "semantic"
     },
@@ -17980,6 +18104,9 @@
     {
       "name": "illusRegionNotSupported"
     },
+    {
+      "name": "illusRewards"
+    },
     {
       "name": "illusVerification"
     },