@1money/component-ui 0.0.89 → 0.0.90-alpha.1

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

@@ -151,6 +151,12 @@
       "source": "readme",
       "compilable": true
     },
+    "0c768b646aa684f0a011c4dba8b0355e58c2546fd5d132e1b992122d9455232c": {
+      "title": "Canonical usage",
+      "code": "import type { ActionBarLayout } from '@1money/component-ui';",
+      "source": "canonical",
+      "compilable": true
+    },
     "0c7c04366337519cd94b38f5358dfa8f9eec80c8f289ba172def5f00e1a89ba3": {
       "title": "Date Picker Story",
       "code": "<ProForm\n      {...args}\n      initialValues={{ birthday: null, startDate: null }}\n      onFinish={(values) => alert(JSON.stringify(values, null, 2))}\n    >\n      <ProFormDatePicker\n        name=\"birthday\"\n        label=\"Birthday\"\n        fieldProps={{ dateFormat: 'yy-mm-dd', showIcon: true }}\n      />\n      <ProFormDatePicker\n        name=\"startDate\"\n        label=\"Start Date\"\n        fieldProps={{ dateFormat: 'mm/dd/yy', showButtonBar: true }}\n      />\n    </ProForm>",
@@ -199,6 +205,12 @@
       "source": "stories",
       "compilable": true
     },
+    "10061dfa2d1ed5326ad65d1f571ed69402288b9a4d4071e7f77cf0917c2ad4e2": {
+      "title": "Canonical usage",
+      "code": "import type { ActionBarAction } from '@1money/component-ui';",
+      "source": "canonical",
+      "compilable": true
+    },
     "10c3dc4b995524ead942626d1a9e7ef96f11e52235700d42ddbf138090b3a9ad": {
       "title": "Canonical usage",
       "code": "import { Slider } from '@1money/component-ui';\n// or\nimport { Slider } from '@1money/component-ui/Slider';",
@@ -421,6 +433,12 @@
       "source": "canonical",
       "compilable": true
     },
+    "23e9718c7f439230fb4d6d0f21b01fe15e6475ace8578e08b3963545b687aacb": {
+      "title": "Import",
+      "code": "import { FormLayout, FormRow, FormCell, FORM_LAYOUT_CONFIG } from '@1money/component-ui';\n// or\nimport { FormLayout } from '@1money/component-ui/FormLayout';",
+      "source": "readme",
+      "compilable": true
+    },
     "2466701561c771c274f41826a4f581e2a7cd56b37d8fb8fe99689765a15159cf": {
       "title": "Canonical usage",
       "code": "import type { FilterHandler } from '@1money/component-ui';",
@@ -571,6 +589,12 @@
       "source": "readme",
       "compilable": true
     },
+    "31c2639a02e8c20c9400945d8718612f560d5f9873104343a1f1720e11ea763d": {
+      "title": "Canonical usage",
+      "code": "import { FormLayout, FormRow, FormCell, FORM_LAYOUT_CONFIG } from '@1money/component-ui';\n// or\nimport { FormLayout } from '@1money/component-ui/FormLayout';",
+      "source": "canonical",
+      "compilable": true
+    },
     "31dd5c9e926c0deeefba1a4028848b13ee819e42fbdf5ba0438329ffa1907e66": {
       "title": "Width Presets",
       "code": "<ProForm {...args}>\n      <ProFormText name=\"sm\" label=\"Small (sm = 160px)\" width=\"sm\" />\n      <ProFormText name=\"md\" label=\"Medium (md = 240px)\" width=\"md\" />\n      <ProFormText name=\"lg\" label=\"Large (lg = 320px)\" width=\"lg\" />\n      <ProFormText name=\"xl\" label=\"XL (xl = 420px)\" width=\"xl\" />\n      <ProFormText name=\"custom\" label=\"Custom (200px)\" width={200} />\n    </ProForm>",
@@ -727,6 +751,12 @@
       "source": "readme",
       "compilable": true
     },
+    "3e1b837d009985dfb4fd3b8dc6bbd0d622f81da97c84449ef030d92f26093f19": {
+      "title": "Canonical usage",
+      "code": "import type { ActionBarFootnote } from '@1money/component-ui';",
+      "source": "canonical",
+      "compilable": true
+    },
     "3e868fc7054ec26b6d612e345cd084dcdbb6a51b7d290eae2fa333509e0c9b33": {
       "title": "Canonical usage",
       "code": "<Popconfirm />",
@@ -1069,6 +1099,12 @@
       "source": "stories",
       "compilable": false
     },
+    "60779b1ebe0f82d9c815b7207aaba4ef0c2ab59d6fbd1fd7f46aef140023b9bb": {
+      "title": "Page Density",
+      "code": "<FormLayout\n      variant='page'\n      title='Complete profile'\n      extra={\n        <Select\n          size='small'\n          options={[\n            { label: 'Sandbox mode', value: 'sandbox' },\n            { label: 'Live mode', value: 'live' },\n          ]}\n          defaultValue='sandbox'\n        />\n      }\n      footer={<ActionBar primary={{ label: 'Continue' }} />}\n    >\n      <Row>\n        <Cell>\n          <Input label='First name' placeholder='John' maxLength={32} />\n        </Cell>\n        <Cell>\n          <Input label='Last name' placeholder='Doe' maxLength={32} />\n        </Cell>\n      </Row>\n      <Input label='Company name' placeholder='Apple Inc' maxLength={70} />\n      <Select label='Industry type' placeholder='Select an industry' options={[]} />\n      <Input.Password label='New password' placeholder='New password' />\n    </FormLayout>",
+      "source": "stories",
+      "compilable": true
+    },
     "6100fc2a8e5223e9cb058946bfa868735653b13a46dbde6901ba88436958f7b9": {
       "title": "Canonical usage",
       "code": "import { Navigation, Nav, NavigationStepper } from '@1money/component-ui';\n// or\nimport { Navigation, Nav, NavigationStepper } from '@1money/component-ui/Navigation';",
@@ -1291,6 +1327,12 @@
       "source": "canonical",
       "compilable": true
     },
+    "778ff251f59b7f82e0eb19aad6b18543b96bed2de7792e4ea1f8f899b4c570ac": {
+      "title": "Import",
+      "code": "import { ActionBar } from '@1money/component-ui';",
+      "source": "readme",
+      "compilable": true
+    },
     "7880909af758a291affc6ba2a56af087c012f00945684528454d55e9faffbb53": {
       "title": "Sidebar Content Layout",
       "code": "<div style={DEMO_PAGE_STYLE}>\n      <Flex gap={GAP_MIDDLE} align={FLEX_ALIGN.start} justify={FLEX_JUSTIFY.start} wrap={WRAP_DISABLED}>\n        <Flex vertical gap={GAP_SMALL} style={{ ...DEMO_PANEL_STYLE, minWidth: 220 }}>\n          <div style={DEMO_ITEM_STYLE}>Menu Group A</div>\n          <div style={DEMO_ITEM_STYLE}>Menu Group B</div>\n          <div style={DEMO_ITEM_STYLE}>Menu Group C</div>\n        </Flex>\n\n        <Flex vertical gap={GAP_MIDDLE} style={{ ...DEMO_PANEL_STYLE, flex: 1 }}>\n          <Flex align={FLEX_ALIGN.center} justify={FLEX_JUSTIFY.spaceBetween}>\n            <div style={DEMO_ITEM_STYLE}>Page Title</div>\n            <Flex gap={GAP_SMALL}>\n              <div style={DEMO_ITEM_STYLE}>Export</div>\n              <div style={DEMO_ITEM_STYLE}>Create</div>\n            </Flex>\n          </Flex>\n          <div style={DEMO_PANEL_STYLE}>Main Content</div>\n          <Flex align={FLEX_ALIGN.center} justify={FLEX_JUSTIFY.end} gap={GAP_SMALL}>\n            <div style={DEMO_ITEM_STYLE}>Cancel</div>\n            <div style={DEMO_ITEM_STYLE}>Save</div>\n          </Flex>\n        </Flex>\n      </Flex>\n    </div>",
@@ -1345,6 +1387,12 @@
       "source": "stories",
       "compilable": true
     },
+    "7b9df7846bbfff4e15c8e946f02854ec4960729387cb7ee109332f859d9c95eb": {
+      "title": "Modal Density",
+      "code": "<FormLayout\n      variant='modal'\n      title='Add new bank account'\n      footer={<ActionBar layout='compact' secondary={{ label: 'Cancel' }} primary={{ label: 'Add' }} />}\n    >\n      <BankAccountFields />\n    </FormLayout>",
+      "source": "stories",
+      "compilable": true
+    },
     "7d415c46958e4b98092da361ef3a5b5a788b71628f8dfaa3a8ee1021b6871cee": {
       "title": "Import",
       "code": "import { Button, Icons } from '@1money/component-ui';\n// or\nimport { Button } from '@1money/component-ui/Button';\nimport { Icons } from '@1money/component-ui/Icons';",
@@ -1489,6 +1537,12 @@
       "source": "canonical",
       "compilable": true
     },
+    "878fbef26e770a8edb30d246935990aaaae4a13cf626becca5de61f91781b8c5": {
+      "title": "Usage",
+      "code": "<FormLayout\n  variant='modal'\n  title='Add new bank account'\n  footer={<ActionBar layout='compact' secondary={{ label: 'Cancel' }} primary={{ label: 'Add' }} />}\n>\n  <FormRow>\n    <FormCell><Input label='Account holder name' /></FormCell>\n    <FormCell><Select label='Country' options={…} /></FormCell>\n  </FormRow>\n  <Input label='PIX key' />           {/* direct child = full width */}\n</FormLayout>",
+      "source": "readme",
+      "compilable": true
+    },
     "87a9aab61a6cb4862c45ca66aa0e35790374df21bdbec63a5f16b931e676958c": {
       "title": "Dependency Form Instance",
       "code": "<ProForm {...args} initialValues={{ country: 'us', city: 'ny' }}>\n      <ProFormSelect\n        name=\"country\"\n        label=\"Country\"\n        valueEnum={{ us: 'United States', cn: 'China' }}\n      />\n      <ProFormDependency name={['country']}>\n        {({ country }, form) => (\n          <>\n            <ProFormSelect\n              name=\"city\"\n              label={`City (${country === 'cn' ? 'China' : 'United States'})`}\n              valueEnum={\n                country === 'cn'\n                  ? { bj: 'Beijing', sh: 'Shanghai' }\n                  : { ny: 'New York', la: 'Los Angeles' }\n              }\n            />\n            <Button\n              type=\"button\"\n              color=\"secondary\"\n              size=\"small\"\n              onClick={() => form.setFieldsValue({ city: undefined })}\n            >\n              Clear city\n            </Button>\n          </>\n        )}\n      </ProFormDependency>\n    </ProForm>",
@@ -1633,6 +1687,12 @@
       "source": "canonical",
       "compilable": true
     },
+    "93b172e8804898e8e815d5d9dc1ec3f3a8273cccd7b35f0c5ce46a2ef5bbd885": {
+      "title": "Usage",
+      "code": "// Form dialog footer (compact, left-aligned, medium buttons)\n<ActionBar layout='compact' secondary={{ label: 'Cancel', onClick: close }} primary={{ label: 'Add', loading, onClick: submit }} />\n\n// Result dialog / page form (fill: one action spans the row, two split it)\n<ActionBar primary={{ label: 'Done', onClick: close }} />\n\n// Stacked full-width (result dialogs)\n<ActionBar direction='vertical' primary={{ label: 'Sign Up' }} secondary={{ label: 'Use Another Email' }} />",
+      "source": "readme",
+      "compilable": true
+    },
     "93d23d9eeea4da875fbe248ae5096c5ebccefaab935749a8067d38b9c0485be9": {
       "title": "With Description",
       "code": "<Switch {...args} label=\"Label\" description=\"Description\" />",
@@ -1765,6 +1825,12 @@
       "source": "readme",
       "compilable": true
     },
+    "a1a0aed42f051433d5dc32d95c08519e920a1163cfa9588524779cca2abd2f79": {
+      "title": "Modal Scrolling",
+      "code": "<FormLayout\n      variant='modal'\n      maxHeight={420}\n      title='Add new bank account'\n      footer={<ActionBar layout='compact' secondary={{ label: 'Cancel' }} primary={{ label: 'Add' }} />}\n    >\n      <BankAccountFields />\n      <BankAccountFields />\n    </FormLayout>",
+      "source": "stories",
+      "compilable": true
+    },
     "a273142732c4077af48c520b0e9fbec1fcae48b0f012545bcb951e9554b1e0ef": {
       "title": "Canonical usage",
       "code": "import { Flex } from '@1money/component-ui';\n// or\nimport { Flex } from '@1money/component-ui/Flex';\nimport { FLEX_ALIGN, FLEX_GAP, FLEX_JUSTIFY, FLEX_WRAP } from '@1money/component-ui/Flex';",
@@ -1993,6 +2059,12 @@
       "source": "readme",
       "compilable": true
     },
+    "b18db3681963f33b4f480dc59dc59e3799470a5a30c598e54eb5624e82c9cb9e": {
+      "title": "Canonical usage",
+      "code": "<ActionBar />",
+      "source": "canonical",
+      "compilable": true
+    },
     "b1c6f9400c9b8e40e5ce950447b02ac670b68a1e55242b16a8dc86249f792a7f": {
       "title": "Canonical usage",
       "code": "<p>Above</p>\n<Divider />\n<p>Below</p>",
@@ -2569,6 +2641,12 @@
       "source": "readme",
       "compilable": true
     },
+    "e466b68f0a986ec676c0e149f8cb4ee4e6bdbc23ec752b00fbdf6be1c7df6d5f": {
+      "title": "Canonical usage",
+      "code": "import type { ActionBarProps } from '@1money/component-ui';",
+      "source": "canonical",
+      "compilable": true
+    },
     "e507eed4788971490bf4cdd4a72e99bbbbb78635073b89a32022fdb2055c6a3b": {
       "title": "Virtual Usage",
       "code": "<VirtualTable\n  rowKey=\"id\"\n  columns={columns}\n  dataSource={rows}\n  scroll={{ x: 1200, y: 360 }}\n/>",