@wallarm-org/design-system 2.3.2 → 2.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/components/Page/PageContent.js +1 -1
  2. package/dist/components/Page/PageDescription.d.ts +5 -0
  3. package/dist/components/{SettingsHeader/SettingsHeaderDescription.js → Page/PageDescription.js} +4 -4
  4. package/dist/components/Page/PageHeaderGroup.d.ts +6 -0
  5. package/dist/components/{SettingsHeader/SettingsHeaderFilters.js → Page/PageHeaderGroup.js} +6 -6
  6. package/dist/components/Page/PageToolbar.d.ts +6 -0
  7. package/dist/components/{SettingsHeader/SettingsHeaderBreadcrumbs.js → Page/PageToolbar.js} +6 -6
  8. package/dist/components/Page/index.d.ts +3 -0
  9. package/dist/components/Page/index.js +3 -0
  10. package/dist/components/RemoteShell/RemoteShell.js +1 -1
  11. package/dist/components/Table/TableMasterCellActions.js +1 -1
  12. package/dist/index.d.ts +1 -2
  13. package/dist/index.js +1 -2
  14. package/dist/metadata/components.json +1225 -2346
  15. package/package.json +1 -1
  16. package/dist/components/SettingsHeader/SettingsHeader.d.ts +0 -7
  17. package/dist/components/SettingsHeader/SettingsHeader.js +0 -63
  18. package/dist/components/SettingsHeader/SettingsHeaderActions.d.ts +0 -6
  19. package/dist/components/SettingsHeader/SettingsHeaderActions.js +0 -51
  20. package/dist/components/SettingsHeader/SettingsHeaderBreadcrumbs.d.ts +0 -6
  21. package/dist/components/SettingsHeader/SettingsHeaderDescription.d.ts +0 -5
  22. package/dist/components/SettingsHeader/SettingsHeaderFilters.d.ts +0 -6
  23. package/dist/components/SettingsHeader/SettingsHeaderHeading.d.ts +0 -6
  24. package/dist/components/SettingsHeader/SettingsHeaderHeading.js +0 -51
  25. package/dist/components/SettingsHeader/SettingsHeaderTitle.d.ts +0 -5
  26. package/dist/components/SettingsHeader/SettingsHeaderTitle.js +0 -51
  27. package/dist/components/SettingsHeader/index.d.ts +0 -7
  28. package/dist/components/SettingsHeader/index.js +0 -7
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "2.3.1",
3
- "generatedAt": "2026-10-09T14:54:29.374Z",
2
+ "version": "2.3.2",
3
+ "generatedAt": "2026-10-12T07:35:18.331Z",
4
4
  "components": [
5
5
  {
6
6
  "name": "Accordion",
@@ -63864,6 +63864,281 @@
63864
63864
  }
63865
63865
  ]
63866
63866
  },
63867
+ {
63868
+ "name": "PageDescription",
63869
+ "props": [
63870
+ {
63871
+ "name": "defaultChecked",
63872
+ "type": "boolean | undefined",
63873
+ "required": false
63874
+ },
63875
+ {
63876
+ "name": "defaultValue",
63877
+ "type": "string | number | readonly string[] | undefined",
63878
+ "required": false
63879
+ },
63880
+ {
63881
+ "name": "suppressContentEditableWarning",
63882
+ "type": "boolean | undefined",
63883
+ "required": false
63884
+ },
63885
+ {
63886
+ "name": "suppressHydrationWarning",
63887
+ "type": "boolean | undefined",
63888
+ "required": false
63889
+ },
63890
+ {
63891
+ "name": "accessKey",
63892
+ "type": "string | undefined",
63893
+ "required": false
63894
+ },
63895
+ {
63896
+ "name": "autoCapitalize",
63897
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
63898
+ "required": false
63899
+ },
63900
+ {
63901
+ "name": "autoFocus",
63902
+ "type": "boolean | undefined",
63903
+ "required": false
63904
+ },
63905
+ {
63906
+ "name": "contentEditable",
63907
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
63908
+ "required": false
63909
+ },
63910
+ {
63911
+ "name": "contextMenu",
63912
+ "type": "string | undefined",
63913
+ "required": false
63914
+ },
63915
+ {
63916
+ "name": "dir",
63917
+ "type": "string | undefined",
63918
+ "required": false
63919
+ },
63920
+ {
63921
+ "name": "draggable",
63922
+ "type": "Booleanish | undefined",
63923
+ "required": false
63924
+ },
63925
+ {
63926
+ "name": "enterKeyHint",
63927
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
63928
+ "required": false
63929
+ },
63930
+ {
63931
+ "name": "hidden",
63932
+ "type": "boolean | undefined",
63933
+ "required": false
63934
+ },
63935
+ {
63936
+ "name": "id",
63937
+ "type": "string | undefined",
63938
+ "required": false
63939
+ },
63940
+ {
63941
+ "name": "lang",
63942
+ "type": "string | undefined",
63943
+ "required": false
63944
+ },
63945
+ {
63946
+ "name": "nonce",
63947
+ "type": "string | undefined",
63948
+ "required": false
63949
+ },
63950
+ {
63951
+ "name": "slot",
63952
+ "type": "string | undefined",
63953
+ "required": false
63954
+ },
63955
+ {
63956
+ "name": "spellCheck",
63957
+ "type": "Booleanish | undefined",
63958
+ "required": false
63959
+ },
63960
+ {
63961
+ "name": "tabIndex",
63962
+ "type": "number | undefined",
63963
+ "required": false
63964
+ },
63965
+ {
63966
+ "name": "title",
63967
+ "type": "string | undefined",
63968
+ "required": false
63969
+ },
63970
+ {
63971
+ "name": "translate",
63972
+ "type": "\"yes\" | \"no\" | undefined",
63973
+ "required": false
63974
+ },
63975
+ {
63976
+ "name": "radioGroup",
63977
+ "type": "string | undefined",
63978
+ "required": false
63979
+ },
63980
+ {
63981
+ "name": "role",
63982
+ "type": "AriaRole | undefined",
63983
+ "required": false
63984
+ },
63985
+ {
63986
+ "name": "about",
63987
+ "type": "string | undefined",
63988
+ "required": false
63989
+ },
63990
+ {
63991
+ "name": "content",
63992
+ "type": "string | undefined",
63993
+ "required": false
63994
+ },
63995
+ {
63996
+ "name": "datatype",
63997
+ "type": "string | undefined",
63998
+ "required": false
63999
+ },
64000
+ {
64001
+ "name": "inlist",
64002
+ "type": "any",
64003
+ "required": false
64004
+ },
64005
+ {
64006
+ "name": "prefix",
64007
+ "type": "string | undefined",
64008
+ "required": false
64009
+ },
64010
+ {
64011
+ "name": "property",
64012
+ "type": "string | undefined",
64013
+ "required": false
64014
+ },
64015
+ {
64016
+ "name": "rel",
64017
+ "type": "string | undefined",
64018
+ "required": false
64019
+ },
64020
+ {
64021
+ "name": "resource",
64022
+ "type": "string | undefined",
64023
+ "required": false
64024
+ },
64025
+ {
64026
+ "name": "rev",
64027
+ "type": "string | undefined",
64028
+ "required": false
64029
+ },
64030
+ {
64031
+ "name": "typeof",
64032
+ "type": "string | undefined",
64033
+ "required": false
64034
+ },
64035
+ {
64036
+ "name": "vocab",
64037
+ "type": "string | undefined",
64038
+ "required": false
64039
+ },
64040
+ {
64041
+ "name": "autoCorrect",
64042
+ "type": "string | undefined",
64043
+ "required": false
64044
+ },
64045
+ {
64046
+ "name": "autoSave",
64047
+ "type": "string | undefined",
64048
+ "required": false
64049
+ },
64050
+ {
64051
+ "name": "color",
64052
+ "type": "string | undefined",
64053
+ "required": false
64054
+ },
64055
+ {
64056
+ "name": "itemProp",
64057
+ "type": "string | undefined",
64058
+ "required": false
64059
+ },
64060
+ {
64061
+ "name": "itemScope",
64062
+ "type": "boolean | undefined",
64063
+ "required": false
64064
+ },
64065
+ {
64066
+ "name": "itemType",
64067
+ "type": "string | undefined",
64068
+ "required": false
64069
+ },
64070
+ {
64071
+ "name": "itemID",
64072
+ "type": "string | undefined",
64073
+ "required": false
64074
+ },
64075
+ {
64076
+ "name": "itemRef",
64077
+ "type": "string | undefined",
64078
+ "required": false
64079
+ },
64080
+ {
64081
+ "name": "results",
64082
+ "type": "number | undefined",
64083
+ "required": false
64084
+ },
64085
+ {
64086
+ "name": "security",
64087
+ "type": "string | undefined",
64088
+ "required": false
64089
+ },
64090
+ {
64091
+ "name": "unselectable",
64092
+ "type": "\"off\" | \"on\" | undefined",
64093
+ "required": false
64094
+ },
64095
+ {
64096
+ "name": "popover",
64097
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
64098
+ "required": false
64099
+ },
64100
+ {
64101
+ "name": "popoverTargetAction",
64102
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
64103
+ "required": false
64104
+ },
64105
+ {
64106
+ "name": "popoverTarget",
64107
+ "type": "string | undefined",
64108
+ "required": false
64109
+ },
64110
+ {
64111
+ "name": "inert",
64112
+ "type": "boolean | undefined",
64113
+ "required": false,
64114
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
64115
+ },
64116
+ {
64117
+ "name": "inputMode",
64118
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
64119
+ "required": false,
64120
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
64121
+ },
64122
+ {
64123
+ "name": "is",
64124
+ "type": "string | undefined",
64125
+ "required": false,
64126
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
64127
+ },
64128
+ {
64129
+ "name": "exportparts",
64130
+ "type": "string | undefined",
64131
+ "required": false,
64132
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
64133
+ },
64134
+ {
64135
+ "name": "part",
64136
+ "type": "string | undefined",
64137
+ "required": false,
64138
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
64139
+ }
64140
+ ]
64141
+ },
63867
64142
  {
63868
64143
  "name": "PageHeader",
63869
64144
  "props": [
@@ -64145,7 +64420,7 @@
64145
64420
  ]
64146
64421
  },
64147
64422
  {
64148
- "name": "PageTitle",
64423
+ "name": "PageHeaderGroup",
64149
64424
  "props": [
64150
64425
  {
64151
64426
  "name": "defaultChecked",
@@ -64418,122 +64693,10 @@
64418
64693
  "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
64419
64694
  }
64420
64695
  ]
64421
- }
64422
- ],
64423
- "examples": [
64424
- {
64425
- "name": "Basic",
64426
- "code": "() => {\n return (\n <Page name='full-featured' fullSize fixedHeight>\n <PageHeader>\n <PageTitle>Page title</PageTitle>\n\n <Badge>1000</Badge>\n\n <PageActions>\n <Button variant='secondary' color='neutral' size='small'>\n Export\n </Button>\n <Button size='small'>Settings</Button>\n </PageActions>\n </PageHeader>\n\n <PageContent>\n <p>Full-featured page with header actions, tabs (including disabled), and content area.</p>\n </PageContent>\n </Page>\n );\n}",
64427
- "description": "The whole frame: `PageTitle` with a count beside it, `PageActions` on the right, `PageContent` below, asking the shell for the full width and a fixed height."
64428
- },
64429
- {
64430
- "name": "StickyHeader",
64431
- "code": "() => {\n return (\n <Page name='sticky-header' contained>\n <PageHeader sticky>\n <PageTitle>Sticky header</PageTitle>\n\n <PageActions>\n <Button variant='secondary' color='neutral' size='small'>\n Export\n </Button>\n <Button size='small'>Settings</Button>\n </PageActions>\n </PageHeader>\n\n <PageContent>\n {Array.from({ length: 40 }, (_, i) => (\n <p key={`row-${i + 1}`} className='py-8'>\n Content row {i + 1}\n </p>\n ))}\n </PageContent>\n </Page>\n );\n}",
64432
- "description": "`contained` gives the page its own scroll container, which is what lets `PageHeader sticky` stick. Without it the shell does the scrolling and the header leaves with the content."
64433
- }
64434
- ]
64435
- },
64436
- {
64437
- "name": "Pagination",
64438
- "importPath": "@wallarm-org/design-system/Pagination",
64439
- "props": [
64440
- {
64441
- "name": "count",
64442
- "type": "number | undefined",
64443
- "required": false,
64444
- "description": "Total number of data items (Ark `count`)."
64445
- },
64446
- {
64447
- "name": "page",
64448
- "type": "number | undefined",
64449
- "required": false,
64450
- "description": "Controlled current page (1-based)."
64451
- },
64452
- {
64453
- "name": "defaultPage",
64454
- "type": "number | undefined",
64455
- "required": false,
64456
- "description": "Uncontrolled initial page."
64457
- },
64458
- {
64459
- "name": "pageSize",
64460
- "type": "number | undefined",
64461
- "required": false,
64462
- "description": "Controlled items-per-page."
64463
- },
64464
- {
64465
- "name": "defaultPageSize",
64466
- "type": "number | undefined",
64467
- "required": false,
64468
- "description": "Uncontrolled initial items-per-page."
64469
- },
64470
- {
64471
- "name": "siblingCount",
64472
- "type": "number | undefined",
64473
- "required": false,
64474
- "description": "Pages shown beside the active page."
64475
- },
64476
- {
64477
- "name": "boundaryCount",
64478
- "type": "number | undefined",
64479
- "required": false,
64480
- "description": "Pages shown at the start/end."
64481
- },
64482
- {
64483
- "name": "type",
64484
- "type": "\"button\" | \"link\" | undefined",
64485
- "required": false,
64486
- "description": "Trigger element type."
64487
- },
64488
- {
64489
- "name": "getPageUrl",
64490
- "type": "((details: PaginationPageChangeDetails) => string) | undefined",
64491
- "required": false
64492
- },
64493
- {
64494
- "name": "size",
64495
- "type": "PaginationSize | undefined",
64496
- "required": false,
64497
- "description": "Visual size.",
64498
- "defaultValue": "medium"
64499
- },
64500
- {
64501
- "name": "align",
64502
- "type": "PaginationAlign | undefined",
64503
- "required": false,
64504
- "description": "Horizontal alignment of the row.",
64505
- "defaultValue": "left"
64506
- }
64507
- ],
64508
- "variants": [
64509
- {
64510
- "name": "align",
64511
- "options": [
64512
- "left",
64513
- "center",
64514
- "right"
64515
- ],
64516
- "defaultValue": "left"
64517
64696
  },
64518
64697
  {
64519
- "name": "size",
64520
- "options": [
64521
- "medium",
64522
- "small"
64523
- ],
64524
- "defaultValue": "medium"
64525
- }
64526
- ],
64527
- "subComponents": [
64528
- {
64529
- "name": "PaginationEllipsis",
64698
+ "name": "PageTitle",
64530
64699
  "props": [
64531
- {
64532
- "name": "index",
64533
- "type": "number",
64534
- "required": true,
64535
- "description": "Index of this ellipsis within the pages array (required by Ark)."
64536
- },
64537
64700
  {
64538
64701
  "name": "defaultChecked",
64539
64702
  "type": "boolean | undefined",
@@ -64807,59 +64970,8 @@
64807
64970
  ]
64808
64971
  },
64809
64972
  {
64810
- "name": "PaginationItem",
64973
+ "name": "PageToolbar",
64811
64974
  "props": [
64812
- {
64813
- "name": "value",
64814
- "type": "number",
64815
- "required": true,
64816
- "description": "1-based page number."
64817
- },
64818
- {
64819
- "name": "disabled",
64820
- "type": "boolean | undefined",
64821
- "required": false
64822
- },
64823
- {
64824
- "name": "form",
64825
- "type": "string | undefined",
64826
- "required": false
64827
- },
64828
- {
64829
- "name": "formAction",
64830
- "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
64831
- "required": false
64832
- },
64833
- {
64834
- "name": "formEncType",
64835
- "type": "string | undefined",
64836
- "required": false
64837
- },
64838
- {
64839
- "name": "formMethod",
64840
- "type": "string | undefined",
64841
- "required": false
64842
- },
64843
- {
64844
- "name": "formNoValidate",
64845
- "type": "boolean | undefined",
64846
- "required": false
64847
- },
64848
- {
64849
- "name": "formTarget",
64850
- "type": "string | undefined",
64851
- "required": false
64852
- },
64853
- {
64854
- "name": "name",
64855
- "type": "string | undefined",
64856
- "required": false
64857
- },
64858
- {
64859
- "name": "type",
64860
- "type": "\"button\" | \"submit\" | \"reset\" | undefined",
64861
- "required": false
64862
- },
64863
64975
  {
64864
64976
  "name": "defaultChecked",
64865
64977
  "type": "boolean | undefined",
@@ -65131,63 +65243,126 @@
65131
65243
  "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
65132
65244
  }
65133
65245
  ]
65246
+ }
65247
+ ],
65248
+ "examples": [
65249
+ {
65250
+ "name": "Basic",
65251
+ "code": "() => {\n return (\n <Page name='full-featured' fullSize fixedHeight>\n <PageHeader>\n <PageTitle>Page title</PageTitle>\n\n <Badge>1000</Badge>\n\n <PageActions>\n <Button variant='secondary' color='neutral' size='small'>\n Export\n </Button>\n <Button size='small'>Settings</Button>\n </PageActions>\n </PageHeader>\n\n <PageContent>\n <p>Full-featured page with header actions, tabs (including disabled), and content area.</p>\n </PageContent>\n </Page>\n );\n}",
65252
+ "description": "The whole frame: `PageTitle` with a count beside it, `PageActions` on the right, `PageContent` below, asking the shell for the full width and a fixed height."
65134
65253
  },
65135
65254
  {
65136
- "name": "PaginationList",
65137
- "props": []
65255
+ "name": "StickyHeader",
65256
+ "code": "() => {\n return (\n <Page name='sticky-header' contained>\n <PageHeader sticky>\n <PageTitle>Sticky header</PageTitle>\n\n <PageActions>\n <Button variant='secondary' color='neutral' size='small'>\n Export\n </Button>\n <Button size='small'>Settings</Button>\n </PageActions>\n </PageHeader>\n\n <PageContent>\n {Array.from({ length: 40 }, (_, i) => (\n <p key={`row-${i + 1}`} className='py-8'>\n Content row {i + 1}\n </p>\n ))}\n </PageContent>\n </Page>\n );\n}",
65257
+ "description": "`contained` gives the page its own scroll container, which is what lets `PageHeader sticky` stick. Without it the shell does the scrolling and the header leaves with the content."
65138
65258
  },
65139
65259
  {
65140
- "name": "PaginationNext",
65260
+ "name": "WithDescriptionAndToolbar",
65261
+ "code": "() => {\n const [search, setSearch] = useState('');\n\n return (\n <Page name='with-description-and-toolbar' fixedHeight>\n <PageHeader>\n <PageHeaderGroup>\n <PageTitle>Service accounts</PageTitle>\n <PageDescription>\n Identities for automation and API access — they sign in with keys or tokens instead of a\n password.\n </PageDescription>\n </PageHeaderGroup>\n\n <PageActions>\n <Button size='medium'>Create service account</Button>\n </PageActions>\n </PageHeader>\n\n <PageToolbar>\n <SearchInput\n value={search}\n onChange={setSearch}\n placeholder='Search name'\n className='w-[320px]'\n />\n <SegmentedTabs defaultValue='all'>\n <SegmentedTabsList>\n <SegmentedTabsTrigger value='all'>\n All <NumericBadge>2</NumericBadge>\n </SegmentedTabsTrigger>\n <SegmentedTabsTrigger value='active'>\n Active <NumericBadge>1</NumericBadge>\n </SegmentedTabsTrigger>\n <SegmentedTabsTrigger value='deactivated'>\n Deactivated <NumericBadge>1</NumericBadge>\n </SegmentedTabsTrigger>\n </SegmentedTabsList>\n </SegmentedTabs>\n </PageToolbar>\n\n <PageContent>\n <p>Table goes here.</p>\n </PageContent>\n </Page>\n );\n}",
65262
+ "description": "`PageHeaderGroup` stacks the title over a `PageDescription`; `PageToolbar` adds a filter row between the header and the content."
65263
+ }
65264
+ ]
65265
+ },
65266
+ {
65267
+ "name": "Pagination",
65268
+ "importPath": "@wallarm-org/design-system/Pagination",
65269
+ "props": [
65270
+ {
65271
+ "name": "count",
65272
+ "type": "number | undefined",
65273
+ "required": false,
65274
+ "description": "Total number of data items (Ark `count`)."
65275
+ },
65276
+ {
65277
+ "name": "page",
65278
+ "type": "number | undefined",
65279
+ "required": false,
65280
+ "description": "Controlled current page (1-based)."
65281
+ },
65282
+ {
65283
+ "name": "defaultPage",
65284
+ "type": "number | undefined",
65285
+ "required": false,
65286
+ "description": "Uncontrolled initial page."
65287
+ },
65288
+ {
65289
+ "name": "pageSize",
65290
+ "type": "number | undefined",
65291
+ "required": false,
65292
+ "description": "Controlled items-per-page."
65293
+ },
65294
+ {
65295
+ "name": "defaultPageSize",
65296
+ "type": "number | undefined",
65297
+ "required": false,
65298
+ "description": "Uncontrolled initial items-per-page."
65299
+ },
65300
+ {
65301
+ "name": "siblingCount",
65302
+ "type": "number | undefined",
65303
+ "required": false,
65304
+ "description": "Pages shown beside the active page."
65305
+ },
65306
+ {
65307
+ "name": "boundaryCount",
65308
+ "type": "number | undefined",
65309
+ "required": false,
65310
+ "description": "Pages shown at the start/end."
65311
+ },
65312
+ {
65313
+ "name": "type",
65314
+ "type": "\"button\" | \"link\" | undefined",
65315
+ "required": false,
65316
+ "description": "Trigger element type."
65317
+ },
65318
+ {
65319
+ "name": "getPageUrl",
65320
+ "type": "((details: PaginationPageChangeDetails) => string) | undefined",
65321
+ "required": false
65322
+ },
65323
+ {
65324
+ "name": "size",
65325
+ "type": "PaginationSize | undefined",
65326
+ "required": false,
65327
+ "description": "Visual size.",
65328
+ "defaultValue": "medium"
65329
+ },
65330
+ {
65331
+ "name": "align",
65332
+ "type": "PaginationAlign | undefined",
65333
+ "required": false,
65334
+ "description": "Horizontal alignment of the row.",
65335
+ "defaultValue": "left"
65336
+ }
65337
+ ],
65338
+ "variants": [
65339
+ {
65340
+ "name": "align",
65341
+ "options": [
65342
+ "left",
65343
+ "center",
65344
+ "right"
65345
+ ],
65346
+ "defaultValue": "left"
65347
+ },
65348
+ {
65349
+ "name": "size",
65350
+ "options": [
65351
+ "medium",
65352
+ "small"
65353
+ ],
65354
+ "defaultValue": "medium"
65355
+ }
65356
+ ],
65357
+ "subComponents": [
65358
+ {
65359
+ "name": "PaginationEllipsis",
65141
65360
  "props": [
65142
65361
  {
65143
- "name": "disabled",
65144
- "type": "boolean | undefined",
65145
- "required": false
65146
- },
65147
- {
65148
- "name": "form",
65149
- "type": "string | undefined",
65150
- "required": false
65151
- },
65152
- {
65153
- "name": "formAction",
65154
- "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
65155
- "required": false
65156
- },
65157
- {
65158
- "name": "formEncType",
65159
- "type": "string | undefined",
65160
- "required": false
65161
- },
65162
- {
65163
- "name": "formMethod",
65164
- "type": "string | undefined",
65165
- "required": false
65166
- },
65167
- {
65168
- "name": "formNoValidate",
65169
- "type": "boolean | undefined",
65170
- "required": false
65171
- },
65172
- {
65173
- "name": "formTarget",
65174
- "type": "string | undefined",
65175
- "required": false
65176
- },
65177
- {
65178
- "name": "name",
65179
- "type": "string | undefined",
65180
- "required": false
65181
- },
65182
- {
65183
- "name": "type",
65184
- "type": "\"button\" | \"submit\" | \"reset\" | undefined",
65185
- "required": false
65186
- },
65187
- {
65188
- "name": "value",
65189
- "type": "string | number | readonly string[] | undefined",
65190
- "required": false
65362
+ "name": "index",
65363
+ "type": "number",
65364
+ "required": true,
65365
+ "description": "Index of this ellipsis within the pages array (required by Ark)."
65191
65366
  },
65192
65367
  {
65193
65368
  "name": "defaultChecked",
@@ -65462,25 +65637,337 @@
65462
65637
  ]
65463
65638
  },
65464
65639
  {
65465
- "name": "PaginationPageSize",
65640
+ "name": "PaginationItem",
65466
65641
  "props": [
65467
65642
  {
65468
- "name": "options",
65469
- "type": "number[]",
65643
+ "name": "value",
65644
+ "type": "number",
65470
65645
  "required": true,
65471
- "description": "Selectable items-per-page values."
65646
+ "description": "1-based page number."
65472
65647
  },
65473
65648
  {
65474
- "name": "label",
65649
+ "name": "disabled",
65650
+ "type": "boolean | undefined",
65651
+ "required": false
65652
+ },
65653
+ {
65654
+ "name": "form",
65655
+ "type": "string | undefined",
65656
+ "required": false
65657
+ },
65658
+ {
65659
+ "name": "formAction",
65660
+ "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
65661
+ "required": false
65662
+ },
65663
+ {
65664
+ "name": "formEncType",
65665
+ "type": "string | undefined",
65666
+ "required": false
65667
+ },
65668
+ {
65669
+ "name": "formMethod",
65670
+ "type": "string | undefined",
65671
+ "required": false
65672
+ },
65673
+ {
65674
+ "name": "formNoValidate",
65675
+ "type": "boolean | undefined",
65676
+ "required": false
65677
+ },
65678
+ {
65679
+ "name": "formTarget",
65680
+ "type": "string | undefined",
65681
+ "required": false
65682
+ },
65683
+ {
65684
+ "name": "name",
65685
+ "type": "string | undefined",
65686
+ "required": false
65687
+ },
65688
+ {
65689
+ "name": "type",
65690
+ "type": "\"button\" | \"submit\" | \"reset\" | undefined",
65691
+ "required": false
65692
+ },
65693
+ {
65694
+ "name": "defaultChecked",
65695
+ "type": "boolean | undefined",
65696
+ "required": false
65697
+ },
65698
+ {
65699
+ "name": "defaultValue",
65700
+ "type": "string | number | readonly string[] | undefined",
65701
+ "required": false
65702
+ },
65703
+ {
65704
+ "name": "suppressContentEditableWarning",
65705
+ "type": "boolean | undefined",
65706
+ "required": false
65707
+ },
65708
+ {
65709
+ "name": "suppressHydrationWarning",
65710
+ "type": "boolean | undefined",
65711
+ "required": false
65712
+ },
65713
+ {
65714
+ "name": "accessKey",
65715
+ "type": "string | undefined",
65716
+ "required": false
65717
+ },
65718
+ {
65719
+ "name": "autoCapitalize",
65720
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
65721
+ "required": false
65722
+ },
65723
+ {
65724
+ "name": "autoFocus",
65725
+ "type": "boolean | undefined",
65726
+ "required": false
65727
+ },
65728
+ {
65729
+ "name": "contentEditable",
65730
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
65731
+ "required": false
65732
+ },
65733
+ {
65734
+ "name": "contextMenu",
65735
+ "type": "string | undefined",
65736
+ "required": false
65737
+ },
65738
+ {
65739
+ "name": "dir",
65740
+ "type": "string | undefined",
65741
+ "required": false
65742
+ },
65743
+ {
65744
+ "name": "draggable",
65745
+ "type": "Booleanish | undefined",
65746
+ "required": false
65747
+ },
65748
+ {
65749
+ "name": "enterKeyHint",
65750
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
65751
+ "required": false
65752
+ },
65753
+ {
65754
+ "name": "hidden",
65755
+ "type": "boolean | undefined",
65756
+ "required": false
65757
+ },
65758
+ {
65759
+ "name": "id",
65760
+ "type": "string | undefined",
65761
+ "required": false
65762
+ },
65763
+ {
65764
+ "name": "lang",
65765
+ "type": "string | undefined",
65766
+ "required": false
65767
+ },
65768
+ {
65769
+ "name": "nonce",
65770
+ "type": "string | undefined",
65771
+ "required": false
65772
+ },
65773
+ {
65774
+ "name": "slot",
65775
+ "type": "string | undefined",
65776
+ "required": false
65777
+ },
65778
+ {
65779
+ "name": "spellCheck",
65780
+ "type": "Booleanish | undefined",
65781
+ "required": false
65782
+ },
65783
+ {
65784
+ "name": "tabIndex",
65785
+ "type": "number | undefined",
65786
+ "required": false
65787
+ },
65788
+ {
65789
+ "name": "title",
65790
+ "type": "string | undefined",
65791
+ "required": false
65792
+ },
65793
+ {
65794
+ "name": "translate",
65795
+ "type": "\"yes\" | \"no\" | undefined",
65796
+ "required": false
65797
+ },
65798
+ {
65799
+ "name": "radioGroup",
65800
+ "type": "string | undefined",
65801
+ "required": false
65802
+ },
65803
+ {
65804
+ "name": "role",
65805
+ "type": "AriaRole | undefined",
65806
+ "required": false
65807
+ },
65808
+ {
65809
+ "name": "about",
65810
+ "type": "string | undefined",
65811
+ "required": false
65812
+ },
65813
+ {
65814
+ "name": "content",
65815
+ "type": "string | undefined",
65816
+ "required": false
65817
+ },
65818
+ {
65819
+ "name": "datatype",
65820
+ "type": "string | undefined",
65821
+ "required": false
65822
+ },
65823
+ {
65824
+ "name": "inlist",
65825
+ "type": "any",
65826
+ "required": false
65827
+ },
65828
+ {
65829
+ "name": "prefix",
65830
+ "type": "string | undefined",
65831
+ "required": false
65832
+ },
65833
+ {
65834
+ "name": "property",
65835
+ "type": "string | undefined",
65836
+ "required": false
65837
+ },
65838
+ {
65839
+ "name": "rel",
65840
+ "type": "string | undefined",
65841
+ "required": false
65842
+ },
65843
+ {
65844
+ "name": "resource",
65845
+ "type": "string | undefined",
65846
+ "required": false
65847
+ },
65848
+ {
65849
+ "name": "rev",
65850
+ "type": "string | undefined",
65851
+ "required": false
65852
+ },
65853
+ {
65854
+ "name": "typeof",
65855
+ "type": "string | undefined",
65856
+ "required": false
65857
+ },
65858
+ {
65859
+ "name": "vocab",
65860
+ "type": "string | undefined",
65861
+ "required": false
65862
+ },
65863
+ {
65864
+ "name": "autoCorrect",
65865
+ "type": "string | undefined",
65866
+ "required": false
65867
+ },
65868
+ {
65869
+ "name": "autoSave",
65870
+ "type": "string | undefined",
65871
+ "required": false
65872
+ },
65873
+ {
65874
+ "name": "color",
65875
+ "type": "string | undefined",
65876
+ "required": false
65877
+ },
65878
+ {
65879
+ "name": "itemProp",
65880
+ "type": "string | undefined",
65881
+ "required": false
65882
+ },
65883
+ {
65884
+ "name": "itemScope",
65885
+ "type": "boolean | undefined",
65886
+ "required": false
65887
+ },
65888
+ {
65889
+ "name": "itemType",
65890
+ "type": "string | undefined",
65891
+ "required": false
65892
+ },
65893
+ {
65894
+ "name": "itemID",
65895
+ "type": "string | undefined",
65896
+ "required": false
65897
+ },
65898
+ {
65899
+ "name": "itemRef",
65900
+ "type": "string | undefined",
65901
+ "required": false
65902
+ },
65903
+ {
65904
+ "name": "results",
65905
+ "type": "number | undefined",
65906
+ "required": false
65907
+ },
65908
+ {
65909
+ "name": "security",
65910
+ "type": "string | undefined",
65911
+ "required": false
65912
+ },
65913
+ {
65914
+ "name": "unselectable",
65915
+ "type": "\"off\" | \"on\" | undefined",
65916
+ "required": false
65917
+ },
65918
+ {
65919
+ "name": "popover",
65920
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
65921
+ "required": false
65922
+ },
65923
+ {
65924
+ "name": "popoverTargetAction",
65925
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
65926
+ "required": false
65927
+ },
65928
+ {
65929
+ "name": "popoverTarget",
65475
65930
  "type": "string | undefined",
65931
+ "required": false
65932
+ },
65933
+ {
65934
+ "name": "inert",
65935
+ "type": "boolean | undefined",
65476
65936
  "required": false,
65477
- "description": "Leading label.",
65478
- "defaultValue": "PAGINATION_PAGE_SIZE_LABEL"
65937
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
65938
+ },
65939
+ {
65940
+ "name": "inputMode",
65941
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
65942
+ "required": false,
65943
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
65944
+ },
65945
+ {
65946
+ "name": "is",
65947
+ "type": "string | undefined",
65948
+ "required": false,
65949
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
65950
+ },
65951
+ {
65952
+ "name": "exportparts",
65953
+ "type": "string | undefined",
65954
+ "required": false,
65955
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
65956
+ },
65957
+ {
65958
+ "name": "part",
65959
+ "type": "string | undefined",
65960
+ "required": false,
65961
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
65479
65962
  }
65480
65963
  ]
65481
65964
  },
65482
65965
  {
65483
- "name": "PaginationPrevious",
65966
+ "name": "PaginationList",
65967
+ "props": []
65968
+ },
65969
+ {
65970
+ "name": "PaginationNext",
65484
65971
  "props": [
65485
65972
  {
65486
65973
  "name": "disabled",
@@ -65803,176 +66290,519 @@
65803
66290
  "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
65804
66291
  }
65805
66292
  ]
65806
- }
65807
- ],
65808
- "examples": [
65809
- {
65810
- "name": "Full",
65811
- "code": "() => (\n <Pagination count={120} pageSize={10} defaultPage={2} align='center' aria-label='Search results'>\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n)",
65812
- "description": "The complete set — previous, the numbered list, next — which is what most collections want."
65813
- },
65814
- {
65815
- "name": "Simple",
65816
- "code": "() => (\n <Pagination count={120} pageSize={10} defaultPage={2} align='center'>\n <PaginationList />\n </Pagination>\n)",
65817
- "description": "Numbers only. Fine where the reader is scanning to a known page rather than stepping through."
65818
- },
65819
- {
65820
- "name": "LinksOnly",
65821
- "code": "() => (\n <Pagination count={120} pageSize={10} defaultPage={2} align='center'>\n <PaginationPrevious />\n <PaginationNext />\n </Pagination>\n)",
65822
- "description": "Previous and next with no numbers, for a set whose page count means nothing to the reader."
65823
- },
65824
- {
65825
- "name": "WithPageSize",
65826
- "code": "() => (\n <Pagination count={120} defaultPageSize={25} defaultPage={2} align='right'>\n <PaginationPageSize options={[10, 25, 50]} />\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n)",
65827
- "description": "`PaginationPageSize` puts rows-per-page in the same row. Offering it is the strongest reason to choose pagination over infinite scroll."
65828
- },
65829
- {
65830
- "name": "Sizes",
65831
- "code": "() => (\n <VStack gap={24}>\n <Pagination count={120} pageSize={10} defaultPage={2} size='medium' align='center'>\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n <Pagination count={120} pageSize={10} defaultPage={2} size='small' align='center'>\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n </VStack>\n)",
65832
- "description": "`medium` and `small`. Small is the one to use in a `Table` footer, where the pager should not outweigh the data."
65833
- },
65834
- {
65835
- "name": "Alignment",
65836
- "code": "() => (\n <VStack gap={24} className='w-600'>\n {(['left', 'center', 'right'] as const).map(align => (\n <Pagination key={align} count={120} pageSize={10} defaultPage={2} align={align}>\n <PaginationList />\n </Pagination>\n ))}\n </VStack>\n)",
65837
- "description": "`align` places the row left, centre or right — right for a table footer, centre for a standalone list."
65838
- },
65839
- {
65840
- "name": "ManyPages",
65841
- "code": "() => (\n <Pagination\n count={500}\n pageSize={10}\n defaultPage={6}\n siblingCount={1}\n boundaryCount={1}\n align='center'\n >\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n)",
65842
- "description": "`siblingCount` and `boundaryCount` decide how much of a 50-page set stays visible; the ellipsis is inserted for you."
65843
- },
65844
- {
65845
- "name": "Playground",
65846
- "code": "() => {\n const [page, setPage] = useState(1);\n const [pageSize, setPageSize] = useState(10);\n return (\n <Pagination\n count={120}\n page={page}\n pageSize={pageSize}\n align='left'\n onPageChange={({ page }) => setPage(page)}\n onPageSizeChange={({ pageSize }) => setPageSize(pageSize)}\n >\n <PaginationPageSize options={[10, 25, 50]} />\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n );\n}",
65847
- "description": "Controlled mode with both `page` and `pageSize` held outside, which is how it behaves against a real query."
65848
- },
65849
- {
65850
- "name": "InTable",
65851
- "code": "() => {\n const { pageData, ...pagination } = useClientPagination(apiEndpoints, 10);\n\n return (\n <div className='w-800'>\n <VStack gap={12}>\n <Table data={pageData} columns={endpointColumns} getRowId={row => row.id} />\n <Pagination {...pagination} align='right' aria-label='API endpoints'>\n <PaginationPageSize options={[5, 10, 25]} />\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n </VStack>\n </div>\n );\n}",
65852
- "description": "The pager below a `Table`, sharing its state through `useClientPagination` — the composition to copy for a paged grid."
65853
- }
65854
- ]
65855
- },
65856
- {
65857
- "name": "ParameterPath",
65858
- "importPath": "@wallarm-org/design-system/ParameterPath",
65859
- "props": [
65860
- {
65861
- "name": "method",
65862
- "type": "HttpMethodName | undefined",
65863
- "required": false
65864
- },
65865
- {
65866
- "name": "segments",
65867
- "type": "string[]",
65868
- "required": true
65869
- },
65870
- {
65871
- "name": "encoding",
65872
- "type": "string | undefined",
65873
- "required": false
65874
- },
65875
- {
65876
- "name": "attack",
65877
- "type": "boolean | undefined",
65878
- "required": false,
65879
- "defaultValue": "false"
65880
- },
65881
- {
65882
- "name": "expandable",
65883
- "type": "boolean | undefined",
65884
- "required": false,
65885
- "description": "Opt in to click-to-expand. When `true`, a *truncated* path becomes\ninteractive: clicking the `…` collapse indicator (or the path) expands it\ninline to show every segment, and clicking again collapses it back to\n`first … last`. No effect when the path already fits without truncation.\n\n`expandable` only controls the affordance (whether the user can toggle);\nthe open/closed state is owned by `expanded` / `defaultExpanded`.",
65886
- "defaultValue": "false"
65887
- },
65888
- {
65889
- "name": "expanded",
65890
- "type": "boolean | undefined",
65891
- "required": false,
65892
- "description": "Controlled expanded state. When provided, the component does not manage its\nown state — pair it with {@link onExpandedChange}."
65893
- },
65894
- {
65895
- "name": "defaultExpanded",
65896
- "type": "boolean | undefined",
65897
- "required": false,
65898
- "description": "Initial expanded state for the uncontrolled case. Ignored when `expanded`\nis provided. Defaults to `false`.",
65899
- "defaultValue": "false"
65900
- },
65901
- {
65902
- "name": "copyFormat",
65903
- "type": "((data: CopyFormatData) => string) | undefined",
65904
- "required": false,
65905
- "defaultValue": "formatAsFilter"
65906
- },
65907
- {
65908
- "name": "defaultChecked",
65909
- "type": "boolean | undefined",
65910
- "required": false
65911
- },
65912
- {
65913
- "name": "defaultValue",
65914
- "type": "string | number | readonly string[] | undefined",
65915
- "required": false
65916
- },
65917
- {
65918
- "name": "suppressContentEditableWarning",
65919
- "type": "boolean | undefined",
65920
- "required": false
65921
- },
65922
- {
65923
- "name": "suppressHydrationWarning",
65924
- "type": "boolean | undefined",
65925
- "required": false
65926
66293
  },
65927
66294
  {
65928
- "name": "accessKey",
65929
- "type": "string | undefined",
65930
- "required": false
65931
- },
65932
- {
65933
- "name": "autoCapitalize",
65934
- "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
65935
- "required": false
65936
- },
65937
- {
65938
- "name": "autoFocus",
65939
- "type": "boolean | undefined",
65940
- "required": false
65941
- },
65942
- {
65943
- "name": "contentEditable",
65944
- "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
65945
- "required": false
65946
- },
65947
- {
65948
- "name": "contextMenu",
65949
- "type": "string | undefined",
65950
- "required": false
65951
- },
65952
- {
65953
- "name": "dir",
65954
- "type": "string | undefined",
65955
- "required": false
65956
- },
65957
- {
65958
- "name": "draggable",
65959
- "type": "Booleanish | undefined",
65960
- "required": false
65961
- },
65962
- {
65963
- "name": "enterKeyHint",
65964
- "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
65965
- "required": false
65966
- },
65967
- {
65968
- "name": "hidden",
65969
- "type": "boolean | undefined",
65970
- "required": false
65971
- },
65972
- {
65973
- "name": "id",
65974
- "type": "string | undefined",
65975
- "required": false
66295
+ "name": "PaginationPageSize",
66296
+ "props": [
66297
+ {
66298
+ "name": "options",
66299
+ "type": "number[]",
66300
+ "required": true,
66301
+ "description": "Selectable items-per-page values."
66302
+ },
66303
+ {
66304
+ "name": "label",
66305
+ "type": "string | undefined",
66306
+ "required": false,
66307
+ "description": "Leading label.",
66308
+ "defaultValue": "PAGINATION_PAGE_SIZE_LABEL"
66309
+ }
66310
+ ]
66311
+ },
66312
+ {
66313
+ "name": "PaginationPrevious",
66314
+ "props": [
66315
+ {
66316
+ "name": "disabled",
66317
+ "type": "boolean | undefined",
66318
+ "required": false
66319
+ },
66320
+ {
66321
+ "name": "form",
66322
+ "type": "string | undefined",
66323
+ "required": false
66324
+ },
66325
+ {
66326
+ "name": "formAction",
66327
+ "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
66328
+ "required": false
66329
+ },
66330
+ {
66331
+ "name": "formEncType",
66332
+ "type": "string | undefined",
66333
+ "required": false
66334
+ },
66335
+ {
66336
+ "name": "formMethod",
66337
+ "type": "string | undefined",
66338
+ "required": false
66339
+ },
66340
+ {
66341
+ "name": "formNoValidate",
66342
+ "type": "boolean | undefined",
66343
+ "required": false
66344
+ },
66345
+ {
66346
+ "name": "formTarget",
66347
+ "type": "string | undefined",
66348
+ "required": false
66349
+ },
66350
+ {
66351
+ "name": "name",
66352
+ "type": "string | undefined",
66353
+ "required": false
66354
+ },
66355
+ {
66356
+ "name": "type",
66357
+ "type": "\"button\" | \"submit\" | \"reset\" | undefined",
66358
+ "required": false
66359
+ },
66360
+ {
66361
+ "name": "value",
66362
+ "type": "string | number | readonly string[] | undefined",
66363
+ "required": false
66364
+ },
66365
+ {
66366
+ "name": "defaultChecked",
66367
+ "type": "boolean | undefined",
66368
+ "required": false
66369
+ },
66370
+ {
66371
+ "name": "defaultValue",
66372
+ "type": "string | number | readonly string[] | undefined",
66373
+ "required": false
66374
+ },
66375
+ {
66376
+ "name": "suppressContentEditableWarning",
66377
+ "type": "boolean | undefined",
66378
+ "required": false
66379
+ },
66380
+ {
66381
+ "name": "suppressHydrationWarning",
66382
+ "type": "boolean | undefined",
66383
+ "required": false
66384
+ },
66385
+ {
66386
+ "name": "accessKey",
66387
+ "type": "string | undefined",
66388
+ "required": false
66389
+ },
66390
+ {
66391
+ "name": "autoCapitalize",
66392
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
66393
+ "required": false
66394
+ },
66395
+ {
66396
+ "name": "autoFocus",
66397
+ "type": "boolean | undefined",
66398
+ "required": false
66399
+ },
66400
+ {
66401
+ "name": "contentEditable",
66402
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
66403
+ "required": false
66404
+ },
66405
+ {
66406
+ "name": "contextMenu",
66407
+ "type": "string | undefined",
66408
+ "required": false
66409
+ },
66410
+ {
66411
+ "name": "dir",
66412
+ "type": "string | undefined",
66413
+ "required": false
66414
+ },
66415
+ {
66416
+ "name": "draggable",
66417
+ "type": "Booleanish | undefined",
66418
+ "required": false
66419
+ },
66420
+ {
66421
+ "name": "enterKeyHint",
66422
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
66423
+ "required": false
66424
+ },
66425
+ {
66426
+ "name": "hidden",
66427
+ "type": "boolean | undefined",
66428
+ "required": false
66429
+ },
66430
+ {
66431
+ "name": "id",
66432
+ "type": "string | undefined",
66433
+ "required": false
66434
+ },
66435
+ {
66436
+ "name": "lang",
66437
+ "type": "string | undefined",
66438
+ "required": false
66439
+ },
66440
+ {
66441
+ "name": "nonce",
66442
+ "type": "string | undefined",
66443
+ "required": false
66444
+ },
66445
+ {
66446
+ "name": "slot",
66447
+ "type": "string | undefined",
66448
+ "required": false
66449
+ },
66450
+ {
66451
+ "name": "spellCheck",
66452
+ "type": "Booleanish | undefined",
66453
+ "required": false
66454
+ },
66455
+ {
66456
+ "name": "tabIndex",
66457
+ "type": "number | undefined",
66458
+ "required": false
66459
+ },
66460
+ {
66461
+ "name": "title",
66462
+ "type": "string | undefined",
66463
+ "required": false
66464
+ },
66465
+ {
66466
+ "name": "translate",
66467
+ "type": "\"yes\" | \"no\" | undefined",
66468
+ "required": false
66469
+ },
66470
+ {
66471
+ "name": "radioGroup",
66472
+ "type": "string | undefined",
66473
+ "required": false
66474
+ },
66475
+ {
66476
+ "name": "role",
66477
+ "type": "AriaRole | undefined",
66478
+ "required": false
66479
+ },
66480
+ {
66481
+ "name": "about",
66482
+ "type": "string | undefined",
66483
+ "required": false
66484
+ },
66485
+ {
66486
+ "name": "content",
66487
+ "type": "string | undefined",
66488
+ "required": false
66489
+ },
66490
+ {
66491
+ "name": "datatype",
66492
+ "type": "string | undefined",
66493
+ "required": false
66494
+ },
66495
+ {
66496
+ "name": "inlist",
66497
+ "type": "any",
66498
+ "required": false
66499
+ },
66500
+ {
66501
+ "name": "prefix",
66502
+ "type": "string | undefined",
66503
+ "required": false
66504
+ },
66505
+ {
66506
+ "name": "property",
66507
+ "type": "string | undefined",
66508
+ "required": false
66509
+ },
66510
+ {
66511
+ "name": "rel",
66512
+ "type": "string | undefined",
66513
+ "required": false
66514
+ },
66515
+ {
66516
+ "name": "resource",
66517
+ "type": "string | undefined",
66518
+ "required": false
66519
+ },
66520
+ {
66521
+ "name": "rev",
66522
+ "type": "string | undefined",
66523
+ "required": false
66524
+ },
66525
+ {
66526
+ "name": "typeof",
66527
+ "type": "string | undefined",
66528
+ "required": false
66529
+ },
66530
+ {
66531
+ "name": "vocab",
66532
+ "type": "string | undefined",
66533
+ "required": false
66534
+ },
66535
+ {
66536
+ "name": "autoCorrect",
66537
+ "type": "string | undefined",
66538
+ "required": false
66539
+ },
66540
+ {
66541
+ "name": "autoSave",
66542
+ "type": "string | undefined",
66543
+ "required": false
66544
+ },
66545
+ {
66546
+ "name": "color",
66547
+ "type": "string | undefined",
66548
+ "required": false
66549
+ },
66550
+ {
66551
+ "name": "itemProp",
66552
+ "type": "string | undefined",
66553
+ "required": false
66554
+ },
66555
+ {
66556
+ "name": "itemScope",
66557
+ "type": "boolean | undefined",
66558
+ "required": false
66559
+ },
66560
+ {
66561
+ "name": "itemType",
66562
+ "type": "string | undefined",
66563
+ "required": false
66564
+ },
66565
+ {
66566
+ "name": "itemID",
66567
+ "type": "string | undefined",
66568
+ "required": false
66569
+ },
66570
+ {
66571
+ "name": "itemRef",
66572
+ "type": "string | undefined",
66573
+ "required": false
66574
+ },
66575
+ {
66576
+ "name": "results",
66577
+ "type": "number | undefined",
66578
+ "required": false
66579
+ },
66580
+ {
66581
+ "name": "security",
66582
+ "type": "string | undefined",
66583
+ "required": false
66584
+ },
66585
+ {
66586
+ "name": "unselectable",
66587
+ "type": "\"off\" | \"on\" | undefined",
66588
+ "required": false
66589
+ },
66590
+ {
66591
+ "name": "popover",
66592
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
66593
+ "required": false
66594
+ },
66595
+ {
66596
+ "name": "popoverTargetAction",
66597
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
66598
+ "required": false
66599
+ },
66600
+ {
66601
+ "name": "popoverTarget",
66602
+ "type": "string | undefined",
66603
+ "required": false
66604
+ },
66605
+ {
66606
+ "name": "inert",
66607
+ "type": "boolean | undefined",
66608
+ "required": false,
66609
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
66610
+ },
66611
+ {
66612
+ "name": "inputMode",
66613
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
66614
+ "required": false,
66615
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
66616
+ },
66617
+ {
66618
+ "name": "is",
66619
+ "type": "string | undefined",
66620
+ "required": false,
66621
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
66622
+ },
66623
+ {
66624
+ "name": "exportparts",
66625
+ "type": "string | undefined",
66626
+ "required": false,
66627
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
66628
+ },
66629
+ {
66630
+ "name": "part",
66631
+ "type": "string | undefined",
66632
+ "required": false,
66633
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
66634
+ }
66635
+ ]
66636
+ }
66637
+ ],
66638
+ "examples": [
66639
+ {
66640
+ "name": "Full",
66641
+ "code": "() => (\n <Pagination count={120} pageSize={10} defaultPage={2} align='center' aria-label='Search results'>\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n)",
66642
+ "description": "The complete set — previous, the numbered list, next — which is what most collections want."
66643
+ },
66644
+ {
66645
+ "name": "Simple",
66646
+ "code": "() => (\n <Pagination count={120} pageSize={10} defaultPage={2} align='center'>\n <PaginationList />\n </Pagination>\n)",
66647
+ "description": "Numbers only. Fine where the reader is scanning to a known page rather than stepping through."
66648
+ },
66649
+ {
66650
+ "name": "LinksOnly",
66651
+ "code": "() => (\n <Pagination count={120} pageSize={10} defaultPage={2} align='center'>\n <PaginationPrevious />\n <PaginationNext />\n </Pagination>\n)",
66652
+ "description": "Previous and next with no numbers, for a set whose page count means nothing to the reader."
66653
+ },
66654
+ {
66655
+ "name": "WithPageSize",
66656
+ "code": "() => (\n <Pagination count={120} defaultPageSize={25} defaultPage={2} align='right'>\n <PaginationPageSize options={[10, 25, 50]} />\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n)",
66657
+ "description": "`PaginationPageSize` puts rows-per-page in the same row. Offering it is the strongest reason to choose pagination over infinite scroll."
66658
+ },
66659
+ {
66660
+ "name": "Sizes",
66661
+ "code": "() => (\n <VStack gap={24}>\n <Pagination count={120} pageSize={10} defaultPage={2} size='medium' align='center'>\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n <Pagination count={120} pageSize={10} defaultPage={2} size='small' align='center'>\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n </VStack>\n)",
66662
+ "description": "`medium` and `small`. Small is the one to use in a `Table` footer, where the pager should not outweigh the data."
66663
+ },
66664
+ {
66665
+ "name": "Alignment",
66666
+ "code": "() => (\n <VStack gap={24} className='w-600'>\n {(['left', 'center', 'right'] as const).map(align => (\n <Pagination key={align} count={120} pageSize={10} defaultPage={2} align={align}>\n <PaginationList />\n </Pagination>\n ))}\n </VStack>\n)",
66667
+ "description": "`align` places the row left, centre or right — right for a table footer, centre for a standalone list."
66668
+ },
66669
+ {
66670
+ "name": "ManyPages",
66671
+ "code": "() => (\n <Pagination\n count={500}\n pageSize={10}\n defaultPage={6}\n siblingCount={1}\n boundaryCount={1}\n align='center'\n >\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n)",
66672
+ "description": "`siblingCount` and `boundaryCount` decide how much of a 50-page set stays visible; the ellipsis is inserted for you."
66673
+ },
66674
+ {
66675
+ "name": "Playground",
66676
+ "code": "() => {\n const [page, setPage] = useState(1);\n const [pageSize, setPageSize] = useState(10);\n return (\n <Pagination\n count={120}\n page={page}\n pageSize={pageSize}\n align='left'\n onPageChange={({ page }) => setPage(page)}\n onPageSizeChange={({ pageSize }) => setPageSize(pageSize)}\n >\n <PaginationPageSize options={[10, 25, 50]} />\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n );\n}",
66677
+ "description": "Controlled mode with both `page` and `pageSize` held outside, which is how it behaves against a real query."
66678
+ },
66679
+ {
66680
+ "name": "InTable",
66681
+ "code": "() => {\n const { pageData, ...pagination } = useClientPagination(apiEndpoints, 10);\n\n return (\n <div className='w-800'>\n <VStack gap={12}>\n <Table data={pageData} columns={endpointColumns} getRowId={row => row.id} />\n <Pagination {...pagination} align='right' aria-label='API endpoints'>\n <PaginationPageSize options={[5, 10, 25]} />\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n </VStack>\n </div>\n );\n}",
66682
+ "description": "The pager below a `Table`, sharing its state through `useClientPagination` — the composition to copy for a paged grid."
66683
+ }
66684
+ ]
66685
+ },
66686
+ {
66687
+ "name": "ParameterPath",
66688
+ "importPath": "@wallarm-org/design-system/ParameterPath",
66689
+ "props": [
66690
+ {
66691
+ "name": "method",
66692
+ "type": "HttpMethodName | undefined",
66693
+ "required": false
66694
+ },
66695
+ {
66696
+ "name": "segments",
66697
+ "type": "string[]",
66698
+ "required": true
66699
+ },
66700
+ {
66701
+ "name": "encoding",
66702
+ "type": "string | undefined",
66703
+ "required": false
66704
+ },
66705
+ {
66706
+ "name": "attack",
66707
+ "type": "boolean | undefined",
66708
+ "required": false,
66709
+ "defaultValue": "false"
66710
+ },
66711
+ {
66712
+ "name": "expandable",
66713
+ "type": "boolean | undefined",
66714
+ "required": false,
66715
+ "description": "Opt in to click-to-expand. When `true`, a *truncated* path becomes\ninteractive: clicking the `…` collapse indicator (or the path) expands it\ninline to show every segment, and clicking again collapses it back to\n`first … last`. No effect when the path already fits without truncation.\n\n`expandable` only controls the affordance (whether the user can toggle);\nthe open/closed state is owned by `expanded` / `defaultExpanded`.",
66716
+ "defaultValue": "false"
66717
+ },
66718
+ {
66719
+ "name": "expanded",
66720
+ "type": "boolean | undefined",
66721
+ "required": false,
66722
+ "description": "Controlled expanded state. When provided, the component does not manage its\nown state — pair it with {@link onExpandedChange}."
66723
+ },
66724
+ {
66725
+ "name": "defaultExpanded",
66726
+ "type": "boolean | undefined",
66727
+ "required": false,
66728
+ "description": "Initial expanded state for the uncontrolled case. Ignored when `expanded`\nis provided. Defaults to `false`.",
66729
+ "defaultValue": "false"
66730
+ },
66731
+ {
66732
+ "name": "copyFormat",
66733
+ "type": "((data: CopyFormatData) => string) | undefined",
66734
+ "required": false,
66735
+ "defaultValue": "formatAsFilter"
66736
+ },
66737
+ {
66738
+ "name": "defaultChecked",
66739
+ "type": "boolean | undefined",
66740
+ "required": false
66741
+ },
66742
+ {
66743
+ "name": "defaultValue",
66744
+ "type": "string | number | readonly string[] | undefined",
66745
+ "required": false
66746
+ },
66747
+ {
66748
+ "name": "suppressContentEditableWarning",
66749
+ "type": "boolean | undefined",
66750
+ "required": false
66751
+ },
66752
+ {
66753
+ "name": "suppressHydrationWarning",
66754
+ "type": "boolean | undefined",
66755
+ "required": false
66756
+ },
66757
+ {
66758
+ "name": "accessKey",
66759
+ "type": "string | undefined",
66760
+ "required": false
66761
+ },
66762
+ {
66763
+ "name": "autoCapitalize",
66764
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
66765
+ "required": false
66766
+ },
66767
+ {
66768
+ "name": "autoFocus",
66769
+ "type": "boolean | undefined",
66770
+ "required": false
66771
+ },
66772
+ {
66773
+ "name": "contentEditable",
66774
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
66775
+ "required": false
66776
+ },
66777
+ {
66778
+ "name": "contextMenu",
66779
+ "type": "string | undefined",
66780
+ "required": false
66781
+ },
66782
+ {
66783
+ "name": "dir",
66784
+ "type": "string | undefined",
66785
+ "required": false
66786
+ },
66787
+ {
66788
+ "name": "draggable",
66789
+ "type": "Booleanish | undefined",
66790
+ "required": false
66791
+ },
66792
+ {
66793
+ "name": "enterKeyHint",
66794
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
66795
+ "required": false
66796
+ },
66797
+ {
66798
+ "name": "hidden",
66799
+ "type": "boolean | undefined",
66800
+ "required": false
66801
+ },
66802
+ {
66803
+ "name": "id",
66804
+ "type": "string | undefined",
66805
+ "required": false
65976
66806
  },
65977
66807
  {
65978
66808
  "name": "lang",
@@ -79969,1957 +80799,6 @@
79969
80799
  }
79970
80800
  ]
79971
80801
  },
79972
- {
79973
- "name": "SettingsHeader",
79974
- "importPath": "@wallarm-org/design-system/SettingsHeader",
79975
- "props": [
79976
- {
79977
- "name": "defaultChecked",
79978
- "type": "boolean | undefined",
79979
- "required": false
79980
- },
79981
- {
79982
- "name": "defaultValue",
79983
- "type": "string | number | readonly string[] | undefined",
79984
- "required": false
79985
- },
79986
- {
79987
- "name": "suppressContentEditableWarning",
79988
- "type": "boolean | undefined",
79989
- "required": false
79990
- },
79991
- {
79992
- "name": "suppressHydrationWarning",
79993
- "type": "boolean | undefined",
79994
- "required": false
79995
- },
79996
- {
79997
- "name": "accessKey",
79998
- "type": "string | undefined",
79999
- "required": false
80000
- },
80001
- {
80002
- "name": "autoCapitalize",
80003
- "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
80004
- "required": false
80005
- },
80006
- {
80007
- "name": "autoFocus",
80008
- "type": "boolean | undefined",
80009
- "required": false
80010
- },
80011
- {
80012
- "name": "contentEditable",
80013
- "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
80014
- "required": false
80015
- },
80016
- {
80017
- "name": "contextMenu",
80018
- "type": "string | undefined",
80019
- "required": false
80020
- },
80021
- {
80022
- "name": "dir",
80023
- "type": "string | undefined",
80024
- "required": false
80025
- },
80026
- {
80027
- "name": "draggable",
80028
- "type": "Booleanish | undefined",
80029
- "required": false
80030
- },
80031
- {
80032
- "name": "enterKeyHint",
80033
- "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
80034
- "required": false
80035
- },
80036
- {
80037
- "name": "hidden",
80038
- "type": "boolean | undefined",
80039
- "required": false
80040
- },
80041
- {
80042
- "name": "id",
80043
- "type": "string | undefined",
80044
- "required": false
80045
- },
80046
- {
80047
- "name": "lang",
80048
- "type": "string | undefined",
80049
- "required": false
80050
- },
80051
- {
80052
- "name": "nonce",
80053
- "type": "string | undefined",
80054
- "required": false
80055
- },
80056
- {
80057
- "name": "slot",
80058
- "type": "string | undefined",
80059
- "required": false
80060
- },
80061
- {
80062
- "name": "spellCheck",
80063
- "type": "Booleanish | undefined",
80064
- "required": false
80065
- },
80066
- {
80067
- "name": "tabIndex",
80068
- "type": "number | undefined",
80069
- "required": false
80070
- },
80071
- {
80072
- "name": "title",
80073
- "type": "string | undefined",
80074
- "required": false
80075
- },
80076
- {
80077
- "name": "translate",
80078
- "type": "\"yes\" | \"no\" | undefined",
80079
- "required": false
80080
- },
80081
- {
80082
- "name": "radioGroup",
80083
- "type": "string | undefined",
80084
- "required": false
80085
- },
80086
- {
80087
- "name": "role",
80088
- "type": "AriaRole | undefined",
80089
- "required": false
80090
- },
80091
- {
80092
- "name": "about",
80093
- "type": "string | undefined",
80094
- "required": false
80095
- },
80096
- {
80097
- "name": "content",
80098
- "type": "string | undefined",
80099
- "required": false
80100
- },
80101
- {
80102
- "name": "datatype",
80103
- "type": "string | undefined",
80104
- "required": false
80105
- },
80106
- {
80107
- "name": "inlist",
80108
- "type": "any",
80109
- "required": false
80110
- },
80111
- {
80112
- "name": "prefix",
80113
- "type": "string | undefined",
80114
- "required": false
80115
- },
80116
- {
80117
- "name": "property",
80118
- "type": "string | undefined",
80119
- "required": false
80120
- },
80121
- {
80122
- "name": "rel",
80123
- "type": "string | undefined",
80124
- "required": false
80125
- },
80126
- {
80127
- "name": "resource",
80128
- "type": "string | undefined",
80129
- "required": false
80130
- },
80131
- {
80132
- "name": "rev",
80133
- "type": "string | undefined",
80134
- "required": false
80135
- },
80136
- {
80137
- "name": "typeof",
80138
- "type": "string | undefined",
80139
- "required": false
80140
- },
80141
- {
80142
- "name": "vocab",
80143
- "type": "string | undefined",
80144
- "required": false
80145
- },
80146
- {
80147
- "name": "autoCorrect",
80148
- "type": "string | undefined",
80149
- "required": false
80150
- },
80151
- {
80152
- "name": "autoSave",
80153
- "type": "string | undefined",
80154
- "required": false
80155
- },
80156
- {
80157
- "name": "color",
80158
- "type": "string | undefined",
80159
- "required": false
80160
- },
80161
- {
80162
- "name": "itemProp",
80163
- "type": "string | undefined",
80164
- "required": false
80165
- },
80166
- {
80167
- "name": "itemScope",
80168
- "type": "boolean | undefined",
80169
- "required": false
80170
- },
80171
- {
80172
- "name": "itemType",
80173
- "type": "string | undefined",
80174
- "required": false
80175
- },
80176
- {
80177
- "name": "itemID",
80178
- "type": "string | undefined",
80179
- "required": false
80180
- },
80181
- {
80182
- "name": "itemRef",
80183
- "type": "string | undefined",
80184
- "required": false
80185
- },
80186
- {
80187
- "name": "results",
80188
- "type": "number | undefined",
80189
- "required": false
80190
- },
80191
- {
80192
- "name": "security",
80193
- "type": "string | undefined",
80194
- "required": false
80195
- },
80196
- {
80197
- "name": "unselectable",
80198
- "type": "\"off\" | \"on\" | undefined",
80199
- "required": false
80200
- },
80201
- {
80202
- "name": "popover",
80203
- "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
80204
- "required": false
80205
- },
80206
- {
80207
- "name": "popoverTargetAction",
80208
- "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
80209
- "required": false
80210
- },
80211
- {
80212
- "name": "popoverTarget",
80213
- "type": "string | undefined",
80214
- "required": false
80215
- },
80216
- {
80217
- "name": "inert",
80218
- "type": "boolean | undefined",
80219
- "required": false,
80220
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
80221
- },
80222
- {
80223
- "name": "inputMode",
80224
- "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
80225
- "required": false,
80226
- "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
80227
- },
80228
- {
80229
- "name": "is",
80230
- "type": "string | undefined",
80231
- "required": false,
80232
- "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
80233
- },
80234
- {
80235
- "name": "exportparts",
80236
- "type": "string | undefined",
80237
- "required": false,
80238
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
80239
- },
80240
- {
80241
- "name": "part",
80242
- "type": "string | undefined",
80243
- "required": false,
80244
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
80245
- }
80246
- ],
80247
- "variants": [],
80248
- "subComponents": [
80249
- {
80250
- "name": "SettingsHeaderActions",
80251
- "props": [
80252
- {
80253
- "name": "defaultChecked",
80254
- "type": "boolean | undefined",
80255
- "required": false
80256
- },
80257
- {
80258
- "name": "defaultValue",
80259
- "type": "string | number | readonly string[] | undefined",
80260
- "required": false
80261
- },
80262
- {
80263
- "name": "suppressContentEditableWarning",
80264
- "type": "boolean | undefined",
80265
- "required": false
80266
- },
80267
- {
80268
- "name": "suppressHydrationWarning",
80269
- "type": "boolean | undefined",
80270
- "required": false
80271
- },
80272
- {
80273
- "name": "accessKey",
80274
- "type": "string | undefined",
80275
- "required": false
80276
- },
80277
- {
80278
- "name": "autoCapitalize",
80279
- "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
80280
- "required": false
80281
- },
80282
- {
80283
- "name": "autoFocus",
80284
- "type": "boolean | undefined",
80285
- "required": false
80286
- },
80287
- {
80288
- "name": "contentEditable",
80289
- "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
80290
- "required": false
80291
- },
80292
- {
80293
- "name": "contextMenu",
80294
- "type": "string | undefined",
80295
- "required": false
80296
- },
80297
- {
80298
- "name": "dir",
80299
- "type": "string | undefined",
80300
- "required": false
80301
- },
80302
- {
80303
- "name": "draggable",
80304
- "type": "Booleanish | undefined",
80305
- "required": false
80306
- },
80307
- {
80308
- "name": "enterKeyHint",
80309
- "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
80310
- "required": false
80311
- },
80312
- {
80313
- "name": "hidden",
80314
- "type": "boolean | undefined",
80315
- "required": false
80316
- },
80317
- {
80318
- "name": "id",
80319
- "type": "string | undefined",
80320
- "required": false
80321
- },
80322
- {
80323
- "name": "lang",
80324
- "type": "string | undefined",
80325
- "required": false
80326
- },
80327
- {
80328
- "name": "nonce",
80329
- "type": "string | undefined",
80330
- "required": false
80331
- },
80332
- {
80333
- "name": "slot",
80334
- "type": "string | undefined",
80335
- "required": false
80336
- },
80337
- {
80338
- "name": "spellCheck",
80339
- "type": "Booleanish | undefined",
80340
- "required": false
80341
- },
80342
- {
80343
- "name": "tabIndex",
80344
- "type": "number | undefined",
80345
- "required": false
80346
- },
80347
- {
80348
- "name": "title",
80349
- "type": "string | undefined",
80350
- "required": false
80351
- },
80352
- {
80353
- "name": "translate",
80354
- "type": "\"yes\" | \"no\" | undefined",
80355
- "required": false
80356
- },
80357
- {
80358
- "name": "radioGroup",
80359
- "type": "string | undefined",
80360
- "required": false
80361
- },
80362
- {
80363
- "name": "role",
80364
- "type": "AriaRole | undefined",
80365
- "required": false
80366
- },
80367
- {
80368
- "name": "about",
80369
- "type": "string | undefined",
80370
- "required": false
80371
- },
80372
- {
80373
- "name": "content",
80374
- "type": "string | undefined",
80375
- "required": false
80376
- },
80377
- {
80378
- "name": "datatype",
80379
- "type": "string | undefined",
80380
- "required": false
80381
- },
80382
- {
80383
- "name": "inlist",
80384
- "type": "any",
80385
- "required": false
80386
- },
80387
- {
80388
- "name": "prefix",
80389
- "type": "string | undefined",
80390
- "required": false
80391
- },
80392
- {
80393
- "name": "property",
80394
- "type": "string | undefined",
80395
- "required": false
80396
- },
80397
- {
80398
- "name": "rel",
80399
- "type": "string | undefined",
80400
- "required": false
80401
- },
80402
- {
80403
- "name": "resource",
80404
- "type": "string | undefined",
80405
- "required": false
80406
- },
80407
- {
80408
- "name": "rev",
80409
- "type": "string | undefined",
80410
- "required": false
80411
- },
80412
- {
80413
- "name": "typeof",
80414
- "type": "string | undefined",
80415
- "required": false
80416
- },
80417
- {
80418
- "name": "vocab",
80419
- "type": "string | undefined",
80420
- "required": false
80421
- },
80422
- {
80423
- "name": "autoCorrect",
80424
- "type": "string | undefined",
80425
- "required": false
80426
- },
80427
- {
80428
- "name": "autoSave",
80429
- "type": "string | undefined",
80430
- "required": false
80431
- },
80432
- {
80433
- "name": "color",
80434
- "type": "string | undefined",
80435
- "required": false
80436
- },
80437
- {
80438
- "name": "itemProp",
80439
- "type": "string | undefined",
80440
- "required": false
80441
- },
80442
- {
80443
- "name": "itemScope",
80444
- "type": "boolean | undefined",
80445
- "required": false
80446
- },
80447
- {
80448
- "name": "itemType",
80449
- "type": "string | undefined",
80450
- "required": false
80451
- },
80452
- {
80453
- "name": "itemID",
80454
- "type": "string | undefined",
80455
- "required": false
80456
- },
80457
- {
80458
- "name": "itemRef",
80459
- "type": "string | undefined",
80460
- "required": false
80461
- },
80462
- {
80463
- "name": "results",
80464
- "type": "number | undefined",
80465
- "required": false
80466
- },
80467
- {
80468
- "name": "security",
80469
- "type": "string | undefined",
80470
- "required": false
80471
- },
80472
- {
80473
- "name": "unselectable",
80474
- "type": "\"off\" | \"on\" | undefined",
80475
- "required": false
80476
- },
80477
- {
80478
- "name": "popover",
80479
- "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
80480
- "required": false
80481
- },
80482
- {
80483
- "name": "popoverTargetAction",
80484
- "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
80485
- "required": false
80486
- },
80487
- {
80488
- "name": "popoverTarget",
80489
- "type": "string | undefined",
80490
- "required": false
80491
- },
80492
- {
80493
- "name": "inert",
80494
- "type": "boolean | undefined",
80495
- "required": false,
80496
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
80497
- },
80498
- {
80499
- "name": "inputMode",
80500
- "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
80501
- "required": false,
80502
- "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
80503
- },
80504
- {
80505
- "name": "is",
80506
- "type": "string | undefined",
80507
- "required": false,
80508
- "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
80509
- },
80510
- {
80511
- "name": "exportparts",
80512
- "type": "string | undefined",
80513
- "required": false,
80514
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
80515
- },
80516
- {
80517
- "name": "part",
80518
- "type": "string | undefined",
80519
- "required": false,
80520
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
80521
- }
80522
- ]
80523
- },
80524
- {
80525
- "name": "SettingsHeaderBreadcrumbs",
80526
- "props": [
80527
- {
80528
- "name": "defaultChecked",
80529
- "type": "boolean | undefined",
80530
- "required": false
80531
- },
80532
- {
80533
- "name": "defaultValue",
80534
- "type": "string | number | readonly string[] | undefined",
80535
- "required": false
80536
- },
80537
- {
80538
- "name": "suppressContentEditableWarning",
80539
- "type": "boolean | undefined",
80540
- "required": false
80541
- },
80542
- {
80543
- "name": "suppressHydrationWarning",
80544
- "type": "boolean | undefined",
80545
- "required": false
80546
- },
80547
- {
80548
- "name": "accessKey",
80549
- "type": "string | undefined",
80550
- "required": false
80551
- },
80552
- {
80553
- "name": "autoCapitalize",
80554
- "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
80555
- "required": false
80556
- },
80557
- {
80558
- "name": "autoFocus",
80559
- "type": "boolean | undefined",
80560
- "required": false
80561
- },
80562
- {
80563
- "name": "contentEditable",
80564
- "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
80565
- "required": false
80566
- },
80567
- {
80568
- "name": "contextMenu",
80569
- "type": "string | undefined",
80570
- "required": false
80571
- },
80572
- {
80573
- "name": "dir",
80574
- "type": "string | undefined",
80575
- "required": false
80576
- },
80577
- {
80578
- "name": "draggable",
80579
- "type": "Booleanish | undefined",
80580
- "required": false
80581
- },
80582
- {
80583
- "name": "enterKeyHint",
80584
- "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
80585
- "required": false
80586
- },
80587
- {
80588
- "name": "hidden",
80589
- "type": "boolean | undefined",
80590
- "required": false
80591
- },
80592
- {
80593
- "name": "id",
80594
- "type": "string | undefined",
80595
- "required": false
80596
- },
80597
- {
80598
- "name": "lang",
80599
- "type": "string | undefined",
80600
- "required": false
80601
- },
80602
- {
80603
- "name": "nonce",
80604
- "type": "string | undefined",
80605
- "required": false
80606
- },
80607
- {
80608
- "name": "slot",
80609
- "type": "string | undefined",
80610
- "required": false
80611
- },
80612
- {
80613
- "name": "spellCheck",
80614
- "type": "Booleanish | undefined",
80615
- "required": false
80616
- },
80617
- {
80618
- "name": "tabIndex",
80619
- "type": "number | undefined",
80620
- "required": false
80621
- },
80622
- {
80623
- "name": "title",
80624
- "type": "string | undefined",
80625
- "required": false
80626
- },
80627
- {
80628
- "name": "translate",
80629
- "type": "\"yes\" | \"no\" | undefined",
80630
- "required": false
80631
- },
80632
- {
80633
- "name": "radioGroup",
80634
- "type": "string | undefined",
80635
- "required": false
80636
- },
80637
- {
80638
- "name": "role",
80639
- "type": "AriaRole | undefined",
80640
- "required": false
80641
- },
80642
- {
80643
- "name": "about",
80644
- "type": "string | undefined",
80645
- "required": false
80646
- },
80647
- {
80648
- "name": "content",
80649
- "type": "string | undefined",
80650
- "required": false
80651
- },
80652
- {
80653
- "name": "datatype",
80654
- "type": "string | undefined",
80655
- "required": false
80656
- },
80657
- {
80658
- "name": "inlist",
80659
- "type": "any",
80660
- "required": false
80661
- },
80662
- {
80663
- "name": "prefix",
80664
- "type": "string | undefined",
80665
- "required": false
80666
- },
80667
- {
80668
- "name": "property",
80669
- "type": "string | undefined",
80670
- "required": false
80671
- },
80672
- {
80673
- "name": "rel",
80674
- "type": "string | undefined",
80675
- "required": false
80676
- },
80677
- {
80678
- "name": "resource",
80679
- "type": "string | undefined",
80680
- "required": false
80681
- },
80682
- {
80683
- "name": "rev",
80684
- "type": "string | undefined",
80685
- "required": false
80686
- },
80687
- {
80688
- "name": "typeof",
80689
- "type": "string | undefined",
80690
- "required": false
80691
- },
80692
- {
80693
- "name": "vocab",
80694
- "type": "string | undefined",
80695
- "required": false
80696
- },
80697
- {
80698
- "name": "autoCorrect",
80699
- "type": "string | undefined",
80700
- "required": false
80701
- },
80702
- {
80703
- "name": "autoSave",
80704
- "type": "string | undefined",
80705
- "required": false
80706
- },
80707
- {
80708
- "name": "color",
80709
- "type": "string | undefined",
80710
- "required": false
80711
- },
80712
- {
80713
- "name": "itemProp",
80714
- "type": "string | undefined",
80715
- "required": false
80716
- },
80717
- {
80718
- "name": "itemScope",
80719
- "type": "boolean | undefined",
80720
- "required": false
80721
- },
80722
- {
80723
- "name": "itemType",
80724
- "type": "string | undefined",
80725
- "required": false
80726
- },
80727
- {
80728
- "name": "itemID",
80729
- "type": "string | undefined",
80730
- "required": false
80731
- },
80732
- {
80733
- "name": "itemRef",
80734
- "type": "string | undefined",
80735
- "required": false
80736
- },
80737
- {
80738
- "name": "results",
80739
- "type": "number | undefined",
80740
- "required": false
80741
- },
80742
- {
80743
- "name": "security",
80744
- "type": "string | undefined",
80745
- "required": false
80746
- },
80747
- {
80748
- "name": "unselectable",
80749
- "type": "\"off\" | \"on\" | undefined",
80750
- "required": false
80751
- },
80752
- {
80753
- "name": "popover",
80754
- "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
80755
- "required": false
80756
- },
80757
- {
80758
- "name": "popoverTargetAction",
80759
- "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
80760
- "required": false
80761
- },
80762
- {
80763
- "name": "popoverTarget",
80764
- "type": "string | undefined",
80765
- "required": false
80766
- },
80767
- {
80768
- "name": "inert",
80769
- "type": "boolean | undefined",
80770
- "required": false,
80771
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
80772
- },
80773
- {
80774
- "name": "inputMode",
80775
- "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
80776
- "required": false,
80777
- "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
80778
- },
80779
- {
80780
- "name": "is",
80781
- "type": "string | undefined",
80782
- "required": false,
80783
- "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
80784
- },
80785
- {
80786
- "name": "exportparts",
80787
- "type": "string | undefined",
80788
- "required": false,
80789
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
80790
- },
80791
- {
80792
- "name": "part",
80793
- "type": "string | undefined",
80794
- "required": false,
80795
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
80796
- }
80797
- ]
80798
- },
80799
- {
80800
- "name": "SettingsHeaderDescription",
80801
- "props": [
80802
- {
80803
- "name": "defaultChecked",
80804
- "type": "boolean | undefined",
80805
- "required": false
80806
- },
80807
- {
80808
- "name": "defaultValue",
80809
- "type": "string | number | readonly string[] | undefined",
80810
- "required": false
80811
- },
80812
- {
80813
- "name": "suppressContentEditableWarning",
80814
- "type": "boolean | undefined",
80815
- "required": false
80816
- },
80817
- {
80818
- "name": "suppressHydrationWarning",
80819
- "type": "boolean | undefined",
80820
- "required": false
80821
- },
80822
- {
80823
- "name": "accessKey",
80824
- "type": "string | undefined",
80825
- "required": false
80826
- },
80827
- {
80828
- "name": "autoCapitalize",
80829
- "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
80830
- "required": false
80831
- },
80832
- {
80833
- "name": "autoFocus",
80834
- "type": "boolean | undefined",
80835
- "required": false
80836
- },
80837
- {
80838
- "name": "contentEditable",
80839
- "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
80840
- "required": false
80841
- },
80842
- {
80843
- "name": "contextMenu",
80844
- "type": "string | undefined",
80845
- "required": false
80846
- },
80847
- {
80848
- "name": "dir",
80849
- "type": "string | undefined",
80850
- "required": false
80851
- },
80852
- {
80853
- "name": "draggable",
80854
- "type": "Booleanish | undefined",
80855
- "required": false
80856
- },
80857
- {
80858
- "name": "enterKeyHint",
80859
- "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
80860
- "required": false
80861
- },
80862
- {
80863
- "name": "hidden",
80864
- "type": "boolean | undefined",
80865
- "required": false
80866
- },
80867
- {
80868
- "name": "id",
80869
- "type": "string | undefined",
80870
- "required": false
80871
- },
80872
- {
80873
- "name": "lang",
80874
- "type": "string | undefined",
80875
- "required": false
80876
- },
80877
- {
80878
- "name": "nonce",
80879
- "type": "string | undefined",
80880
- "required": false
80881
- },
80882
- {
80883
- "name": "slot",
80884
- "type": "string | undefined",
80885
- "required": false
80886
- },
80887
- {
80888
- "name": "spellCheck",
80889
- "type": "Booleanish | undefined",
80890
- "required": false
80891
- },
80892
- {
80893
- "name": "tabIndex",
80894
- "type": "number | undefined",
80895
- "required": false
80896
- },
80897
- {
80898
- "name": "title",
80899
- "type": "string | undefined",
80900
- "required": false
80901
- },
80902
- {
80903
- "name": "translate",
80904
- "type": "\"yes\" | \"no\" | undefined",
80905
- "required": false
80906
- },
80907
- {
80908
- "name": "radioGroup",
80909
- "type": "string | undefined",
80910
- "required": false
80911
- },
80912
- {
80913
- "name": "role",
80914
- "type": "AriaRole | undefined",
80915
- "required": false
80916
- },
80917
- {
80918
- "name": "about",
80919
- "type": "string | undefined",
80920
- "required": false
80921
- },
80922
- {
80923
- "name": "content",
80924
- "type": "string | undefined",
80925
- "required": false
80926
- },
80927
- {
80928
- "name": "datatype",
80929
- "type": "string | undefined",
80930
- "required": false
80931
- },
80932
- {
80933
- "name": "inlist",
80934
- "type": "any",
80935
- "required": false
80936
- },
80937
- {
80938
- "name": "prefix",
80939
- "type": "string | undefined",
80940
- "required": false
80941
- },
80942
- {
80943
- "name": "property",
80944
- "type": "string | undefined",
80945
- "required": false
80946
- },
80947
- {
80948
- "name": "rel",
80949
- "type": "string | undefined",
80950
- "required": false
80951
- },
80952
- {
80953
- "name": "resource",
80954
- "type": "string | undefined",
80955
- "required": false
80956
- },
80957
- {
80958
- "name": "rev",
80959
- "type": "string | undefined",
80960
- "required": false
80961
- },
80962
- {
80963
- "name": "typeof",
80964
- "type": "string | undefined",
80965
- "required": false
80966
- },
80967
- {
80968
- "name": "vocab",
80969
- "type": "string | undefined",
80970
- "required": false
80971
- },
80972
- {
80973
- "name": "autoCorrect",
80974
- "type": "string | undefined",
80975
- "required": false
80976
- },
80977
- {
80978
- "name": "autoSave",
80979
- "type": "string | undefined",
80980
- "required": false
80981
- },
80982
- {
80983
- "name": "color",
80984
- "type": "string | undefined",
80985
- "required": false
80986
- },
80987
- {
80988
- "name": "itemProp",
80989
- "type": "string | undefined",
80990
- "required": false
80991
- },
80992
- {
80993
- "name": "itemScope",
80994
- "type": "boolean | undefined",
80995
- "required": false
80996
- },
80997
- {
80998
- "name": "itemType",
80999
- "type": "string | undefined",
81000
- "required": false
81001
- },
81002
- {
81003
- "name": "itemID",
81004
- "type": "string | undefined",
81005
- "required": false
81006
- },
81007
- {
81008
- "name": "itemRef",
81009
- "type": "string | undefined",
81010
- "required": false
81011
- },
81012
- {
81013
- "name": "results",
81014
- "type": "number | undefined",
81015
- "required": false
81016
- },
81017
- {
81018
- "name": "security",
81019
- "type": "string | undefined",
81020
- "required": false
81021
- },
81022
- {
81023
- "name": "unselectable",
81024
- "type": "\"off\" | \"on\" | undefined",
81025
- "required": false
81026
- },
81027
- {
81028
- "name": "popover",
81029
- "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
81030
- "required": false
81031
- },
81032
- {
81033
- "name": "popoverTargetAction",
81034
- "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
81035
- "required": false
81036
- },
81037
- {
81038
- "name": "popoverTarget",
81039
- "type": "string | undefined",
81040
- "required": false
81041
- },
81042
- {
81043
- "name": "inert",
81044
- "type": "boolean | undefined",
81045
- "required": false,
81046
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
81047
- },
81048
- {
81049
- "name": "inputMode",
81050
- "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
81051
- "required": false,
81052
- "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
81053
- },
81054
- {
81055
- "name": "is",
81056
- "type": "string | undefined",
81057
- "required": false,
81058
- "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
81059
- },
81060
- {
81061
- "name": "exportparts",
81062
- "type": "string | undefined",
81063
- "required": false,
81064
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
81065
- },
81066
- {
81067
- "name": "part",
81068
- "type": "string | undefined",
81069
- "required": false,
81070
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
81071
- }
81072
- ]
81073
- },
81074
- {
81075
- "name": "SettingsHeaderFilters",
81076
- "props": [
81077
- {
81078
- "name": "defaultChecked",
81079
- "type": "boolean | undefined",
81080
- "required": false
81081
- },
81082
- {
81083
- "name": "defaultValue",
81084
- "type": "string | number | readonly string[] | undefined",
81085
- "required": false
81086
- },
81087
- {
81088
- "name": "suppressContentEditableWarning",
81089
- "type": "boolean | undefined",
81090
- "required": false
81091
- },
81092
- {
81093
- "name": "suppressHydrationWarning",
81094
- "type": "boolean | undefined",
81095
- "required": false
81096
- },
81097
- {
81098
- "name": "accessKey",
81099
- "type": "string | undefined",
81100
- "required": false
81101
- },
81102
- {
81103
- "name": "autoCapitalize",
81104
- "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
81105
- "required": false
81106
- },
81107
- {
81108
- "name": "autoFocus",
81109
- "type": "boolean | undefined",
81110
- "required": false
81111
- },
81112
- {
81113
- "name": "contentEditable",
81114
- "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
81115
- "required": false
81116
- },
81117
- {
81118
- "name": "contextMenu",
81119
- "type": "string | undefined",
81120
- "required": false
81121
- },
81122
- {
81123
- "name": "dir",
81124
- "type": "string | undefined",
81125
- "required": false
81126
- },
81127
- {
81128
- "name": "draggable",
81129
- "type": "Booleanish | undefined",
81130
- "required": false
81131
- },
81132
- {
81133
- "name": "enterKeyHint",
81134
- "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
81135
- "required": false
81136
- },
81137
- {
81138
- "name": "hidden",
81139
- "type": "boolean | undefined",
81140
- "required": false
81141
- },
81142
- {
81143
- "name": "id",
81144
- "type": "string | undefined",
81145
- "required": false
81146
- },
81147
- {
81148
- "name": "lang",
81149
- "type": "string | undefined",
81150
- "required": false
81151
- },
81152
- {
81153
- "name": "nonce",
81154
- "type": "string | undefined",
81155
- "required": false
81156
- },
81157
- {
81158
- "name": "slot",
81159
- "type": "string | undefined",
81160
- "required": false
81161
- },
81162
- {
81163
- "name": "spellCheck",
81164
- "type": "Booleanish | undefined",
81165
- "required": false
81166
- },
81167
- {
81168
- "name": "tabIndex",
81169
- "type": "number | undefined",
81170
- "required": false
81171
- },
81172
- {
81173
- "name": "title",
81174
- "type": "string | undefined",
81175
- "required": false
81176
- },
81177
- {
81178
- "name": "translate",
81179
- "type": "\"yes\" | \"no\" | undefined",
81180
- "required": false
81181
- },
81182
- {
81183
- "name": "radioGroup",
81184
- "type": "string | undefined",
81185
- "required": false
81186
- },
81187
- {
81188
- "name": "role",
81189
- "type": "AriaRole | undefined",
81190
- "required": false
81191
- },
81192
- {
81193
- "name": "about",
81194
- "type": "string | undefined",
81195
- "required": false
81196
- },
81197
- {
81198
- "name": "content",
81199
- "type": "string | undefined",
81200
- "required": false
81201
- },
81202
- {
81203
- "name": "datatype",
81204
- "type": "string | undefined",
81205
- "required": false
81206
- },
81207
- {
81208
- "name": "inlist",
81209
- "type": "any",
81210
- "required": false
81211
- },
81212
- {
81213
- "name": "prefix",
81214
- "type": "string | undefined",
81215
- "required": false
81216
- },
81217
- {
81218
- "name": "property",
81219
- "type": "string | undefined",
81220
- "required": false
81221
- },
81222
- {
81223
- "name": "rel",
81224
- "type": "string | undefined",
81225
- "required": false
81226
- },
81227
- {
81228
- "name": "resource",
81229
- "type": "string | undefined",
81230
- "required": false
81231
- },
81232
- {
81233
- "name": "rev",
81234
- "type": "string | undefined",
81235
- "required": false
81236
- },
81237
- {
81238
- "name": "typeof",
81239
- "type": "string | undefined",
81240
- "required": false
81241
- },
81242
- {
81243
- "name": "vocab",
81244
- "type": "string | undefined",
81245
- "required": false
81246
- },
81247
- {
81248
- "name": "autoCorrect",
81249
- "type": "string | undefined",
81250
- "required": false
81251
- },
81252
- {
81253
- "name": "autoSave",
81254
- "type": "string | undefined",
81255
- "required": false
81256
- },
81257
- {
81258
- "name": "color",
81259
- "type": "string | undefined",
81260
- "required": false
81261
- },
81262
- {
81263
- "name": "itemProp",
81264
- "type": "string | undefined",
81265
- "required": false
81266
- },
81267
- {
81268
- "name": "itemScope",
81269
- "type": "boolean | undefined",
81270
- "required": false
81271
- },
81272
- {
81273
- "name": "itemType",
81274
- "type": "string | undefined",
81275
- "required": false
81276
- },
81277
- {
81278
- "name": "itemID",
81279
- "type": "string | undefined",
81280
- "required": false
81281
- },
81282
- {
81283
- "name": "itemRef",
81284
- "type": "string | undefined",
81285
- "required": false
81286
- },
81287
- {
81288
- "name": "results",
81289
- "type": "number | undefined",
81290
- "required": false
81291
- },
81292
- {
81293
- "name": "security",
81294
- "type": "string | undefined",
81295
- "required": false
81296
- },
81297
- {
81298
- "name": "unselectable",
81299
- "type": "\"off\" | \"on\" | undefined",
81300
- "required": false
81301
- },
81302
- {
81303
- "name": "popover",
81304
- "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
81305
- "required": false
81306
- },
81307
- {
81308
- "name": "popoverTargetAction",
81309
- "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
81310
- "required": false
81311
- },
81312
- {
81313
- "name": "popoverTarget",
81314
- "type": "string | undefined",
81315
- "required": false
81316
- },
81317
- {
81318
- "name": "inert",
81319
- "type": "boolean | undefined",
81320
- "required": false,
81321
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
81322
- },
81323
- {
81324
- "name": "inputMode",
81325
- "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
81326
- "required": false,
81327
- "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
81328
- },
81329
- {
81330
- "name": "is",
81331
- "type": "string | undefined",
81332
- "required": false,
81333
- "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
81334
- },
81335
- {
81336
- "name": "exportparts",
81337
- "type": "string | undefined",
81338
- "required": false,
81339
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
81340
- },
81341
- {
81342
- "name": "part",
81343
- "type": "string | undefined",
81344
- "required": false,
81345
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
81346
- }
81347
- ]
81348
- },
81349
- {
81350
- "name": "SettingsHeaderHeading",
81351
- "props": [
81352
- {
81353
- "name": "defaultChecked",
81354
- "type": "boolean | undefined",
81355
- "required": false
81356
- },
81357
- {
81358
- "name": "defaultValue",
81359
- "type": "string | number | readonly string[] | undefined",
81360
- "required": false
81361
- },
81362
- {
81363
- "name": "suppressContentEditableWarning",
81364
- "type": "boolean | undefined",
81365
- "required": false
81366
- },
81367
- {
81368
- "name": "suppressHydrationWarning",
81369
- "type": "boolean | undefined",
81370
- "required": false
81371
- },
81372
- {
81373
- "name": "accessKey",
81374
- "type": "string | undefined",
81375
- "required": false
81376
- },
81377
- {
81378
- "name": "autoCapitalize",
81379
- "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
81380
- "required": false
81381
- },
81382
- {
81383
- "name": "autoFocus",
81384
- "type": "boolean | undefined",
81385
- "required": false
81386
- },
81387
- {
81388
- "name": "contentEditable",
81389
- "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
81390
- "required": false
81391
- },
81392
- {
81393
- "name": "contextMenu",
81394
- "type": "string | undefined",
81395
- "required": false
81396
- },
81397
- {
81398
- "name": "dir",
81399
- "type": "string | undefined",
81400
- "required": false
81401
- },
81402
- {
81403
- "name": "draggable",
81404
- "type": "Booleanish | undefined",
81405
- "required": false
81406
- },
81407
- {
81408
- "name": "enterKeyHint",
81409
- "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
81410
- "required": false
81411
- },
81412
- {
81413
- "name": "hidden",
81414
- "type": "boolean | undefined",
81415
- "required": false
81416
- },
81417
- {
81418
- "name": "id",
81419
- "type": "string | undefined",
81420
- "required": false
81421
- },
81422
- {
81423
- "name": "lang",
81424
- "type": "string | undefined",
81425
- "required": false
81426
- },
81427
- {
81428
- "name": "nonce",
81429
- "type": "string | undefined",
81430
- "required": false
81431
- },
81432
- {
81433
- "name": "slot",
81434
- "type": "string | undefined",
81435
- "required": false
81436
- },
81437
- {
81438
- "name": "spellCheck",
81439
- "type": "Booleanish | undefined",
81440
- "required": false
81441
- },
81442
- {
81443
- "name": "tabIndex",
81444
- "type": "number | undefined",
81445
- "required": false
81446
- },
81447
- {
81448
- "name": "title",
81449
- "type": "string | undefined",
81450
- "required": false
81451
- },
81452
- {
81453
- "name": "translate",
81454
- "type": "\"yes\" | \"no\" | undefined",
81455
- "required": false
81456
- },
81457
- {
81458
- "name": "radioGroup",
81459
- "type": "string | undefined",
81460
- "required": false
81461
- },
81462
- {
81463
- "name": "role",
81464
- "type": "AriaRole | undefined",
81465
- "required": false
81466
- },
81467
- {
81468
- "name": "about",
81469
- "type": "string | undefined",
81470
- "required": false
81471
- },
81472
- {
81473
- "name": "content",
81474
- "type": "string | undefined",
81475
- "required": false
81476
- },
81477
- {
81478
- "name": "datatype",
81479
- "type": "string | undefined",
81480
- "required": false
81481
- },
81482
- {
81483
- "name": "inlist",
81484
- "type": "any",
81485
- "required": false
81486
- },
81487
- {
81488
- "name": "prefix",
81489
- "type": "string | undefined",
81490
- "required": false
81491
- },
81492
- {
81493
- "name": "property",
81494
- "type": "string | undefined",
81495
- "required": false
81496
- },
81497
- {
81498
- "name": "rel",
81499
- "type": "string | undefined",
81500
- "required": false
81501
- },
81502
- {
81503
- "name": "resource",
81504
- "type": "string | undefined",
81505
- "required": false
81506
- },
81507
- {
81508
- "name": "rev",
81509
- "type": "string | undefined",
81510
- "required": false
81511
- },
81512
- {
81513
- "name": "typeof",
81514
- "type": "string | undefined",
81515
- "required": false
81516
- },
81517
- {
81518
- "name": "vocab",
81519
- "type": "string | undefined",
81520
- "required": false
81521
- },
81522
- {
81523
- "name": "autoCorrect",
81524
- "type": "string | undefined",
81525
- "required": false
81526
- },
81527
- {
81528
- "name": "autoSave",
81529
- "type": "string | undefined",
81530
- "required": false
81531
- },
81532
- {
81533
- "name": "color",
81534
- "type": "string | undefined",
81535
- "required": false
81536
- },
81537
- {
81538
- "name": "itemProp",
81539
- "type": "string | undefined",
81540
- "required": false
81541
- },
81542
- {
81543
- "name": "itemScope",
81544
- "type": "boolean | undefined",
81545
- "required": false
81546
- },
81547
- {
81548
- "name": "itemType",
81549
- "type": "string | undefined",
81550
- "required": false
81551
- },
81552
- {
81553
- "name": "itemID",
81554
- "type": "string | undefined",
81555
- "required": false
81556
- },
81557
- {
81558
- "name": "itemRef",
81559
- "type": "string | undefined",
81560
- "required": false
81561
- },
81562
- {
81563
- "name": "results",
81564
- "type": "number | undefined",
81565
- "required": false
81566
- },
81567
- {
81568
- "name": "security",
81569
- "type": "string | undefined",
81570
- "required": false
81571
- },
81572
- {
81573
- "name": "unselectable",
81574
- "type": "\"off\" | \"on\" | undefined",
81575
- "required": false
81576
- },
81577
- {
81578
- "name": "popover",
81579
- "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
81580
- "required": false
81581
- },
81582
- {
81583
- "name": "popoverTargetAction",
81584
- "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
81585
- "required": false
81586
- },
81587
- {
81588
- "name": "popoverTarget",
81589
- "type": "string | undefined",
81590
- "required": false
81591
- },
81592
- {
81593
- "name": "inert",
81594
- "type": "boolean | undefined",
81595
- "required": false,
81596
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
81597
- },
81598
- {
81599
- "name": "inputMode",
81600
- "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
81601
- "required": false,
81602
- "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
81603
- },
81604
- {
81605
- "name": "is",
81606
- "type": "string | undefined",
81607
- "required": false,
81608
- "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
81609
- },
81610
- {
81611
- "name": "exportparts",
81612
- "type": "string | undefined",
81613
- "required": false,
81614
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
81615
- },
81616
- {
81617
- "name": "part",
81618
- "type": "string | undefined",
81619
- "required": false,
81620
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
81621
- }
81622
- ]
81623
- },
81624
- {
81625
- "name": "SettingsHeaderTitle",
81626
- "props": [
81627
- {
81628
- "name": "defaultChecked",
81629
- "type": "boolean | undefined",
81630
- "required": false
81631
- },
81632
- {
81633
- "name": "defaultValue",
81634
- "type": "string | number | readonly string[] | undefined",
81635
- "required": false
81636
- },
81637
- {
81638
- "name": "suppressContentEditableWarning",
81639
- "type": "boolean | undefined",
81640
- "required": false
81641
- },
81642
- {
81643
- "name": "suppressHydrationWarning",
81644
- "type": "boolean | undefined",
81645
- "required": false
81646
- },
81647
- {
81648
- "name": "accessKey",
81649
- "type": "string | undefined",
81650
- "required": false
81651
- },
81652
- {
81653
- "name": "autoCapitalize",
81654
- "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
81655
- "required": false
81656
- },
81657
- {
81658
- "name": "autoFocus",
81659
- "type": "boolean | undefined",
81660
- "required": false
81661
- },
81662
- {
81663
- "name": "contentEditable",
81664
- "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
81665
- "required": false
81666
- },
81667
- {
81668
- "name": "contextMenu",
81669
- "type": "string | undefined",
81670
- "required": false
81671
- },
81672
- {
81673
- "name": "dir",
81674
- "type": "string | undefined",
81675
- "required": false
81676
- },
81677
- {
81678
- "name": "draggable",
81679
- "type": "Booleanish | undefined",
81680
- "required": false
81681
- },
81682
- {
81683
- "name": "enterKeyHint",
81684
- "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
81685
- "required": false
81686
- },
81687
- {
81688
- "name": "hidden",
81689
- "type": "boolean | undefined",
81690
- "required": false
81691
- },
81692
- {
81693
- "name": "id",
81694
- "type": "string | undefined",
81695
- "required": false
81696
- },
81697
- {
81698
- "name": "lang",
81699
- "type": "string | undefined",
81700
- "required": false
81701
- },
81702
- {
81703
- "name": "nonce",
81704
- "type": "string | undefined",
81705
- "required": false
81706
- },
81707
- {
81708
- "name": "slot",
81709
- "type": "string | undefined",
81710
- "required": false
81711
- },
81712
- {
81713
- "name": "spellCheck",
81714
- "type": "Booleanish | undefined",
81715
- "required": false
81716
- },
81717
- {
81718
- "name": "tabIndex",
81719
- "type": "number | undefined",
81720
- "required": false
81721
- },
81722
- {
81723
- "name": "title",
81724
- "type": "string | undefined",
81725
- "required": false
81726
- },
81727
- {
81728
- "name": "translate",
81729
- "type": "\"yes\" | \"no\" | undefined",
81730
- "required": false
81731
- },
81732
- {
81733
- "name": "radioGroup",
81734
- "type": "string | undefined",
81735
- "required": false
81736
- },
81737
- {
81738
- "name": "role",
81739
- "type": "AriaRole | undefined",
81740
- "required": false
81741
- },
81742
- {
81743
- "name": "about",
81744
- "type": "string | undefined",
81745
- "required": false
81746
- },
81747
- {
81748
- "name": "content",
81749
- "type": "string | undefined",
81750
- "required": false
81751
- },
81752
- {
81753
- "name": "datatype",
81754
- "type": "string | undefined",
81755
- "required": false
81756
- },
81757
- {
81758
- "name": "inlist",
81759
- "type": "any",
81760
- "required": false
81761
- },
81762
- {
81763
- "name": "prefix",
81764
- "type": "string | undefined",
81765
- "required": false
81766
- },
81767
- {
81768
- "name": "property",
81769
- "type": "string | undefined",
81770
- "required": false
81771
- },
81772
- {
81773
- "name": "rel",
81774
- "type": "string | undefined",
81775
- "required": false
81776
- },
81777
- {
81778
- "name": "resource",
81779
- "type": "string | undefined",
81780
- "required": false
81781
- },
81782
- {
81783
- "name": "rev",
81784
- "type": "string | undefined",
81785
- "required": false
81786
- },
81787
- {
81788
- "name": "typeof",
81789
- "type": "string | undefined",
81790
- "required": false
81791
- },
81792
- {
81793
- "name": "vocab",
81794
- "type": "string | undefined",
81795
- "required": false
81796
- },
81797
- {
81798
- "name": "autoCorrect",
81799
- "type": "string | undefined",
81800
- "required": false
81801
- },
81802
- {
81803
- "name": "autoSave",
81804
- "type": "string | undefined",
81805
- "required": false
81806
- },
81807
- {
81808
- "name": "color",
81809
- "type": "string | undefined",
81810
- "required": false
81811
- },
81812
- {
81813
- "name": "itemProp",
81814
- "type": "string | undefined",
81815
- "required": false
81816
- },
81817
- {
81818
- "name": "itemScope",
81819
- "type": "boolean | undefined",
81820
- "required": false
81821
- },
81822
- {
81823
- "name": "itemType",
81824
- "type": "string | undefined",
81825
- "required": false
81826
- },
81827
- {
81828
- "name": "itemID",
81829
- "type": "string | undefined",
81830
- "required": false
81831
- },
81832
- {
81833
- "name": "itemRef",
81834
- "type": "string | undefined",
81835
- "required": false
81836
- },
81837
- {
81838
- "name": "results",
81839
- "type": "number | undefined",
81840
- "required": false
81841
- },
81842
- {
81843
- "name": "security",
81844
- "type": "string | undefined",
81845
- "required": false
81846
- },
81847
- {
81848
- "name": "unselectable",
81849
- "type": "\"off\" | \"on\" | undefined",
81850
- "required": false
81851
- },
81852
- {
81853
- "name": "popover",
81854
- "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
81855
- "required": false
81856
- },
81857
- {
81858
- "name": "popoverTargetAction",
81859
- "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
81860
- "required": false
81861
- },
81862
- {
81863
- "name": "popoverTarget",
81864
- "type": "string | undefined",
81865
- "required": false
81866
- },
81867
- {
81868
- "name": "inert",
81869
- "type": "boolean | undefined",
81870
- "required": false,
81871
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
81872
- },
81873
- {
81874
- "name": "inputMode",
81875
- "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
81876
- "required": false,
81877
- "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
81878
- },
81879
- {
81880
- "name": "is",
81881
- "type": "string | undefined",
81882
- "required": false,
81883
- "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
81884
- },
81885
- {
81886
- "name": "exportparts",
81887
- "type": "string | undefined",
81888
- "required": false,
81889
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
81890
- },
81891
- {
81892
- "name": "part",
81893
- "type": "string | undefined",
81894
- "required": false,
81895
- "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
81896
- }
81897
- ]
81898
- }
81899
- ],
81900
- "examples": [
81901
- {
81902
- "name": "Full",
81903
- "code": "() => {\n const [search, setSearch] = useState('');\n\n return (\n <SettingsHeader>\n <SettingsHeaderBreadcrumbs>\n <Breadcrumbs>\n <BreadcrumbsItem href='/settings'>Settings</BreadcrumbsItem>\n <BreadcrumbsItem>Service accounts</BreadcrumbsItem>\n </Breadcrumbs>\n </SettingsHeaderBreadcrumbs>\n\n <SettingsHeaderHeading>\n <div className='flex flex-col'>\n <SettingsHeaderTitle>Service accounts</SettingsHeaderTitle>\n <SettingsHeaderDescription>\n Identities for automation and API access — they sign in with keys or tokens instead of a\n password.\n </SettingsHeaderDescription>\n </div>\n <SettingsHeaderActions>\n <Button size='medium' variant='primary' color='brand'>\n Create service account\n </Button>\n </SettingsHeaderActions>\n </SettingsHeaderHeading>\n\n <SettingsHeaderFilters>\n <SearchInput\n value={search}\n onChange={setSearch}\n placeholder='Search name'\n className='w-[320px]'\n />\n <SegmentedTabs defaultValue='all'>\n <SegmentedTabsList>\n <SegmentedTabsTrigger value='all'>\n All <NumericBadge>1</NumericBadge>\n </SegmentedTabsTrigger>\n <SegmentedTabsTrigger value='active'>\n Active <NumericBadge>1</NumericBadge>\n </SegmentedTabsTrigger>\n <SegmentedTabsTrigger value='deactivated'>\n Deactivated <NumericBadge>1</NumericBadge>\n </SegmentedTabsTrigger>\n </SegmentedTabsList>\n </SegmentedTabs>\n </SettingsHeaderFilters>\n </SettingsHeader>\n );\n}",
81904
- "description": "All three rows: breadcrumbs, heading with description and action, and a filter bar with search and segmented tabs."
81905
- },
81906
- {
81907
- "name": "HeadingOnly",
81908
- "code": "() => (\n <SettingsHeader>\n <SettingsHeaderHeading>\n <div className='flex flex-col'>\n <SettingsHeaderTitle>General settings</SettingsHeaderTitle>\n <SettingsHeaderDescription>\n Configure your workspace preferences and notifications.\n </SettingsHeaderDescription>\n </div>\n </SettingsHeaderHeading>\n </SettingsHeader>\n)",
81909
- "description": "Just the heading row with title, description, and no actions or filters."
81910
- },
81911
- {
81912
- "name": "WithBreadcrumbsAndActions",
81913
- "code": "() => (\n <SettingsHeader>\n <SettingsHeaderBreadcrumbs>\n <Breadcrumbs>\n <BreadcrumbsItem href='/settings'>Settings</BreadcrumbsItem>\n <BreadcrumbsItem>Integrations</BreadcrumbsItem>\n </Breadcrumbs>\n </SettingsHeaderBreadcrumbs>\n\n <SettingsHeaderHeading>\n <div className='flex flex-col'>\n <SettingsHeaderTitle>Integrations</SettingsHeaderTitle>\n <SettingsHeaderDescription>\n Connect third-party services to your workspace.\n </SettingsHeaderDescription>\n </div>\n <SettingsHeaderActions>\n <Button size='medium' variant='primary' color='brand'>\n Add integration\n </Button>\n </SettingsHeaderActions>\n </SettingsHeaderHeading>\n </SettingsHeader>\n)",
81914
- "description": "Breadcrumbs, heading with multiple action buttons, no filter bar."
81915
- },
81916
- {
81917
- "name": "TitleOnly",
81918
- "code": "() => (\n <SettingsHeader>\n <SettingsHeaderHeading>\n <SettingsHeaderTitle>Dashboard</SettingsHeaderTitle>\n </SettingsHeaderHeading>\n </SettingsHeader>\n)",
81919
- "description": "The simplest usage — only a page title, no description, actions, or filters."
81920
- }
81921
- ]
81922
- },
81923
80802
  {
81924
80803
  "name": "SimpleCharts",
81925
80804
  "importPath": "@wallarm-org/design-system/SimpleCharts",