haze-ui 1.34.1 → 1.35.0
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.
- package/README.md +26 -0
- package/dist/THIRD-PARTY-NOTICES.md +2 -1
- package/dist/components/Anchor/Anchor.js +84 -65
- package/dist/components/BackToTop/BackToTop.js +18 -12
- package/dist/components/Combobox/Combobox.js +109 -99
- package/dist/components/CopyButton/CopyButton.js +13 -12
- package/dist/components/DataTable/DataTable.js +16 -16
- package/dist/components/FloatButton/FloatButton.js +11 -19
- package/dist/components/FollowUpSuggestions/FollowUpSuggestions.js +45 -0
- package/dist/components/FollowUpSuggestions/index.js +3 -0
- package/dist/components/LocaleProvider/ar-sa.js +9 -0
- package/dist/components/LocaleProvider/de-de.js +9 -0
- package/dist/components/LocaleProvider/es-es.js +9 -0
- package/dist/components/LocaleProvider/fr-fr.js +9 -0
- package/dist/components/LocaleProvider/it-it.js +9 -0
- package/dist/components/LocaleProvider/ja-jp.js +9 -0
- package/dist/components/LocaleProvider/ko-kr.js +9 -0
- package/dist/components/LocaleProvider/locale.js +9 -0
- package/dist/components/LocaleProvider/pt-br.js +9 -0
- package/dist/components/LocaleProvider/ru-ru.js +9 -0
- package/dist/components/LocaleProvider/zh-cn.js +9 -0
- package/dist/components/NavigationBar/NavLink.js +15 -16
- package/dist/components/NotificationCenter/NotificationCenter.js +294 -0
- package/dist/components/NotificationCenter/index.js +3 -0
- package/dist/components/Tabs/Tab.js +58 -50
- package/dist/components/TaskList/TaskList.js +96 -0
- package/dist/components/TaskList/index.js +3 -0
- package/dist/components/Toggle/Toggle.js +8 -8
- package/dist/components/Toggle/ToggleCore.js +4 -5
- package/dist/components/Toolbar/ToolbarButton.js +7 -7
- package/dist/components/Toolbar/ToolbarToggle.js +9 -9
- package/dist/components/Tree/Tree.js +159 -137
- package/dist/components/Tree/index.js +2 -1
- package/dist/components/Tree/useTree.js +32 -0
- package/dist/components/Tree/utils.js +21 -11
- package/dist/css/anchor.css +1 -1
- package/dist/css/combobox.css +1 -1
- package/dist/css/data-table.css +1 -1
- package/dist/css/follow-up-suggestions.css +4 -0
- package/dist/css/notification-center.css +5 -0
- package/dist/css/task-list.css +4 -0
- package/dist/css/tokens.css +1 -0
- package/dist/css-manifest.json +21 -0
- package/dist/haze-ui.css +17 -3
- package/dist/headless/index.js +2 -1
- package/dist/hooks/index.js +25 -0
- package/dist/hooks/useAnchorSpy.js +49 -0
- package/dist/hooks/useElementSize.js +31 -0
- package/dist/hooks/useIdle.js +45 -0
- package/dist/hooks/useMutationObserver.js +31 -0
- package/dist/hooks/useNetwork.js +28 -0
- package/dist/hooks/useOrientation.js +27 -0
- package/dist/hooks/useResizeObserver.js +16 -0
- package/dist/icons/index.js +9 -0
- package/dist/index.js +323 -318
- package/dist/mcp-docs.json +535 -13
- package/dist/registry.json +387 -7
- package/dist/sitemap.xml +6 -0
- package/dist/tokens/index.js +2 -1
- package/dist/tokens/zoom.js +6 -0
- package/dist/types/components/Anchor/Anchor.d.ts +5 -1
- package/dist/types/components/BackToTop/BackToTop.d.ts +23 -5
- package/dist/types/components/Combobox/Combobox.d.ts +17 -1
- package/dist/types/components/ConfigProvider/ConfigContext.d.ts +6 -0
- package/dist/types/components/CopyButton/CopyButton.d.ts +16 -4
- package/dist/types/components/DataTable/DataTable.bench.d.ts +1 -0
- package/dist/types/components/FloatButton/FloatButton.d.ts +25 -5
- package/dist/types/components/FollowUpSuggestions/FollowUpSuggestions.d.ts +27 -0
- package/dist/types/components/FollowUpSuggestions/index.d.ts +2 -0
- package/dist/types/components/LocaleProvider/locale.d.ts +9 -0
- package/dist/types/components/NavigationBar/NavLink.d.ts +24 -32
- package/dist/types/components/NotificationCenter/NotificationCenter.d.ts +111 -0
- package/dist/types/components/NotificationCenter/index.d.ts +2 -0
- package/dist/types/components/Select/Select.bench.d.ts +1 -0
- package/dist/types/components/Tabs/Tab.d.ts +26 -4
- package/dist/types/components/TaskList/TaskList.d.ts +50 -0
- package/dist/types/components/TaskList/index.d.ts +2 -0
- package/dist/types/components/Toggle/Toggle.d.ts +15 -8
- package/dist/types/components/Toggle/ToggleCore.d.ts +16 -7
- package/dist/types/components/Toolbar/ToolbarButton.d.ts +17 -5
- package/dist/types/components/Toolbar/ToolbarToggle.d.ts +22 -5
- package/dist/types/components/Tree/Tree.d.ts +1 -1
- package/dist/types/components/Tree/index.d.ts +4 -1
- package/dist/types/components/Tree/types.d.ts +20 -0
- package/dist/types/components/Tree/useTree.d.ts +96 -0
- package/dist/types/components/Tree/utils.d.ts +7 -0
- package/dist/types/components/VirtualList/VirtualList.bench.d.ts +1 -0
- package/dist/types/headless/index.d.ts +16 -0
- package/dist/types/hooks/index.d.ts +4 -0
- package/dist/types/hooks/useAnchorSpy.d.ts +62 -0
- package/dist/types/icons/index.d.ts +138 -0
- package/dist/types/index.d.ts +10 -2
- package/dist/types/tokens/index.d.ts +1 -0
- package/dist/types/tokens/zoom.d.ts +33 -0
- package/dist/types/utils/deprecate.d.ts +13 -0
- package/dist/types/utils/portal.d.ts +29 -0
- package/dist/utils/portal.js +13 -0
- package/package.json +40 -8
package/dist/mcp-docs.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"generatedAt": "2026-10-
|
|
2
|
+
"generatedAt": "2026-10-26T14:11:11.629Z",
|
|
3
3
|
"components": {
|
|
4
4
|
"Accordion": {
|
|
5
5
|
"cssFamily": "accordion",
|
|
@@ -310,6 +310,12 @@
|
|
|
310
310
|
"default": "() => window",
|
|
311
311
|
"description": "Scroll container the anchors navigate and observe"
|
|
312
312
|
},
|
|
313
|
+
{
|
|
314
|
+
"name": "indicator",
|
|
315
|
+
"type": "boolean",
|
|
316
|
+
"required": false,
|
|
317
|
+
"description": ""
|
|
318
|
+
},
|
|
313
319
|
{
|
|
314
320
|
"name": "className",
|
|
315
321
|
"type": "string",
|
|
@@ -607,6 +613,20 @@
|
|
|
607
613
|
"peerDeps": [],
|
|
608
614
|
"description": "Floating scroll-to-top button appearing past a scroll threshold.",
|
|
609
615
|
"props": {
|
|
616
|
+
"BackToTopOwnProps": [
|
|
617
|
+
{
|
|
618
|
+
"name": "threshold",
|
|
619
|
+
"type": "number",
|
|
620
|
+
"required": false,
|
|
621
|
+
"description": ""
|
|
622
|
+
},
|
|
623
|
+
{
|
|
624
|
+
"name": "onClick",
|
|
625
|
+
"type": "(event: MouseEvent<HTMLElement, MouseEvent>) => void",
|
|
626
|
+
"required": false,
|
|
627
|
+
"description": ""
|
|
628
|
+
}
|
|
629
|
+
],
|
|
610
630
|
"BackToTopProps": [
|
|
611
631
|
{
|
|
612
632
|
"name": "threshold",
|
|
@@ -615,6 +635,18 @@
|
|
|
615
635
|
"default": "300",
|
|
616
636
|
"description": "Scroll distance before showing (px)"
|
|
617
637
|
},
|
|
638
|
+
{
|
|
639
|
+
"name": "onClick",
|
|
640
|
+
"type": "(event: MouseEvent<HTMLElement, MouseEvent>) => void",
|
|
641
|
+
"required": false,
|
|
642
|
+
"description": ""
|
|
643
|
+
},
|
|
644
|
+
{
|
|
645
|
+
"name": "as",
|
|
646
|
+
"type": "T",
|
|
647
|
+
"required": false,
|
|
648
|
+
"description": ""
|
|
649
|
+
},
|
|
618
650
|
{
|
|
619
651
|
"name": "children",
|
|
620
652
|
"type": "ReactNode",
|
|
@@ -2247,6 +2279,18 @@
|
|
|
2247
2279
|
"required": false,
|
|
2248
2280
|
"description": ""
|
|
2249
2281
|
},
|
|
2282
|
+
{
|
|
2283
|
+
"name": "maxCount",
|
|
2284
|
+
"type": "number",
|
|
2285
|
+
"required": false,
|
|
2286
|
+
"description": ""
|
|
2287
|
+
},
|
|
2288
|
+
{
|
|
2289
|
+
"name": "maxTagCount",
|
|
2290
|
+
"type": "number",
|
|
2291
|
+
"required": false,
|
|
2292
|
+
"description": ""
|
|
2293
|
+
},
|
|
2250
2294
|
{
|
|
2251
2295
|
"name": "onValuesChange",
|
|
2252
2296
|
"type": "(value: T | T[]) => void",
|
|
@@ -2891,6 +2935,12 @@
|
|
|
2891
2935
|
"required": false,
|
|
2892
2936
|
"description": ""
|
|
2893
2937
|
},
|
|
2938
|
+
{
|
|
2939
|
+
"name": "onClick",
|
|
2940
|
+
"type": "(event: MouseEvent<HTMLElement, MouseEvent>) => void",
|
|
2941
|
+
"required": false,
|
|
2942
|
+
"description": ""
|
|
2943
|
+
},
|
|
2894
2944
|
{
|
|
2895
2945
|
"name": "children",
|
|
2896
2946
|
"type": "ReactNode | ((copied: boolean) => ReactNode)",
|
|
@@ -4982,6 +5032,44 @@
|
|
|
4982
5032
|
"description": ""
|
|
4983
5033
|
}
|
|
4984
5034
|
],
|
|
5035
|
+
"FloatButtonOwnProps": [
|
|
5036
|
+
{
|
|
5037
|
+
"name": "icon",
|
|
5038
|
+
"type": "ReactNode",
|
|
5039
|
+
"required": false,
|
|
5040
|
+
"description": ""
|
|
5041
|
+
},
|
|
5042
|
+
{
|
|
5043
|
+
"name": "description",
|
|
5044
|
+
"type": "ReactNode",
|
|
5045
|
+
"required": false,
|
|
5046
|
+
"description": ""
|
|
5047
|
+
},
|
|
5048
|
+
{
|
|
5049
|
+
"name": "shape",
|
|
5050
|
+
"type": "'circle' | 'square'",
|
|
5051
|
+
"required": false,
|
|
5052
|
+
"description": ""
|
|
5053
|
+
},
|
|
5054
|
+
{
|
|
5055
|
+
"name": "variant",
|
|
5056
|
+
"type": "'solid' | 'outline' | 'ghost'",
|
|
5057
|
+
"required": false,
|
|
5058
|
+
"description": ""
|
|
5059
|
+
},
|
|
5060
|
+
{
|
|
5061
|
+
"name": "href",
|
|
5062
|
+
"type": "string",
|
|
5063
|
+
"required": false,
|
|
5064
|
+
"description": ""
|
|
5065
|
+
},
|
|
5066
|
+
{
|
|
5067
|
+
"name": "onClick",
|
|
5068
|
+
"type": "(event: MouseEvent<HTMLElement, MouseEvent>) => void",
|
|
5069
|
+
"required": false,
|
|
5070
|
+
"description": ""
|
|
5071
|
+
}
|
|
5072
|
+
],
|
|
4985
5073
|
"FloatButtonProps": [
|
|
4986
5074
|
{
|
|
4987
5075
|
"name": "icon",
|
|
@@ -5012,6 +5100,64 @@
|
|
|
5012
5100
|
"type": "string",
|
|
5013
5101
|
"required": false,
|
|
5014
5102
|
"description": ""
|
|
5103
|
+
},
|
|
5104
|
+
{
|
|
5105
|
+
"name": "onClick",
|
|
5106
|
+
"type": "(event: MouseEvent<HTMLElement, MouseEvent>) => void",
|
|
5107
|
+
"required": false,
|
|
5108
|
+
"description": ""
|
|
5109
|
+
},
|
|
5110
|
+
{
|
|
5111
|
+
"name": "as",
|
|
5112
|
+
"type": "T",
|
|
5113
|
+
"required": false,
|
|
5114
|
+
"description": ""
|
|
5115
|
+
}
|
|
5116
|
+
]
|
|
5117
|
+
}
|
|
5118
|
+
},
|
|
5119
|
+
"FollowUpSuggestions": {
|
|
5120
|
+
"cssFamily": "follow-up-suggestions",
|
|
5121
|
+
"importStatement": "import { FollowUpSuggestions } from 'haze-ui';\nimport 'haze-ui/css/tokens.css';\nimport 'haze-ui/css/follow-up-suggestions.css';",
|
|
5122
|
+
"peerDeps": [],
|
|
5123
|
+
"description": "Wrapping row of clickable AI-chat follow-up suggestion chips with loading skeleton and disabled states.",
|
|
5124
|
+
"props": {
|
|
5125
|
+
"FollowUpSuggestionsProps": [
|
|
5126
|
+
{
|
|
5127
|
+
"name": "suggestions",
|
|
5128
|
+
"type": "string[]",
|
|
5129
|
+
"required": true,
|
|
5130
|
+
"description": ""
|
|
5131
|
+
},
|
|
5132
|
+
{
|
|
5133
|
+
"name": "onSelect",
|
|
5134
|
+
"type": "(value: string) => void",
|
|
5135
|
+
"required": false,
|
|
5136
|
+
"description": ""
|
|
5137
|
+
},
|
|
5138
|
+
{
|
|
5139
|
+
"name": "disabled",
|
|
5140
|
+
"type": "boolean",
|
|
5141
|
+
"required": false,
|
|
5142
|
+
"description": ""
|
|
5143
|
+
},
|
|
5144
|
+
{
|
|
5145
|
+
"name": "loading",
|
|
5146
|
+
"type": "boolean",
|
|
5147
|
+
"required": false,
|
|
5148
|
+
"description": ""
|
|
5149
|
+
},
|
|
5150
|
+
{
|
|
5151
|
+
"name": "className",
|
|
5152
|
+
"type": "string",
|
|
5153
|
+
"required": false,
|
|
5154
|
+
"description": ""
|
|
5155
|
+
},
|
|
5156
|
+
{
|
|
5157
|
+
"name": "ref",
|
|
5158
|
+
"type": "Ref<HTMLDivElement>",
|
|
5159
|
+
"required": false,
|
|
5160
|
+
"description": ""
|
|
5015
5161
|
}
|
|
5016
5162
|
]
|
|
5017
5163
|
}
|
|
@@ -6978,6 +7124,26 @@
|
|
|
6978
7124
|
"peerDeps": [],
|
|
6979
7125
|
"description": "Top nav bar with `brand` and `end` slots plus `NavLink` items.",
|
|
6980
7126
|
"props": {
|
|
7127
|
+
"NavLinkOwnProps": [
|
|
7128
|
+
{
|
|
7129
|
+
"name": "href",
|
|
7130
|
+
"type": "string",
|
|
7131
|
+
"required": false,
|
|
7132
|
+
"description": ""
|
|
7133
|
+
},
|
|
7134
|
+
{
|
|
7135
|
+
"name": "active",
|
|
7136
|
+
"type": "boolean",
|
|
7137
|
+
"required": false,
|
|
7138
|
+
"description": ""
|
|
7139
|
+
},
|
|
7140
|
+
{
|
|
7141
|
+
"name": "onClick",
|
|
7142
|
+
"type": "(event: MouseEvent<HTMLElement, MouseEvent>) => void",
|
|
7143
|
+
"required": false,
|
|
7144
|
+
"description": ""
|
|
7145
|
+
}
|
|
7146
|
+
],
|
|
6981
7147
|
"NavLinkProps": [
|
|
6982
7148
|
{
|
|
6983
7149
|
"name": "href",
|
|
@@ -6993,23 +7159,29 @@
|
|
|
6993
7159
|
"default": "false",
|
|
6994
7160
|
"description": "Mark as active"
|
|
6995
7161
|
},
|
|
6996
|
-
{
|
|
6997
|
-
"name": "children",
|
|
6998
|
-
"type": "ReactNode",
|
|
6999
|
-
"required": true,
|
|
7000
|
-
"description": "Link text"
|
|
7001
|
-
},
|
|
7002
7162
|
{
|
|
7003
7163
|
"name": "onClick",
|
|
7004
|
-
"type": "(event: MouseEvent<
|
|
7164
|
+
"type": "(event: MouseEvent<HTMLElement, MouseEvent>) => void",
|
|
7005
7165
|
"required": false,
|
|
7006
7166
|
"description": "Click handler (prevents default)"
|
|
7007
7167
|
},
|
|
7168
|
+
{
|
|
7169
|
+
"name": "as",
|
|
7170
|
+
"type": "T",
|
|
7171
|
+
"required": false,
|
|
7172
|
+
"description": ""
|
|
7173
|
+
},
|
|
7008
7174
|
{
|
|
7009
7175
|
"name": "className",
|
|
7010
7176
|
"type": "string",
|
|
7011
7177
|
"required": false,
|
|
7012
7178
|
"description": "Additional CSS class"
|
|
7179
|
+
},
|
|
7180
|
+
{
|
|
7181
|
+
"name": "children",
|
|
7182
|
+
"type": "ReactNode",
|
|
7183
|
+
"required": false,
|
|
7184
|
+
"description": "Link text"
|
|
7013
7185
|
}
|
|
7014
7186
|
],
|
|
7015
7187
|
"NavigationBarProps": [
|
|
@@ -7166,6 +7338,64 @@
|
|
|
7166
7338
|
]
|
|
7167
7339
|
}
|
|
7168
7340
|
},
|
|
7341
|
+
"NotificationCenter": {
|
|
7342
|
+
"cssFamily": "notification-center",
|
|
7343
|
+
"importStatement": "import { NotificationCenter } from 'haze-ui';\nimport 'haze-ui/css/tokens.css';\nimport 'haze-ui/css/notification-center.css';",
|
|
7344
|
+
"peerDeps": [],
|
|
7345
|
+
"description": "Persistent notification feed behind a bell trigger: unread-count badge, severity/kind rows, mark-all-read and clear-all — declarative `items`, not an imperative open() API.",
|
|
7346
|
+
"props": {
|
|
7347
|
+
"NotificationCenterProps": [
|
|
7348
|
+
{
|
|
7349
|
+
"name": "items",
|
|
7350
|
+
"type": "NotificationCenterItem[]",
|
|
7351
|
+
"required": false,
|
|
7352
|
+
"description": ""
|
|
7353
|
+
},
|
|
7354
|
+
{
|
|
7355
|
+
"name": "open",
|
|
7356
|
+
"type": "ControlOrValue<boolean>",
|
|
7357
|
+
"required": false,
|
|
7358
|
+
"description": ""
|
|
7359
|
+
},
|
|
7360
|
+
{
|
|
7361
|
+
"name": "maxBadgeCount",
|
|
7362
|
+
"type": "number",
|
|
7363
|
+
"required": false,
|
|
7364
|
+
"description": ""
|
|
7365
|
+
},
|
|
7366
|
+
{
|
|
7367
|
+
"name": "onMarkAllRead",
|
|
7368
|
+
"type": "() => void",
|
|
7369
|
+
"required": false,
|
|
7370
|
+
"description": ""
|
|
7371
|
+
},
|
|
7372
|
+
{
|
|
7373
|
+
"name": "onClearAll",
|
|
7374
|
+
"type": "() => void",
|
|
7375
|
+
"required": false,
|
|
7376
|
+
"description": ""
|
|
7377
|
+
},
|
|
7378
|
+
{
|
|
7379
|
+
"name": "classNames",
|
|
7380
|
+
"type": "NotificationCenterClassNames",
|
|
7381
|
+
"required": false,
|
|
7382
|
+
"description": ""
|
|
7383
|
+
},
|
|
7384
|
+
{
|
|
7385
|
+
"name": "className",
|
|
7386
|
+
"type": "string",
|
|
7387
|
+
"required": false,
|
|
7388
|
+
"description": ""
|
|
7389
|
+
},
|
|
7390
|
+
{
|
|
7391
|
+
"name": "ref",
|
|
7392
|
+
"type": "Ref<HTMLSpanElement>",
|
|
7393
|
+
"required": false,
|
|
7394
|
+
"description": ""
|
|
7395
|
+
}
|
|
7396
|
+
]
|
|
7397
|
+
}
|
|
7398
|
+
},
|
|
7169
7399
|
"NumberFormatter": {
|
|
7170
7400
|
"cssFamily": "number-formatter",
|
|
7171
7401
|
"importStatement": "import { NumberFormatter } from 'haze-ui';\nimport 'haze-ui/css/tokens.css';\nimport 'haze-ui/css/number-formatter.css';",
|
|
@@ -10633,6 +10863,74 @@
|
|
|
10633
10863
|
"description": ""
|
|
10634
10864
|
}
|
|
10635
10865
|
],
|
|
10866
|
+
"TabOwnProps": [
|
|
10867
|
+
{
|
|
10868
|
+
"name": "value",
|
|
10869
|
+
"type": "string",
|
|
10870
|
+
"required": true,
|
|
10871
|
+
"description": ""
|
|
10872
|
+
},
|
|
10873
|
+
{
|
|
10874
|
+
"name": "icon",
|
|
10875
|
+
"type": "ReactNode",
|
|
10876
|
+
"required": false,
|
|
10877
|
+
"description": ""
|
|
10878
|
+
},
|
|
10879
|
+
{
|
|
10880
|
+
"name": "status",
|
|
10881
|
+
"type": "TabStatus",
|
|
10882
|
+
"required": false,
|
|
10883
|
+
"description": ""
|
|
10884
|
+
},
|
|
10885
|
+
{
|
|
10886
|
+
"name": "statusLabel",
|
|
10887
|
+
"type": "ReactNode",
|
|
10888
|
+
"required": false,
|
|
10889
|
+
"description": ""
|
|
10890
|
+
},
|
|
10891
|
+
{
|
|
10892
|
+
"name": "disabled",
|
|
10893
|
+
"type": "boolean",
|
|
10894
|
+
"required": false,
|
|
10895
|
+
"description": ""
|
|
10896
|
+
},
|
|
10897
|
+
{
|
|
10898
|
+
"name": "onClick",
|
|
10899
|
+
"type": "(event: MouseEvent<HTMLElement, MouseEvent>) => void",
|
|
10900
|
+
"required": false,
|
|
10901
|
+
"description": ""
|
|
10902
|
+
},
|
|
10903
|
+
{
|
|
10904
|
+
"name": "closable",
|
|
10905
|
+
"type": "boolean",
|
|
10906
|
+
"required": false,
|
|
10907
|
+
"description": ""
|
|
10908
|
+
},
|
|
10909
|
+
{
|
|
10910
|
+
"name": "closeLabel",
|
|
10911
|
+
"type": "string",
|
|
10912
|
+
"required": false,
|
|
10913
|
+
"description": ""
|
|
10914
|
+
},
|
|
10915
|
+
{
|
|
10916
|
+
"name": "onClose",
|
|
10917
|
+
"type": "(event: MouseEvent<HTMLSpanElement, MouseEvent> | KeyboardEvent<HTMLDivElement>) => void",
|
|
10918
|
+
"required": false,
|
|
10919
|
+
"description": ""
|
|
10920
|
+
},
|
|
10921
|
+
{
|
|
10922
|
+
"name": "className",
|
|
10923
|
+
"type": "string",
|
|
10924
|
+
"required": false,
|
|
10925
|
+
"description": ""
|
|
10926
|
+
},
|
|
10927
|
+
{
|
|
10928
|
+
"name": "children",
|
|
10929
|
+
"type": "ReactNode",
|
|
10930
|
+
"required": true,
|
|
10931
|
+
"description": ""
|
|
10932
|
+
}
|
|
10933
|
+
],
|
|
10636
10934
|
"TabPanelProps": [
|
|
10637
10935
|
{
|
|
10638
10936
|
"name": "value",
|
|
@@ -10684,6 +10982,12 @@
|
|
|
10684
10982
|
"required": false,
|
|
10685
10983
|
"description": ""
|
|
10686
10984
|
},
|
|
10985
|
+
{
|
|
10986
|
+
"name": "onClick",
|
|
10987
|
+
"type": "(event: MouseEvent<HTMLElement, MouseEvent>) => void",
|
|
10988
|
+
"required": false,
|
|
10989
|
+
"description": ""
|
|
10990
|
+
},
|
|
10687
10991
|
{
|
|
10688
10992
|
"name": "closable",
|
|
10689
10993
|
"type": "boolean",
|
|
@@ -10714,6 +11018,12 @@
|
|
|
10714
11018
|
"type": "ReactNode",
|
|
10715
11019
|
"required": true,
|
|
10716
11020
|
"description": "Tab label"
|
|
11021
|
+
},
|
|
11022
|
+
{
|
|
11023
|
+
"name": "as",
|
|
11024
|
+
"type": "T",
|
|
11025
|
+
"required": false,
|
|
11026
|
+
"description": ""
|
|
10717
11027
|
}
|
|
10718
11028
|
],
|
|
10719
11029
|
"TabsProps": [
|
|
@@ -11236,6 +11546,78 @@
|
|
|
11236
11546
|
]
|
|
11237
11547
|
}
|
|
11238
11548
|
},
|
|
11549
|
+
"TaskList": {
|
|
11550
|
+
"cssFamily": "task-list",
|
|
11551
|
+
"importStatement": "import { TaskList, TaskListItem } from 'haze-ui';\nimport 'haze-ui/css/tokens.css';\nimport 'haze-ui/css/task-list.css';",
|
|
11552
|
+
"peerDeps": [],
|
|
11553
|
+
"description": "Agent task checklist (`TaskList` + `TaskListItem`): checkbox rows strike through and dim when done; compound children or `items` data-driven.",
|
|
11554
|
+
"props": {
|
|
11555
|
+
"TaskListItemProps": [
|
|
11556
|
+
{
|
|
11557
|
+
"name": "checked",
|
|
11558
|
+
"type": "ControlOrValue<boolean>",
|
|
11559
|
+
"required": false,
|
|
11560
|
+
"description": ""
|
|
11561
|
+
},
|
|
11562
|
+
{
|
|
11563
|
+
"name": "onCheckedChange",
|
|
11564
|
+
"type": "(checked: boolean) => void",
|
|
11565
|
+
"required": false,
|
|
11566
|
+
"description": ""
|
|
11567
|
+
},
|
|
11568
|
+
{
|
|
11569
|
+
"name": "title",
|
|
11570
|
+
"type": "ReactNode",
|
|
11571
|
+
"required": true,
|
|
11572
|
+
"description": ""
|
|
11573
|
+
},
|
|
11574
|
+
{
|
|
11575
|
+
"name": "description",
|
|
11576
|
+
"type": "ReactNode",
|
|
11577
|
+
"required": false,
|
|
11578
|
+
"description": ""
|
|
11579
|
+
},
|
|
11580
|
+
{
|
|
11581
|
+
"name": "indicator",
|
|
11582
|
+
"type": "ReactNode",
|
|
11583
|
+
"required": false,
|
|
11584
|
+
"description": ""
|
|
11585
|
+
},
|
|
11586
|
+
{
|
|
11587
|
+
"name": "actions",
|
|
11588
|
+
"type": "ReactNode",
|
|
11589
|
+
"required": false,
|
|
11590
|
+
"description": ""
|
|
11591
|
+
},
|
|
11592
|
+
{
|
|
11593
|
+
"name": "className",
|
|
11594
|
+
"type": "string",
|
|
11595
|
+
"required": false,
|
|
11596
|
+
"description": ""
|
|
11597
|
+
}
|
|
11598
|
+
],
|
|
11599
|
+
"TaskListProps": [
|
|
11600
|
+
{
|
|
11601
|
+
"name": "children",
|
|
11602
|
+
"type": "ReactNode",
|
|
11603
|
+
"required": false,
|
|
11604
|
+
"description": ""
|
|
11605
|
+
},
|
|
11606
|
+
{
|
|
11607
|
+
"name": "items",
|
|
11608
|
+
"type": "TaskData[]",
|
|
11609
|
+
"required": false,
|
|
11610
|
+
"description": ""
|
|
11611
|
+
},
|
|
11612
|
+
{
|
|
11613
|
+
"name": "className",
|
|
11614
|
+
"type": "string",
|
|
11615
|
+
"required": false,
|
|
11616
|
+
"description": ""
|
|
11617
|
+
}
|
|
11618
|
+
]
|
|
11619
|
+
}
|
|
11620
|
+
},
|
|
11239
11621
|
"Textarea": {
|
|
11240
11622
|
"cssFamily": "textarea",
|
|
11241
11623
|
"importStatement": "import { Textarea, TextareaCore } from 'haze-ui';\nimport 'haze-ui/css/tokens.css';\nimport 'haze-ui/css/textarea.css';",
|
|
@@ -11825,6 +12207,44 @@
|
|
|
11825
12207
|
"peerDeps": [],
|
|
11826
12208
|
"description": "Two-state pressed button (`aria-pressed`) with sizes and `square` icon mode.",
|
|
11827
12209
|
"props": {
|
|
12210
|
+
"ToggleCoreOwnProps": [
|
|
12211
|
+
{
|
|
12212
|
+
"name": "pressed",
|
|
12213
|
+
"type": "boolean",
|
|
12214
|
+
"required": true,
|
|
12215
|
+
"description": ""
|
|
12216
|
+
},
|
|
12217
|
+
{
|
|
12218
|
+
"name": "onPressedChange",
|
|
12219
|
+
"type": "(pressed: boolean) => void",
|
|
12220
|
+
"required": true,
|
|
12221
|
+
"description": ""
|
|
12222
|
+
},
|
|
12223
|
+
{
|
|
12224
|
+
"name": "onNativeClick",
|
|
12225
|
+
"type": "MouseEventHandler<HTMLButtonElement> | undefined",
|
|
12226
|
+
"required": false,
|
|
12227
|
+
"description": ""
|
|
12228
|
+
},
|
|
12229
|
+
{
|
|
12230
|
+
"name": "size",
|
|
12231
|
+
"type": "'sm' | 'md' | 'lg'",
|
|
12232
|
+
"required": false,
|
|
12233
|
+
"description": ""
|
|
12234
|
+
},
|
|
12235
|
+
{
|
|
12236
|
+
"name": "square",
|
|
12237
|
+
"type": "boolean",
|
|
12238
|
+
"required": false,
|
|
12239
|
+
"description": ""
|
|
12240
|
+
},
|
|
12241
|
+
{
|
|
12242
|
+
"name": "className",
|
|
12243
|
+
"type": "string",
|
|
12244
|
+
"required": false,
|
|
12245
|
+
"description": ""
|
|
12246
|
+
}
|
|
12247
|
+
],
|
|
11828
12248
|
"ToggleCoreProps": [
|
|
11829
12249
|
{
|
|
11830
12250
|
"name": "pressed",
|
|
@@ -11863,8 +12283,28 @@
|
|
|
11863
12283
|
"description": ""
|
|
11864
12284
|
},
|
|
11865
12285
|
{
|
|
11866
|
-
"name": "
|
|
11867
|
-
"type": "
|
|
12286
|
+
"name": "as",
|
|
12287
|
+
"type": "T",
|
|
12288
|
+
"required": false,
|
|
12289
|
+
"description": ""
|
|
12290
|
+
}
|
|
12291
|
+
],
|
|
12292
|
+
"ToggleOwnProps": [
|
|
12293
|
+
{
|
|
12294
|
+
"name": "pressed",
|
|
12295
|
+
"type": "ControlOrValue<boolean>",
|
|
12296
|
+
"required": false,
|
|
12297
|
+
"description": ""
|
|
12298
|
+
},
|
|
12299
|
+
{
|
|
12300
|
+
"name": "size",
|
|
12301
|
+
"type": "'sm' | 'md' | 'lg'",
|
|
12302
|
+
"required": false,
|
|
12303
|
+
"description": ""
|
|
12304
|
+
},
|
|
12305
|
+
{
|
|
12306
|
+
"name": "square",
|
|
12307
|
+
"type": "boolean",
|
|
11868
12308
|
"required": false,
|
|
11869
12309
|
"description": ""
|
|
11870
12310
|
}
|
|
@@ -11889,8 +12329,8 @@
|
|
|
11889
12329
|
"description": ""
|
|
11890
12330
|
},
|
|
11891
12331
|
{
|
|
11892
|
-
"name": "
|
|
11893
|
-
"type": "
|
|
12332
|
+
"name": "as",
|
|
12333
|
+
"type": "T",
|
|
11894
12334
|
"required": false,
|
|
11895
12335
|
"description": ""
|
|
11896
12336
|
}
|
|
@@ -11979,6 +12419,26 @@
|
|
|
11979
12419
|
"peerDeps": [],
|
|
11980
12420
|
"description": "Button group with toolbar a11y (roving tabindex): `ToolbarButton`, `ToolbarSeparator`, `ToolbarToggle`.",
|
|
11981
12421
|
"props": {
|
|
12422
|
+
"ToolbarButtonOwnProps": [
|
|
12423
|
+
{
|
|
12424
|
+
"name": "variant",
|
|
12425
|
+
"type": "'solid' | 'outline' | 'ghost'",
|
|
12426
|
+
"required": false,
|
|
12427
|
+
"description": ""
|
|
12428
|
+
},
|
|
12429
|
+
{
|
|
12430
|
+
"name": "size",
|
|
12431
|
+
"type": "'sm' | 'md' | 'lg'",
|
|
12432
|
+
"required": false,
|
|
12433
|
+
"description": ""
|
|
12434
|
+
},
|
|
12435
|
+
{
|
|
12436
|
+
"name": "square",
|
|
12437
|
+
"type": "boolean",
|
|
12438
|
+
"required": false,
|
|
12439
|
+
"description": ""
|
|
12440
|
+
}
|
|
12441
|
+
],
|
|
11982
12442
|
"ToolbarButtonProps": [
|
|
11983
12443
|
{
|
|
11984
12444
|
"name": "variant",
|
|
@@ -11997,6 +12457,12 @@
|
|
|
11997
12457
|
"type": "boolean",
|
|
11998
12458
|
"required": false,
|
|
11999
12459
|
"description": ""
|
|
12460
|
+
},
|
|
12461
|
+
{
|
|
12462
|
+
"name": "as",
|
|
12463
|
+
"type": "T",
|
|
12464
|
+
"required": false,
|
|
12465
|
+
"description": ""
|
|
12000
12466
|
}
|
|
12001
12467
|
],
|
|
12002
12468
|
"ToolbarProps": [
|
|
@@ -12027,6 +12493,38 @@
|
|
|
12027
12493
|
"description": ""
|
|
12028
12494
|
}
|
|
12029
12495
|
],
|
|
12496
|
+
"ToolbarToggleOwnProps": [
|
|
12497
|
+
{
|
|
12498
|
+
"name": "pressed",
|
|
12499
|
+
"type": "ControlOrValue<boolean>",
|
|
12500
|
+
"required": false,
|
|
12501
|
+
"description": ""
|
|
12502
|
+
},
|
|
12503
|
+
{
|
|
12504
|
+
"name": "variant",
|
|
12505
|
+
"type": "'solid' | 'outline' | 'ghost'",
|
|
12506
|
+
"required": false,
|
|
12507
|
+
"description": ""
|
|
12508
|
+
},
|
|
12509
|
+
{
|
|
12510
|
+
"name": "size",
|
|
12511
|
+
"type": "'sm' | 'md' | 'lg'",
|
|
12512
|
+
"required": false,
|
|
12513
|
+
"description": ""
|
|
12514
|
+
},
|
|
12515
|
+
{
|
|
12516
|
+
"name": "square",
|
|
12517
|
+
"type": "boolean",
|
|
12518
|
+
"required": false,
|
|
12519
|
+
"description": ""
|
|
12520
|
+
},
|
|
12521
|
+
{
|
|
12522
|
+
"name": "onClick",
|
|
12523
|
+
"type": "(event: MouseEvent<HTMLElement, MouseEvent>) => void",
|
|
12524
|
+
"required": false,
|
|
12525
|
+
"description": ""
|
|
12526
|
+
}
|
|
12527
|
+
],
|
|
12030
12528
|
"ToolbarToggleProps": [
|
|
12031
12529
|
{
|
|
12032
12530
|
"name": "pressed",
|
|
@@ -12051,6 +12549,18 @@
|
|
|
12051
12549
|
"type": "boolean",
|
|
12052
12550
|
"required": false,
|
|
12053
12551
|
"description": ""
|
|
12552
|
+
},
|
|
12553
|
+
{
|
|
12554
|
+
"name": "onClick",
|
|
12555
|
+
"type": "(event: MouseEvent<HTMLElement, MouseEvent>) => void",
|
|
12556
|
+
"required": false,
|
|
12557
|
+
"description": ""
|
|
12558
|
+
},
|
|
12559
|
+
{
|
|
12560
|
+
"name": "as",
|
|
12561
|
+
"type": "T",
|
|
12562
|
+
"required": false,
|
|
12563
|
+
"description": ""
|
|
12054
12564
|
}
|
|
12055
12565
|
]
|
|
12056
12566
|
}
|
|
@@ -12337,7 +12847,7 @@
|
|
|
12337
12847
|
},
|
|
12338
12848
|
"Tree": {
|
|
12339
12849
|
"cssFamily": "tree",
|
|
12340
|
-
"importStatement": "import { Tree, SortableTree } from 'haze-ui';\nimport 'haze-ui/css/tokens.css';\nimport 'haze-ui/css/tree.css';",
|
|
12850
|
+
"importStatement": "import { Tree, SortableTree, useTree } from 'haze-ui';\nimport 'haze-ui/css/tokens.css';\nimport 'haze-ui/css/tree.css';",
|
|
12341
12851
|
"peerDeps": [],
|
|
12342
12852
|
"description": "Hierarchical tree with expand, select, check state, async `loadData` and `searchValue` filtering.",
|
|
12343
12853
|
"props": {
|
|
@@ -12468,6 +12978,12 @@
|
|
|
12468
12978
|
"required": false,
|
|
12469
12979
|
"description": ""
|
|
12470
12980
|
},
|
|
12981
|
+
{
|
|
12982
|
+
"name": "scrollHandleRef",
|
|
12983
|
+
"type": "Ref<TreeScrollHandle>",
|
|
12984
|
+
"required": false,
|
|
12985
|
+
"description": ""
|
|
12986
|
+
},
|
|
12471
12987
|
{
|
|
12472
12988
|
"name": "expandedKeys",
|
|
12473
12989
|
"type": "ControlOrValue<string[]>",
|
|
@@ -12616,6 +13132,12 @@
|
|
|
12616
13132
|
"required": false,
|
|
12617
13133
|
"description": ""
|
|
12618
13134
|
},
|
|
13135
|
+
{
|
|
13136
|
+
"name": "scrollHandleRef",
|
|
13137
|
+
"type": "Ref<TreeScrollHandle>",
|
|
13138
|
+
"required": false,
|
|
13139
|
+
"description": ""
|
|
13140
|
+
},
|
|
12619
13141
|
{
|
|
12620
13142
|
"name": "expandedKeys",
|
|
12621
13143
|
"type": "ControlOrValue<string[]>",
|