@wizeworks/silicaui-mcp 0.53.0 → 0.55.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/dist/data/classes.json +1 -0
- package/dist/data/components.json +983 -9
- package/package.json +1 -1
package/dist/data/classes.json
CHANGED
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
},
|
|
95
95
|
{
|
|
96
96
|
"name": "DropdownMenuContentProps",
|
|
97
|
-
"extends": "extends Omit<Styled<typeof BaseMenu.Popup>, \"children\"
|
|
97
|
+
"extends": "extends Omit<Styled<typeof BaseMenu.Popup>, \"children\">,\n PositioningProps",
|
|
98
98
|
"members": [
|
|
99
99
|
{
|
|
100
100
|
"name": "children",
|
|
@@ -119,6 +119,69 @@
|
|
|
119
119
|
"optional": true,
|
|
120
120
|
"type": "number",
|
|
121
121
|
"doc": ""
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
"name": "anchor",
|
|
125
|
+
"optional": true,
|
|
126
|
+
"type": "BasePositionerProps[\"anchor\"]",
|
|
127
|
+
"doc": "What to position against. Defaults to the component's own trigger. Accepts an element, a ref, a function returning either, or a VIRTUAL element — anything with `getBoundingClientRect()` — which is how you pin a popup to a pointer, a text caret, or a spot on a canvas that has no DOM node. <PopoverContent anchor={rowRef} /> <PopoverContent anchor={{ getBoundingClientRect: () => new DOMRect(x, y, 0, 0) }} />",
|
|
128
|
+
"inheritedFrom": "PositioningProps"
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"name": "positionMethod",
|
|
132
|
+
"optional": true,
|
|
133
|
+
"type": "BasePositionerProps[\"positionMethod\"]",
|
|
134
|
+
"doc": "`absolute` (default) or `fixed`. Use `fixed` to escape a clipping ancestor.",
|
|
135
|
+
"inheritedFrom": "PositioningProps"
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
"name": "alignOffset",
|
|
139
|
+
"optional": true,
|
|
140
|
+
"type": "BasePositionerProps[\"alignOffset\"]",
|
|
141
|
+
"doc": "Offset along the alignment axis, in px. Pairs with `align`.",
|
|
142
|
+
"inheritedFrom": "PositioningProps"
|
|
143
|
+
},
|
|
144
|
+
{
|
|
145
|
+
"name": "collisionBoundary",
|
|
146
|
+
"optional": true,
|
|
147
|
+
"type": "BasePositionerProps[\"collisionBoundary\"]",
|
|
148
|
+
"doc": "The element the popup must stay inside. Defaults to the viewport — set it to a scroll container so the popup collides with the panel, not the window.",
|
|
149
|
+
"inheritedFrom": "PositioningProps"
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
"name": "collisionPadding",
|
|
153
|
+
"optional": true,
|
|
154
|
+
"type": "BasePositionerProps[\"collisionPadding\"]",
|
|
155
|
+
"doc": "Inset from the collision boundary, in px.",
|
|
156
|
+
"inheritedFrom": "PositioningProps"
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
"name": "collisionAvoidance",
|
|
160
|
+
"optional": true,
|
|
161
|
+
"type": "BasePositionerProps[\"collisionAvoidance\"]",
|
|
162
|
+
"doc": "Which collision strategy runs per axis (`flip`, `shift`, `none`).",
|
|
163
|
+
"inheritedFrom": "PositioningProps"
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"name": "sticky",
|
|
167
|
+
"optional": true,
|
|
168
|
+
"type": "BasePositionerProps[\"sticky\"]",
|
|
169
|
+
"doc": "Keep the popup glued to the anchor while it scrolls out of view.",
|
|
170
|
+
"inheritedFrom": "PositioningProps"
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"name": "arrowPadding",
|
|
174
|
+
"optional": true,
|
|
175
|
+
"type": "BasePositionerProps[\"arrowPadding\"]",
|
|
176
|
+
"doc": "Minimum distance from the popup's corner to the arrow, in px.",
|
|
177
|
+
"inheritedFrom": "PositioningProps"
|
|
178
|
+
},
|
|
179
|
+
{
|
|
180
|
+
"name": "disableAnchorTracking",
|
|
181
|
+
"optional": true,
|
|
182
|
+
"type": "BasePositionerProps[\"disableAnchorTracking\"]",
|
|
183
|
+
"doc": "Stop re-measuring when the anchor moves. Cheaper, but goes stale.",
|
|
184
|
+
"inheritedFrom": "PositioningProps"
|
|
122
185
|
}
|
|
123
186
|
]
|
|
124
187
|
}
|
|
@@ -1518,7 +1581,7 @@
|
|
|
1518
1581
|
"package": "@wizeworks/silicaui-react",
|
|
1519
1582
|
"category": "Data display",
|
|
1520
1583
|
"sourceFile": "silicaui-react/src/mockup.tsx",
|
|
1521
|
-
"description": "Silica MockupBrowser — a browser frame with a toolbar and faux address bar. <MockupBrowser url=\"https://silica.ui\"> <div className=\"p-8 text-center\">Your page</div> </MockupBrowser>",
|
|
1584
|
+
"description": "Silica MockupBrowser — a browser frame with a toolbar and faux address bar. <MockupBrowser url=\"https://silica.ui\"> <div className=\"p-8 text-center\">Your page</div> </MockupBrowser> The traffic-light dots are themed (error / warning / success), so they track whatever theme is in scope. Add `mockup-plain` for neutral, colorless dots.",
|
|
1522
1585
|
"props": [
|
|
1523
1586
|
{
|
|
1524
1587
|
"name": "MockupWindowProps",
|
|
@@ -1726,7 +1789,7 @@
|
|
|
1726
1789
|
"package": "@wizeworks/silicaui-react",
|
|
1727
1790
|
"category": "Data display",
|
|
1728
1791
|
"sourceFile": "silicaui-react/src/mockup.tsx",
|
|
1729
|
-
"description": "Silica MockupWindow — an app window frame with faux traffic-light dots. <MockupWindow> <div className=\"p-8 text-center\">Hello!</div> </MockupWindow>",
|
|
1792
|
+
"description": "Silica MockupWindow — an app window frame with faux traffic-light dots. <MockupWindow> <div className=\"p-8 text-center\">Hello!</div> </MockupWindow> The dots are themed (error / warning / success). Add `mockup-plain` for neutral, colorless dots.",
|
|
1730
1793
|
"props": [
|
|
1731
1794
|
{
|
|
1732
1795
|
"name": "MockupWindowProps",
|
|
@@ -1782,6 +1845,7 @@
|
|
|
1782
1845
|
"props": [
|
|
1783
1846
|
{
|
|
1784
1847
|
"name": "PreviewCardProps",
|
|
1848
|
+
"extends": "extends PositioningProps",
|
|
1785
1849
|
"members": [
|
|
1786
1850
|
{
|
|
1787
1851
|
"name": "children",
|
|
@@ -1854,6 +1918,69 @@
|
|
|
1854
1918
|
"optional": true,
|
|
1855
1919
|
"type": "string",
|
|
1856
1920
|
"doc": "Extra class on the card surface."
|
|
1921
|
+
},
|
|
1922
|
+
{
|
|
1923
|
+
"name": "anchor",
|
|
1924
|
+
"optional": true,
|
|
1925
|
+
"type": "BasePositionerProps[\"anchor\"]",
|
|
1926
|
+
"doc": "What to position against. Defaults to the component's own trigger. Accepts an element, a ref, a function returning either, or a VIRTUAL element — anything with `getBoundingClientRect()` — which is how you pin a popup to a pointer, a text caret, or a spot on a canvas that has no DOM node. <PopoverContent anchor={rowRef} /> <PopoverContent anchor={{ getBoundingClientRect: () => new DOMRect(x, y, 0, 0) }} />",
|
|
1927
|
+
"inheritedFrom": "PositioningProps"
|
|
1928
|
+
},
|
|
1929
|
+
{
|
|
1930
|
+
"name": "positionMethod",
|
|
1931
|
+
"optional": true,
|
|
1932
|
+
"type": "BasePositionerProps[\"positionMethod\"]",
|
|
1933
|
+
"doc": "`absolute` (default) or `fixed`. Use `fixed` to escape a clipping ancestor.",
|
|
1934
|
+
"inheritedFrom": "PositioningProps"
|
|
1935
|
+
},
|
|
1936
|
+
{
|
|
1937
|
+
"name": "alignOffset",
|
|
1938
|
+
"optional": true,
|
|
1939
|
+
"type": "BasePositionerProps[\"alignOffset\"]",
|
|
1940
|
+
"doc": "Offset along the alignment axis, in px. Pairs with `align`.",
|
|
1941
|
+
"inheritedFrom": "PositioningProps"
|
|
1942
|
+
},
|
|
1943
|
+
{
|
|
1944
|
+
"name": "collisionBoundary",
|
|
1945
|
+
"optional": true,
|
|
1946
|
+
"type": "BasePositionerProps[\"collisionBoundary\"]",
|
|
1947
|
+
"doc": "The element the popup must stay inside. Defaults to the viewport — set it to a scroll container so the popup collides with the panel, not the window.",
|
|
1948
|
+
"inheritedFrom": "PositioningProps"
|
|
1949
|
+
},
|
|
1950
|
+
{
|
|
1951
|
+
"name": "collisionPadding",
|
|
1952
|
+
"optional": true,
|
|
1953
|
+
"type": "BasePositionerProps[\"collisionPadding\"]",
|
|
1954
|
+
"doc": "Inset from the collision boundary, in px.",
|
|
1955
|
+
"inheritedFrom": "PositioningProps"
|
|
1956
|
+
},
|
|
1957
|
+
{
|
|
1958
|
+
"name": "collisionAvoidance",
|
|
1959
|
+
"optional": true,
|
|
1960
|
+
"type": "BasePositionerProps[\"collisionAvoidance\"]",
|
|
1961
|
+
"doc": "Which collision strategy runs per axis (`flip`, `shift`, `none`).",
|
|
1962
|
+
"inheritedFrom": "PositioningProps"
|
|
1963
|
+
},
|
|
1964
|
+
{
|
|
1965
|
+
"name": "sticky",
|
|
1966
|
+
"optional": true,
|
|
1967
|
+
"type": "BasePositionerProps[\"sticky\"]",
|
|
1968
|
+
"doc": "Keep the popup glued to the anchor while it scrolls out of view.",
|
|
1969
|
+
"inheritedFrom": "PositioningProps"
|
|
1970
|
+
},
|
|
1971
|
+
{
|
|
1972
|
+
"name": "arrowPadding",
|
|
1973
|
+
"optional": true,
|
|
1974
|
+
"type": "BasePositionerProps[\"arrowPadding\"]",
|
|
1975
|
+
"doc": "Minimum distance from the popup's corner to the arrow, in px.",
|
|
1976
|
+
"inheritedFrom": "PositioningProps"
|
|
1977
|
+
},
|
|
1978
|
+
{
|
|
1979
|
+
"name": "disableAnchorTracking",
|
|
1980
|
+
"optional": true,
|
|
1981
|
+
"type": "BasePositionerProps[\"disableAnchorTracking\"]",
|
|
1982
|
+
"doc": "Stop re-measuring when the anchor moves. Cheaper, but goes stale.",
|
|
1983
|
+
"inheritedFrom": "PositioningProps"
|
|
1857
1984
|
}
|
|
1858
1985
|
]
|
|
1859
1986
|
}
|
|
@@ -2078,6 +2205,7 @@
|
|
|
2078
2205
|
},
|
|
2079
2206
|
{
|
|
2080
2207
|
"name": "AutocompleteProps",
|
|
2208
|
+
"extends": "extends PositioningProps",
|
|
2081
2209
|
"members": [
|
|
2082
2210
|
{
|
|
2083
2211
|
"name": "items",
|
|
@@ -2210,6 +2338,69 @@
|
|
|
2210
2338
|
"optional": true,
|
|
2211
2339
|
"type": "string",
|
|
2212
2340
|
"doc": ""
|
|
2341
|
+
},
|
|
2342
|
+
{
|
|
2343
|
+
"name": "anchor",
|
|
2344
|
+
"optional": true,
|
|
2345
|
+
"type": "BasePositionerProps[\"anchor\"]",
|
|
2346
|
+
"doc": "What to position against. Defaults to the component's own trigger. Accepts an element, a ref, a function returning either, or a VIRTUAL element — anything with `getBoundingClientRect()` — which is how you pin a popup to a pointer, a text caret, or a spot on a canvas that has no DOM node. <PopoverContent anchor={rowRef} /> <PopoverContent anchor={{ getBoundingClientRect: () => new DOMRect(x, y, 0, 0) }} />",
|
|
2347
|
+
"inheritedFrom": "PositioningProps"
|
|
2348
|
+
},
|
|
2349
|
+
{
|
|
2350
|
+
"name": "positionMethod",
|
|
2351
|
+
"optional": true,
|
|
2352
|
+
"type": "BasePositionerProps[\"positionMethod\"]",
|
|
2353
|
+
"doc": "`absolute` (default) or `fixed`. Use `fixed` to escape a clipping ancestor.",
|
|
2354
|
+
"inheritedFrom": "PositioningProps"
|
|
2355
|
+
},
|
|
2356
|
+
{
|
|
2357
|
+
"name": "alignOffset",
|
|
2358
|
+
"optional": true,
|
|
2359
|
+
"type": "BasePositionerProps[\"alignOffset\"]",
|
|
2360
|
+
"doc": "Offset along the alignment axis, in px. Pairs with `align`.",
|
|
2361
|
+
"inheritedFrom": "PositioningProps"
|
|
2362
|
+
},
|
|
2363
|
+
{
|
|
2364
|
+
"name": "collisionBoundary",
|
|
2365
|
+
"optional": true,
|
|
2366
|
+
"type": "BasePositionerProps[\"collisionBoundary\"]",
|
|
2367
|
+
"doc": "The element the popup must stay inside. Defaults to the viewport — set it to a scroll container so the popup collides with the panel, not the window.",
|
|
2368
|
+
"inheritedFrom": "PositioningProps"
|
|
2369
|
+
},
|
|
2370
|
+
{
|
|
2371
|
+
"name": "collisionPadding",
|
|
2372
|
+
"optional": true,
|
|
2373
|
+
"type": "BasePositionerProps[\"collisionPadding\"]",
|
|
2374
|
+
"doc": "Inset from the collision boundary, in px.",
|
|
2375
|
+
"inheritedFrom": "PositioningProps"
|
|
2376
|
+
},
|
|
2377
|
+
{
|
|
2378
|
+
"name": "collisionAvoidance",
|
|
2379
|
+
"optional": true,
|
|
2380
|
+
"type": "BasePositionerProps[\"collisionAvoidance\"]",
|
|
2381
|
+
"doc": "Which collision strategy runs per axis (`flip`, `shift`, `none`).",
|
|
2382
|
+
"inheritedFrom": "PositioningProps"
|
|
2383
|
+
},
|
|
2384
|
+
{
|
|
2385
|
+
"name": "sticky",
|
|
2386
|
+
"optional": true,
|
|
2387
|
+
"type": "BasePositionerProps[\"sticky\"]",
|
|
2388
|
+
"doc": "Keep the popup glued to the anchor while it scrolls out of view.",
|
|
2389
|
+
"inheritedFrom": "PositioningProps"
|
|
2390
|
+
},
|
|
2391
|
+
{
|
|
2392
|
+
"name": "arrowPadding",
|
|
2393
|
+
"optional": true,
|
|
2394
|
+
"type": "BasePositionerProps[\"arrowPadding\"]",
|
|
2395
|
+
"doc": "Minimum distance from the popup's corner to the arrow, in px.",
|
|
2396
|
+
"inheritedFrom": "PositioningProps"
|
|
2397
|
+
},
|
|
2398
|
+
{
|
|
2399
|
+
"name": "disableAnchorTracking",
|
|
2400
|
+
"optional": true,
|
|
2401
|
+
"type": "BasePositionerProps[\"disableAnchorTracking\"]",
|
|
2402
|
+
"doc": "Stop re-measuring when the anchor moves. Cheaper, but goes stale.",
|
|
2403
|
+
"inheritedFrom": "PositioningProps"
|
|
2213
2404
|
}
|
|
2214
2405
|
]
|
|
2215
2406
|
}
|
|
@@ -2628,6 +2819,7 @@
|
|
|
2628
2819
|
},
|
|
2629
2820
|
{
|
|
2630
2821
|
"name": "ComboboxProps",
|
|
2822
|
+
"extends": "extends PositioningProps",
|
|
2631
2823
|
"members": [
|
|
2632
2824
|
{
|
|
2633
2825
|
"name": "items",
|
|
@@ -2766,6 +2958,69 @@
|
|
|
2766
2958
|
"optional": true,
|
|
2767
2959
|
"type": "string",
|
|
2768
2960
|
"doc": ""
|
|
2961
|
+
},
|
|
2962
|
+
{
|
|
2963
|
+
"name": "anchor",
|
|
2964
|
+
"optional": true,
|
|
2965
|
+
"type": "BasePositionerProps[\"anchor\"]",
|
|
2966
|
+
"doc": "What to position against. Defaults to the component's own trigger. Accepts an element, a ref, a function returning either, or a VIRTUAL element — anything with `getBoundingClientRect()` — which is how you pin a popup to a pointer, a text caret, or a spot on a canvas that has no DOM node. <PopoverContent anchor={rowRef} /> <PopoverContent anchor={{ getBoundingClientRect: () => new DOMRect(x, y, 0, 0) }} />",
|
|
2967
|
+
"inheritedFrom": "PositioningProps"
|
|
2968
|
+
},
|
|
2969
|
+
{
|
|
2970
|
+
"name": "positionMethod",
|
|
2971
|
+
"optional": true,
|
|
2972
|
+
"type": "BasePositionerProps[\"positionMethod\"]",
|
|
2973
|
+
"doc": "`absolute` (default) or `fixed`. Use `fixed` to escape a clipping ancestor.",
|
|
2974
|
+
"inheritedFrom": "PositioningProps"
|
|
2975
|
+
},
|
|
2976
|
+
{
|
|
2977
|
+
"name": "alignOffset",
|
|
2978
|
+
"optional": true,
|
|
2979
|
+
"type": "BasePositionerProps[\"alignOffset\"]",
|
|
2980
|
+
"doc": "Offset along the alignment axis, in px. Pairs with `align`.",
|
|
2981
|
+
"inheritedFrom": "PositioningProps"
|
|
2982
|
+
},
|
|
2983
|
+
{
|
|
2984
|
+
"name": "collisionBoundary",
|
|
2985
|
+
"optional": true,
|
|
2986
|
+
"type": "BasePositionerProps[\"collisionBoundary\"]",
|
|
2987
|
+
"doc": "The element the popup must stay inside. Defaults to the viewport — set it to a scroll container so the popup collides with the panel, not the window.",
|
|
2988
|
+
"inheritedFrom": "PositioningProps"
|
|
2989
|
+
},
|
|
2990
|
+
{
|
|
2991
|
+
"name": "collisionPadding",
|
|
2992
|
+
"optional": true,
|
|
2993
|
+
"type": "BasePositionerProps[\"collisionPadding\"]",
|
|
2994
|
+
"doc": "Inset from the collision boundary, in px.",
|
|
2995
|
+
"inheritedFrom": "PositioningProps"
|
|
2996
|
+
},
|
|
2997
|
+
{
|
|
2998
|
+
"name": "collisionAvoidance",
|
|
2999
|
+
"optional": true,
|
|
3000
|
+
"type": "BasePositionerProps[\"collisionAvoidance\"]",
|
|
3001
|
+
"doc": "Which collision strategy runs per axis (`flip`, `shift`, `none`).",
|
|
3002
|
+
"inheritedFrom": "PositioningProps"
|
|
3003
|
+
},
|
|
3004
|
+
{
|
|
3005
|
+
"name": "sticky",
|
|
3006
|
+
"optional": true,
|
|
3007
|
+
"type": "BasePositionerProps[\"sticky\"]",
|
|
3008
|
+
"doc": "Keep the popup glued to the anchor while it scrolls out of view.",
|
|
3009
|
+
"inheritedFrom": "PositioningProps"
|
|
3010
|
+
},
|
|
3011
|
+
{
|
|
3012
|
+
"name": "arrowPadding",
|
|
3013
|
+
"optional": true,
|
|
3014
|
+
"type": "BasePositionerProps[\"arrowPadding\"]",
|
|
3015
|
+
"doc": "Minimum distance from the popup's corner to the arrow, in px.",
|
|
3016
|
+
"inheritedFrom": "PositioningProps"
|
|
3017
|
+
},
|
|
3018
|
+
{
|
|
3019
|
+
"name": "disableAnchorTracking",
|
|
3020
|
+
"optional": true,
|
|
3021
|
+
"type": "BasePositionerProps[\"disableAnchorTracking\"]",
|
|
3022
|
+
"doc": "Stop re-measuring when the anchor moves. Cheaper, but goes stale.",
|
|
3023
|
+
"inheritedFrom": "PositioningProps"
|
|
2769
3024
|
}
|
|
2770
3025
|
]
|
|
2771
3026
|
}
|
|
@@ -2939,6 +3194,7 @@
|
|
|
2939
3194
|
"props": [
|
|
2940
3195
|
{
|
|
2941
3196
|
"name": "DatePickerProps",
|
|
3197
|
+
"extends": "extends PositioningProps",
|
|
2942
3198
|
"members": [
|
|
2943
3199
|
{
|
|
2944
3200
|
"name": "value",
|
|
@@ -3059,11 +3315,75 @@
|
|
|
3059
3315
|
"optional": true,
|
|
3060
3316
|
"type": "string",
|
|
3061
3317
|
"doc": ""
|
|
3318
|
+
},
|
|
3319
|
+
{
|
|
3320
|
+
"name": "anchor",
|
|
3321
|
+
"optional": true,
|
|
3322
|
+
"type": "BasePositionerProps[\"anchor\"]",
|
|
3323
|
+
"doc": "What to position against. Defaults to the component's own trigger. Accepts an element, a ref, a function returning either, or a VIRTUAL element — anything with `getBoundingClientRect()` — which is how you pin a popup to a pointer, a text caret, or a spot on a canvas that has no DOM node. <PopoverContent anchor={rowRef} /> <PopoverContent anchor={{ getBoundingClientRect: () => new DOMRect(x, y, 0, 0) }} />",
|
|
3324
|
+
"inheritedFrom": "PositioningProps"
|
|
3325
|
+
},
|
|
3326
|
+
{
|
|
3327
|
+
"name": "positionMethod",
|
|
3328
|
+
"optional": true,
|
|
3329
|
+
"type": "BasePositionerProps[\"positionMethod\"]",
|
|
3330
|
+
"doc": "`absolute` (default) or `fixed`. Use `fixed` to escape a clipping ancestor.",
|
|
3331
|
+
"inheritedFrom": "PositioningProps"
|
|
3332
|
+
},
|
|
3333
|
+
{
|
|
3334
|
+
"name": "alignOffset",
|
|
3335
|
+
"optional": true,
|
|
3336
|
+
"type": "BasePositionerProps[\"alignOffset\"]",
|
|
3337
|
+
"doc": "Offset along the alignment axis, in px. Pairs with `align`.",
|
|
3338
|
+
"inheritedFrom": "PositioningProps"
|
|
3339
|
+
},
|
|
3340
|
+
{
|
|
3341
|
+
"name": "collisionBoundary",
|
|
3342
|
+
"optional": true,
|
|
3343
|
+
"type": "BasePositionerProps[\"collisionBoundary\"]",
|
|
3344
|
+
"doc": "The element the popup must stay inside. Defaults to the viewport — set it to a scroll container so the popup collides with the panel, not the window.",
|
|
3345
|
+
"inheritedFrom": "PositioningProps"
|
|
3346
|
+
},
|
|
3347
|
+
{
|
|
3348
|
+
"name": "collisionPadding",
|
|
3349
|
+
"optional": true,
|
|
3350
|
+
"type": "BasePositionerProps[\"collisionPadding\"]",
|
|
3351
|
+
"doc": "Inset from the collision boundary, in px.",
|
|
3352
|
+
"inheritedFrom": "PositioningProps"
|
|
3353
|
+
},
|
|
3354
|
+
{
|
|
3355
|
+
"name": "collisionAvoidance",
|
|
3356
|
+
"optional": true,
|
|
3357
|
+
"type": "BasePositionerProps[\"collisionAvoidance\"]",
|
|
3358
|
+
"doc": "Which collision strategy runs per axis (`flip`, `shift`, `none`).",
|
|
3359
|
+
"inheritedFrom": "PositioningProps"
|
|
3360
|
+
},
|
|
3361
|
+
{
|
|
3362
|
+
"name": "sticky",
|
|
3363
|
+
"optional": true,
|
|
3364
|
+
"type": "BasePositionerProps[\"sticky\"]",
|
|
3365
|
+
"doc": "Keep the popup glued to the anchor while it scrolls out of view.",
|
|
3366
|
+
"inheritedFrom": "PositioningProps"
|
|
3367
|
+
},
|
|
3368
|
+
{
|
|
3369
|
+
"name": "arrowPadding",
|
|
3370
|
+
"optional": true,
|
|
3371
|
+
"type": "BasePositionerProps[\"arrowPadding\"]",
|
|
3372
|
+
"doc": "Minimum distance from the popup's corner to the arrow, in px.",
|
|
3373
|
+
"inheritedFrom": "PositioningProps"
|
|
3374
|
+
},
|
|
3375
|
+
{
|
|
3376
|
+
"name": "disableAnchorTracking",
|
|
3377
|
+
"optional": true,
|
|
3378
|
+
"type": "BasePositionerProps[\"disableAnchorTracking\"]",
|
|
3379
|
+
"doc": "Stop re-measuring when the anchor moves. Cheaper, but goes stale.",
|
|
3380
|
+
"inheritedFrom": "PositioningProps"
|
|
3062
3381
|
}
|
|
3063
3382
|
]
|
|
3064
3383
|
},
|
|
3065
3384
|
{
|
|
3066
3385
|
"name": "DateRangePickerProps",
|
|
3386
|
+
"extends": "extends PositioningProps",
|
|
3067
3387
|
"members": [
|
|
3068
3388
|
{
|
|
3069
3389
|
"name": "value",
|
|
@@ -3190,6 +3510,69 @@
|
|
|
3190
3510
|
"optional": true,
|
|
3191
3511
|
"type": "string",
|
|
3192
3512
|
"doc": ""
|
|
3513
|
+
},
|
|
3514
|
+
{
|
|
3515
|
+
"name": "anchor",
|
|
3516
|
+
"optional": true,
|
|
3517
|
+
"type": "BasePositionerProps[\"anchor\"]",
|
|
3518
|
+
"doc": "What to position against. Defaults to the component's own trigger. Accepts an element, a ref, a function returning either, or a VIRTUAL element — anything with `getBoundingClientRect()` — which is how you pin a popup to a pointer, a text caret, or a spot on a canvas that has no DOM node. <PopoverContent anchor={rowRef} /> <PopoverContent anchor={{ getBoundingClientRect: () => new DOMRect(x, y, 0, 0) }} />",
|
|
3519
|
+
"inheritedFrom": "PositioningProps"
|
|
3520
|
+
},
|
|
3521
|
+
{
|
|
3522
|
+
"name": "positionMethod",
|
|
3523
|
+
"optional": true,
|
|
3524
|
+
"type": "BasePositionerProps[\"positionMethod\"]",
|
|
3525
|
+
"doc": "`absolute` (default) or `fixed`. Use `fixed` to escape a clipping ancestor.",
|
|
3526
|
+
"inheritedFrom": "PositioningProps"
|
|
3527
|
+
},
|
|
3528
|
+
{
|
|
3529
|
+
"name": "alignOffset",
|
|
3530
|
+
"optional": true,
|
|
3531
|
+
"type": "BasePositionerProps[\"alignOffset\"]",
|
|
3532
|
+
"doc": "Offset along the alignment axis, in px. Pairs with `align`.",
|
|
3533
|
+
"inheritedFrom": "PositioningProps"
|
|
3534
|
+
},
|
|
3535
|
+
{
|
|
3536
|
+
"name": "collisionBoundary",
|
|
3537
|
+
"optional": true,
|
|
3538
|
+
"type": "BasePositionerProps[\"collisionBoundary\"]",
|
|
3539
|
+
"doc": "The element the popup must stay inside. Defaults to the viewport — set it to a scroll container so the popup collides with the panel, not the window.",
|
|
3540
|
+
"inheritedFrom": "PositioningProps"
|
|
3541
|
+
},
|
|
3542
|
+
{
|
|
3543
|
+
"name": "collisionPadding",
|
|
3544
|
+
"optional": true,
|
|
3545
|
+
"type": "BasePositionerProps[\"collisionPadding\"]",
|
|
3546
|
+
"doc": "Inset from the collision boundary, in px.",
|
|
3547
|
+
"inheritedFrom": "PositioningProps"
|
|
3548
|
+
},
|
|
3549
|
+
{
|
|
3550
|
+
"name": "collisionAvoidance",
|
|
3551
|
+
"optional": true,
|
|
3552
|
+
"type": "BasePositionerProps[\"collisionAvoidance\"]",
|
|
3553
|
+
"doc": "Which collision strategy runs per axis (`flip`, `shift`, `none`).",
|
|
3554
|
+
"inheritedFrom": "PositioningProps"
|
|
3555
|
+
},
|
|
3556
|
+
{
|
|
3557
|
+
"name": "sticky",
|
|
3558
|
+
"optional": true,
|
|
3559
|
+
"type": "BasePositionerProps[\"sticky\"]",
|
|
3560
|
+
"doc": "Keep the popup glued to the anchor while it scrolls out of view.",
|
|
3561
|
+
"inheritedFrom": "PositioningProps"
|
|
3562
|
+
},
|
|
3563
|
+
{
|
|
3564
|
+
"name": "arrowPadding",
|
|
3565
|
+
"optional": true,
|
|
3566
|
+
"type": "BasePositionerProps[\"arrowPadding\"]",
|
|
3567
|
+
"doc": "Minimum distance from the popup's corner to the arrow, in px.",
|
|
3568
|
+
"inheritedFrom": "PositioningProps"
|
|
3569
|
+
},
|
|
3570
|
+
{
|
|
3571
|
+
"name": "disableAnchorTracking",
|
|
3572
|
+
"optional": true,
|
|
3573
|
+
"type": "BasePositionerProps[\"disableAnchorTracking\"]",
|
|
3574
|
+
"doc": "Stop re-measuring when the anchor moves. Cheaper, but goes stale.",
|
|
3575
|
+
"inheritedFrom": "PositioningProps"
|
|
3193
3576
|
}
|
|
3194
3577
|
]
|
|
3195
3578
|
}
|
|
@@ -3363,6 +3746,7 @@
|
|
|
3363
3746
|
"props": [
|
|
3364
3747
|
{
|
|
3365
3748
|
"name": "DatePickerProps",
|
|
3749
|
+
"extends": "extends PositioningProps",
|
|
3366
3750
|
"members": [
|
|
3367
3751
|
{
|
|
3368
3752
|
"name": "value",
|
|
@@ -3483,11 +3867,75 @@
|
|
|
3483
3867
|
"optional": true,
|
|
3484
3868
|
"type": "string",
|
|
3485
3869
|
"doc": ""
|
|
3870
|
+
},
|
|
3871
|
+
{
|
|
3872
|
+
"name": "anchor",
|
|
3873
|
+
"optional": true,
|
|
3874
|
+
"type": "BasePositionerProps[\"anchor\"]",
|
|
3875
|
+
"doc": "What to position against. Defaults to the component's own trigger. Accepts an element, a ref, a function returning either, or a VIRTUAL element — anything with `getBoundingClientRect()` — which is how you pin a popup to a pointer, a text caret, or a spot on a canvas that has no DOM node. <PopoverContent anchor={rowRef} /> <PopoverContent anchor={{ getBoundingClientRect: () => new DOMRect(x, y, 0, 0) }} />",
|
|
3876
|
+
"inheritedFrom": "PositioningProps"
|
|
3877
|
+
},
|
|
3878
|
+
{
|
|
3879
|
+
"name": "positionMethod",
|
|
3880
|
+
"optional": true,
|
|
3881
|
+
"type": "BasePositionerProps[\"positionMethod\"]",
|
|
3882
|
+
"doc": "`absolute` (default) or `fixed`. Use `fixed` to escape a clipping ancestor.",
|
|
3883
|
+
"inheritedFrom": "PositioningProps"
|
|
3884
|
+
},
|
|
3885
|
+
{
|
|
3886
|
+
"name": "alignOffset",
|
|
3887
|
+
"optional": true,
|
|
3888
|
+
"type": "BasePositionerProps[\"alignOffset\"]",
|
|
3889
|
+
"doc": "Offset along the alignment axis, in px. Pairs with `align`.",
|
|
3890
|
+
"inheritedFrom": "PositioningProps"
|
|
3891
|
+
},
|
|
3892
|
+
{
|
|
3893
|
+
"name": "collisionBoundary",
|
|
3894
|
+
"optional": true,
|
|
3895
|
+
"type": "BasePositionerProps[\"collisionBoundary\"]",
|
|
3896
|
+
"doc": "The element the popup must stay inside. Defaults to the viewport — set it to a scroll container so the popup collides with the panel, not the window.",
|
|
3897
|
+
"inheritedFrom": "PositioningProps"
|
|
3898
|
+
},
|
|
3899
|
+
{
|
|
3900
|
+
"name": "collisionPadding",
|
|
3901
|
+
"optional": true,
|
|
3902
|
+
"type": "BasePositionerProps[\"collisionPadding\"]",
|
|
3903
|
+
"doc": "Inset from the collision boundary, in px.",
|
|
3904
|
+
"inheritedFrom": "PositioningProps"
|
|
3905
|
+
},
|
|
3906
|
+
{
|
|
3907
|
+
"name": "collisionAvoidance",
|
|
3908
|
+
"optional": true,
|
|
3909
|
+
"type": "BasePositionerProps[\"collisionAvoidance\"]",
|
|
3910
|
+
"doc": "Which collision strategy runs per axis (`flip`, `shift`, `none`).",
|
|
3911
|
+
"inheritedFrom": "PositioningProps"
|
|
3912
|
+
},
|
|
3913
|
+
{
|
|
3914
|
+
"name": "sticky",
|
|
3915
|
+
"optional": true,
|
|
3916
|
+
"type": "BasePositionerProps[\"sticky\"]",
|
|
3917
|
+
"doc": "Keep the popup glued to the anchor while it scrolls out of view.",
|
|
3918
|
+
"inheritedFrom": "PositioningProps"
|
|
3919
|
+
},
|
|
3920
|
+
{
|
|
3921
|
+
"name": "arrowPadding",
|
|
3922
|
+
"optional": true,
|
|
3923
|
+
"type": "BasePositionerProps[\"arrowPadding\"]",
|
|
3924
|
+
"doc": "Minimum distance from the popup's corner to the arrow, in px.",
|
|
3925
|
+
"inheritedFrom": "PositioningProps"
|
|
3926
|
+
},
|
|
3927
|
+
{
|
|
3928
|
+
"name": "disableAnchorTracking",
|
|
3929
|
+
"optional": true,
|
|
3930
|
+
"type": "BasePositionerProps[\"disableAnchorTracking\"]",
|
|
3931
|
+
"doc": "Stop re-measuring when the anchor moves. Cheaper, but goes stale.",
|
|
3932
|
+
"inheritedFrom": "PositioningProps"
|
|
3486
3933
|
}
|
|
3487
3934
|
]
|
|
3488
3935
|
},
|
|
3489
3936
|
{
|
|
3490
3937
|
"name": "DateRangePickerProps",
|
|
3938
|
+
"extends": "extends PositioningProps",
|
|
3491
3939
|
"members": [
|
|
3492
3940
|
{
|
|
3493
3941
|
"name": "value",
|
|
@@ -3614,6 +4062,69 @@
|
|
|
3614
4062
|
"optional": true,
|
|
3615
4063
|
"type": "string",
|
|
3616
4064
|
"doc": ""
|
|
4065
|
+
},
|
|
4066
|
+
{
|
|
4067
|
+
"name": "anchor",
|
|
4068
|
+
"optional": true,
|
|
4069
|
+
"type": "BasePositionerProps[\"anchor\"]",
|
|
4070
|
+
"doc": "What to position against. Defaults to the component's own trigger. Accepts an element, a ref, a function returning either, or a VIRTUAL element — anything with `getBoundingClientRect()` — which is how you pin a popup to a pointer, a text caret, or a spot on a canvas that has no DOM node. <PopoverContent anchor={rowRef} /> <PopoverContent anchor={{ getBoundingClientRect: () => new DOMRect(x, y, 0, 0) }} />",
|
|
4071
|
+
"inheritedFrom": "PositioningProps"
|
|
4072
|
+
},
|
|
4073
|
+
{
|
|
4074
|
+
"name": "positionMethod",
|
|
4075
|
+
"optional": true,
|
|
4076
|
+
"type": "BasePositionerProps[\"positionMethod\"]",
|
|
4077
|
+
"doc": "`absolute` (default) or `fixed`. Use `fixed` to escape a clipping ancestor.",
|
|
4078
|
+
"inheritedFrom": "PositioningProps"
|
|
4079
|
+
},
|
|
4080
|
+
{
|
|
4081
|
+
"name": "alignOffset",
|
|
4082
|
+
"optional": true,
|
|
4083
|
+
"type": "BasePositionerProps[\"alignOffset\"]",
|
|
4084
|
+
"doc": "Offset along the alignment axis, in px. Pairs with `align`.",
|
|
4085
|
+
"inheritedFrom": "PositioningProps"
|
|
4086
|
+
},
|
|
4087
|
+
{
|
|
4088
|
+
"name": "collisionBoundary",
|
|
4089
|
+
"optional": true,
|
|
4090
|
+
"type": "BasePositionerProps[\"collisionBoundary\"]",
|
|
4091
|
+
"doc": "The element the popup must stay inside. Defaults to the viewport — set it to a scroll container so the popup collides with the panel, not the window.",
|
|
4092
|
+
"inheritedFrom": "PositioningProps"
|
|
4093
|
+
},
|
|
4094
|
+
{
|
|
4095
|
+
"name": "collisionPadding",
|
|
4096
|
+
"optional": true,
|
|
4097
|
+
"type": "BasePositionerProps[\"collisionPadding\"]",
|
|
4098
|
+
"doc": "Inset from the collision boundary, in px.",
|
|
4099
|
+
"inheritedFrom": "PositioningProps"
|
|
4100
|
+
},
|
|
4101
|
+
{
|
|
4102
|
+
"name": "collisionAvoidance",
|
|
4103
|
+
"optional": true,
|
|
4104
|
+
"type": "BasePositionerProps[\"collisionAvoidance\"]",
|
|
4105
|
+
"doc": "Which collision strategy runs per axis (`flip`, `shift`, `none`).",
|
|
4106
|
+
"inheritedFrom": "PositioningProps"
|
|
4107
|
+
},
|
|
4108
|
+
{
|
|
4109
|
+
"name": "sticky",
|
|
4110
|
+
"optional": true,
|
|
4111
|
+
"type": "BasePositionerProps[\"sticky\"]",
|
|
4112
|
+
"doc": "Keep the popup glued to the anchor while it scrolls out of view.",
|
|
4113
|
+
"inheritedFrom": "PositioningProps"
|
|
4114
|
+
},
|
|
4115
|
+
{
|
|
4116
|
+
"name": "arrowPadding",
|
|
4117
|
+
"optional": true,
|
|
4118
|
+
"type": "BasePositionerProps[\"arrowPadding\"]",
|
|
4119
|
+
"doc": "Minimum distance from the popup's corner to the arrow, in px.",
|
|
4120
|
+
"inheritedFrom": "PositioningProps"
|
|
4121
|
+
},
|
|
4122
|
+
{
|
|
4123
|
+
"name": "disableAnchorTracking",
|
|
4124
|
+
"optional": true,
|
|
4125
|
+
"type": "BasePositionerProps[\"disableAnchorTracking\"]",
|
|
4126
|
+
"doc": "Stop re-measuring when the anchor moves. Cheaper, but goes stale.",
|
|
4127
|
+
"inheritedFrom": "PositioningProps"
|
|
3617
4128
|
}
|
|
3618
4129
|
]
|
|
3619
4130
|
}
|
|
@@ -4193,6 +4704,7 @@
|
|
|
4193
4704
|
},
|
|
4194
4705
|
{
|
|
4195
4706
|
"name": "MultiSelectProps",
|
|
4707
|
+
"extends": "extends PositioningProps",
|
|
4196
4708
|
"members": [
|
|
4197
4709
|
{
|
|
4198
4710
|
"name": "items",
|
|
@@ -4331,6 +4843,69 @@
|
|
|
4331
4843
|
"optional": true,
|
|
4332
4844
|
"type": "string",
|
|
4333
4845
|
"doc": ""
|
|
4846
|
+
},
|
|
4847
|
+
{
|
|
4848
|
+
"name": "anchor",
|
|
4849
|
+
"optional": true,
|
|
4850
|
+
"type": "BasePositionerProps[\"anchor\"]",
|
|
4851
|
+
"doc": "What to position against. Defaults to the component's own trigger. Accepts an element, a ref, a function returning either, or a VIRTUAL element — anything with `getBoundingClientRect()` — which is how you pin a popup to a pointer, a text caret, or a spot on a canvas that has no DOM node. <PopoverContent anchor={rowRef} /> <PopoverContent anchor={{ getBoundingClientRect: () => new DOMRect(x, y, 0, 0) }} />",
|
|
4852
|
+
"inheritedFrom": "PositioningProps"
|
|
4853
|
+
},
|
|
4854
|
+
{
|
|
4855
|
+
"name": "positionMethod",
|
|
4856
|
+
"optional": true,
|
|
4857
|
+
"type": "BasePositionerProps[\"positionMethod\"]",
|
|
4858
|
+
"doc": "`absolute` (default) or `fixed`. Use `fixed` to escape a clipping ancestor.",
|
|
4859
|
+
"inheritedFrom": "PositioningProps"
|
|
4860
|
+
},
|
|
4861
|
+
{
|
|
4862
|
+
"name": "alignOffset",
|
|
4863
|
+
"optional": true,
|
|
4864
|
+
"type": "BasePositionerProps[\"alignOffset\"]",
|
|
4865
|
+
"doc": "Offset along the alignment axis, in px. Pairs with `align`.",
|
|
4866
|
+
"inheritedFrom": "PositioningProps"
|
|
4867
|
+
},
|
|
4868
|
+
{
|
|
4869
|
+
"name": "collisionBoundary",
|
|
4870
|
+
"optional": true,
|
|
4871
|
+
"type": "BasePositionerProps[\"collisionBoundary\"]",
|
|
4872
|
+
"doc": "The element the popup must stay inside. Defaults to the viewport — set it to a scroll container so the popup collides with the panel, not the window.",
|
|
4873
|
+
"inheritedFrom": "PositioningProps"
|
|
4874
|
+
},
|
|
4875
|
+
{
|
|
4876
|
+
"name": "collisionPadding",
|
|
4877
|
+
"optional": true,
|
|
4878
|
+
"type": "BasePositionerProps[\"collisionPadding\"]",
|
|
4879
|
+
"doc": "Inset from the collision boundary, in px.",
|
|
4880
|
+
"inheritedFrom": "PositioningProps"
|
|
4881
|
+
},
|
|
4882
|
+
{
|
|
4883
|
+
"name": "collisionAvoidance",
|
|
4884
|
+
"optional": true,
|
|
4885
|
+
"type": "BasePositionerProps[\"collisionAvoidance\"]",
|
|
4886
|
+
"doc": "Which collision strategy runs per axis (`flip`, `shift`, `none`).",
|
|
4887
|
+
"inheritedFrom": "PositioningProps"
|
|
4888
|
+
},
|
|
4889
|
+
{
|
|
4890
|
+
"name": "sticky",
|
|
4891
|
+
"optional": true,
|
|
4892
|
+
"type": "BasePositionerProps[\"sticky\"]",
|
|
4893
|
+
"doc": "Keep the popup glued to the anchor while it scrolls out of view.",
|
|
4894
|
+
"inheritedFrom": "PositioningProps"
|
|
4895
|
+
},
|
|
4896
|
+
{
|
|
4897
|
+
"name": "arrowPadding",
|
|
4898
|
+
"optional": true,
|
|
4899
|
+
"type": "BasePositionerProps[\"arrowPadding\"]",
|
|
4900
|
+
"doc": "Minimum distance from the popup's corner to the arrow, in px.",
|
|
4901
|
+
"inheritedFrom": "PositioningProps"
|
|
4902
|
+
},
|
|
4903
|
+
{
|
|
4904
|
+
"name": "disableAnchorTracking",
|
|
4905
|
+
"optional": true,
|
|
4906
|
+
"type": "BasePositionerProps[\"disableAnchorTracking\"]",
|
|
4907
|
+
"doc": "Stop re-measuring when the anchor moves. Cheaper, but goes stale.",
|
|
4908
|
+
"inheritedFrom": "PositioningProps"
|
|
4334
4909
|
}
|
|
4335
4910
|
]
|
|
4336
4911
|
}
|
|
@@ -5019,6 +5594,7 @@
|
|
|
5019
5594
|
},
|
|
5020
5595
|
{
|
|
5021
5596
|
"name": "SelectProps",
|
|
5597
|
+
"extends": "extends PositioningProps",
|
|
5022
5598
|
"members": [
|
|
5023
5599
|
{
|
|
5024
5600
|
"name": "value",
|
|
@@ -5157,6 +5733,69 @@
|
|
|
5157
5733
|
"optional": true,
|
|
5158
5734
|
"type": "React.ReactNode",
|
|
5159
5735
|
"doc": "`SelectItem`/`SelectGroup`/`SelectSeparator`s. Omit to auto-render `items`."
|
|
5736
|
+
},
|
|
5737
|
+
{
|
|
5738
|
+
"name": "anchor",
|
|
5739
|
+
"optional": true,
|
|
5740
|
+
"type": "BasePositionerProps[\"anchor\"]",
|
|
5741
|
+
"doc": "What to position against. Defaults to the component's own trigger. Accepts an element, a ref, a function returning either, or a VIRTUAL element — anything with `getBoundingClientRect()` — which is how you pin a popup to a pointer, a text caret, or a spot on a canvas that has no DOM node. <PopoverContent anchor={rowRef} /> <PopoverContent anchor={{ getBoundingClientRect: () => new DOMRect(x, y, 0, 0) }} />",
|
|
5742
|
+
"inheritedFrom": "PositioningProps"
|
|
5743
|
+
},
|
|
5744
|
+
{
|
|
5745
|
+
"name": "positionMethod",
|
|
5746
|
+
"optional": true,
|
|
5747
|
+
"type": "BasePositionerProps[\"positionMethod\"]",
|
|
5748
|
+
"doc": "`absolute` (default) or `fixed`. Use `fixed` to escape a clipping ancestor.",
|
|
5749
|
+
"inheritedFrom": "PositioningProps"
|
|
5750
|
+
},
|
|
5751
|
+
{
|
|
5752
|
+
"name": "alignOffset",
|
|
5753
|
+
"optional": true,
|
|
5754
|
+
"type": "BasePositionerProps[\"alignOffset\"]",
|
|
5755
|
+
"doc": "Offset along the alignment axis, in px. Pairs with `align`.",
|
|
5756
|
+
"inheritedFrom": "PositioningProps"
|
|
5757
|
+
},
|
|
5758
|
+
{
|
|
5759
|
+
"name": "collisionBoundary",
|
|
5760
|
+
"optional": true,
|
|
5761
|
+
"type": "BasePositionerProps[\"collisionBoundary\"]",
|
|
5762
|
+
"doc": "The element the popup must stay inside. Defaults to the viewport — set it to a scroll container so the popup collides with the panel, not the window.",
|
|
5763
|
+
"inheritedFrom": "PositioningProps"
|
|
5764
|
+
},
|
|
5765
|
+
{
|
|
5766
|
+
"name": "collisionPadding",
|
|
5767
|
+
"optional": true,
|
|
5768
|
+
"type": "BasePositionerProps[\"collisionPadding\"]",
|
|
5769
|
+
"doc": "Inset from the collision boundary, in px.",
|
|
5770
|
+
"inheritedFrom": "PositioningProps"
|
|
5771
|
+
},
|
|
5772
|
+
{
|
|
5773
|
+
"name": "collisionAvoidance",
|
|
5774
|
+
"optional": true,
|
|
5775
|
+
"type": "BasePositionerProps[\"collisionAvoidance\"]",
|
|
5776
|
+
"doc": "Which collision strategy runs per axis (`flip`, `shift`, `none`).",
|
|
5777
|
+
"inheritedFrom": "PositioningProps"
|
|
5778
|
+
},
|
|
5779
|
+
{
|
|
5780
|
+
"name": "sticky",
|
|
5781
|
+
"optional": true,
|
|
5782
|
+
"type": "BasePositionerProps[\"sticky\"]",
|
|
5783
|
+
"doc": "Keep the popup glued to the anchor while it scrolls out of view.",
|
|
5784
|
+
"inheritedFrom": "PositioningProps"
|
|
5785
|
+
},
|
|
5786
|
+
{
|
|
5787
|
+
"name": "arrowPadding",
|
|
5788
|
+
"optional": true,
|
|
5789
|
+
"type": "BasePositionerProps[\"arrowPadding\"]",
|
|
5790
|
+
"doc": "Minimum distance from the popup's corner to the arrow, in px.",
|
|
5791
|
+
"inheritedFrom": "PositioningProps"
|
|
5792
|
+
},
|
|
5793
|
+
{
|
|
5794
|
+
"name": "disableAnchorTracking",
|
|
5795
|
+
"optional": true,
|
|
5796
|
+
"type": "BasePositionerProps[\"disableAnchorTracking\"]",
|
|
5797
|
+
"doc": "Stop re-measuring when the anchor moves. Cheaper, but goes stale.",
|
|
5798
|
+
"inheritedFrom": "PositioningProps"
|
|
5160
5799
|
}
|
|
5161
5800
|
]
|
|
5162
5801
|
}
|
|
@@ -5665,7 +6304,7 @@
|
|
|
5665
6304
|
},
|
|
5666
6305
|
{
|
|
5667
6306
|
"name": "MenubarContentProps",
|
|
5668
|
-
"extends": "extends Omit<Styled<typeof BaseMenu.Popup>, \"children\"
|
|
6307
|
+
"extends": "extends Omit<Styled<typeof BaseMenu.Popup>, \"children\">,\n PositioningProps",
|
|
5669
6308
|
"members": [
|
|
5670
6309
|
{
|
|
5671
6310
|
"name": "children",
|
|
@@ -5690,6 +6329,69 @@
|
|
|
5690
6329
|
"optional": true,
|
|
5691
6330
|
"type": "number",
|
|
5692
6331
|
"doc": ""
|
|
6332
|
+
},
|
|
6333
|
+
{
|
|
6334
|
+
"name": "anchor",
|
|
6335
|
+
"optional": true,
|
|
6336
|
+
"type": "BasePositionerProps[\"anchor\"]",
|
|
6337
|
+
"doc": "What to position against. Defaults to the component's own trigger. Accepts an element, a ref, a function returning either, or a VIRTUAL element — anything with `getBoundingClientRect()` — which is how you pin a popup to a pointer, a text caret, or a spot on a canvas that has no DOM node. <PopoverContent anchor={rowRef} /> <PopoverContent anchor={{ getBoundingClientRect: () => new DOMRect(x, y, 0, 0) }} />",
|
|
6338
|
+
"inheritedFrom": "PositioningProps"
|
|
6339
|
+
},
|
|
6340
|
+
{
|
|
6341
|
+
"name": "positionMethod",
|
|
6342
|
+
"optional": true,
|
|
6343
|
+
"type": "BasePositionerProps[\"positionMethod\"]",
|
|
6344
|
+
"doc": "`absolute` (default) or `fixed`. Use `fixed` to escape a clipping ancestor.",
|
|
6345
|
+
"inheritedFrom": "PositioningProps"
|
|
6346
|
+
},
|
|
6347
|
+
{
|
|
6348
|
+
"name": "alignOffset",
|
|
6349
|
+
"optional": true,
|
|
6350
|
+
"type": "BasePositionerProps[\"alignOffset\"]",
|
|
6351
|
+
"doc": "Offset along the alignment axis, in px. Pairs with `align`.",
|
|
6352
|
+
"inheritedFrom": "PositioningProps"
|
|
6353
|
+
},
|
|
6354
|
+
{
|
|
6355
|
+
"name": "collisionBoundary",
|
|
6356
|
+
"optional": true,
|
|
6357
|
+
"type": "BasePositionerProps[\"collisionBoundary\"]",
|
|
6358
|
+
"doc": "The element the popup must stay inside. Defaults to the viewport — set it to a scroll container so the popup collides with the panel, not the window.",
|
|
6359
|
+
"inheritedFrom": "PositioningProps"
|
|
6360
|
+
},
|
|
6361
|
+
{
|
|
6362
|
+
"name": "collisionPadding",
|
|
6363
|
+
"optional": true,
|
|
6364
|
+
"type": "BasePositionerProps[\"collisionPadding\"]",
|
|
6365
|
+
"doc": "Inset from the collision boundary, in px.",
|
|
6366
|
+
"inheritedFrom": "PositioningProps"
|
|
6367
|
+
},
|
|
6368
|
+
{
|
|
6369
|
+
"name": "collisionAvoidance",
|
|
6370
|
+
"optional": true,
|
|
6371
|
+
"type": "BasePositionerProps[\"collisionAvoidance\"]",
|
|
6372
|
+
"doc": "Which collision strategy runs per axis (`flip`, `shift`, `none`).",
|
|
6373
|
+
"inheritedFrom": "PositioningProps"
|
|
6374
|
+
},
|
|
6375
|
+
{
|
|
6376
|
+
"name": "sticky",
|
|
6377
|
+
"optional": true,
|
|
6378
|
+
"type": "BasePositionerProps[\"sticky\"]",
|
|
6379
|
+
"doc": "Keep the popup glued to the anchor while it scrolls out of view.",
|
|
6380
|
+
"inheritedFrom": "PositioningProps"
|
|
6381
|
+
},
|
|
6382
|
+
{
|
|
6383
|
+
"name": "arrowPadding",
|
|
6384
|
+
"optional": true,
|
|
6385
|
+
"type": "BasePositionerProps[\"arrowPadding\"]",
|
|
6386
|
+
"doc": "Minimum distance from the popup's corner to the arrow, in px.",
|
|
6387
|
+
"inheritedFrom": "PositioningProps"
|
|
6388
|
+
},
|
|
6389
|
+
{
|
|
6390
|
+
"name": "disableAnchorTracking",
|
|
6391
|
+
"optional": true,
|
|
6392
|
+
"type": "BasePositionerProps[\"disableAnchorTracking\"]",
|
|
6393
|
+
"doc": "Stop re-measuring when the anchor moves. Cheaper, but goes stale.",
|
|
6394
|
+
"inheritedFrom": "PositioningProps"
|
|
5693
6395
|
}
|
|
5694
6396
|
]
|
|
5695
6397
|
}
|
|
@@ -5719,7 +6421,7 @@
|
|
|
5719
6421
|
"props": [
|
|
5720
6422
|
{
|
|
5721
6423
|
"name": "NavigationMenuProps",
|
|
5722
|
-
"extends": "extends Omit<Styled<typeof BaseNav.Root>, \"children\"
|
|
6424
|
+
"extends": "extends Omit<Styled<typeof BaseNav.Root>, \"children\">,\n PositioningProps",
|
|
5723
6425
|
"members": [
|
|
5724
6426
|
{
|
|
5725
6427
|
"name": "children",
|
|
@@ -5744,6 +6446,69 @@
|
|
|
5744
6446
|
"optional": true,
|
|
5745
6447
|
"type": "number",
|
|
5746
6448
|
"doc": "Gap between the bar and the panel, in px. Default `8`."
|
|
6449
|
+
},
|
|
6450
|
+
{
|
|
6451
|
+
"name": "anchor",
|
|
6452
|
+
"optional": true,
|
|
6453
|
+
"type": "BasePositionerProps[\"anchor\"]",
|
|
6454
|
+
"doc": "What to position against. Defaults to the component's own trigger. Accepts an element, a ref, a function returning either, or a VIRTUAL element — anything with `getBoundingClientRect()` — which is how you pin a popup to a pointer, a text caret, or a spot on a canvas that has no DOM node. <PopoverContent anchor={rowRef} /> <PopoverContent anchor={{ getBoundingClientRect: () => new DOMRect(x, y, 0, 0) }} />",
|
|
6455
|
+
"inheritedFrom": "PositioningProps"
|
|
6456
|
+
},
|
|
6457
|
+
{
|
|
6458
|
+
"name": "positionMethod",
|
|
6459
|
+
"optional": true,
|
|
6460
|
+
"type": "BasePositionerProps[\"positionMethod\"]",
|
|
6461
|
+
"doc": "`absolute` (default) or `fixed`. Use `fixed` to escape a clipping ancestor.",
|
|
6462
|
+
"inheritedFrom": "PositioningProps"
|
|
6463
|
+
},
|
|
6464
|
+
{
|
|
6465
|
+
"name": "alignOffset",
|
|
6466
|
+
"optional": true,
|
|
6467
|
+
"type": "BasePositionerProps[\"alignOffset\"]",
|
|
6468
|
+
"doc": "Offset along the alignment axis, in px. Pairs with `align`.",
|
|
6469
|
+
"inheritedFrom": "PositioningProps"
|
|
6470
|
+
},
|
|
6471
|
+
{
|
|
6472
|
+
"name": "collisionBoundary",
|
|
6473
|
+
"optional": true,
|
|
6474
|
+
"type": "BasePositionerProps[\"collisionBoundary\"]",
|
|
6475
|
+
"doc": "The element the popup must stay inside. Defaults to the viewport — set it to a scroll container so the popup collides with the panel, not the window.",
|
|
6476
|
+
"inheritedFrom": "PositioningProps"
|
|
6477
|
+
},
|
|
6478
|
+
{
|
|
6479
|
+
"name": "collisionPadding",
|
|
6480
|
+
"optional": true,
|
|
6481
|
+
"type": "BasePositionerProps[\"collisionPadding\"]",
|
|
6482
|
+
"doc": "Inset from the collision boundary, in px.",
|
|
6483
|
+
"inheritedFrom": "PositioningProps"
|
|
6484
|
+
},
|
|
6485
|
+
{
|
|
6486
|
+
"name": "collisionAvoidance",
|
|
6487
|
+
"optional": true,
|
|
6488
|
+
"type": "BasePositionerProps[\"collisionAvoidance\"]",
|
|
6489
|
+
"doc": "Which collision strategy runs per axis (`flip`, `shift`, `none`).",
|
|
6490
|
+
"inheritedFrom": "PositioningProps"
|
|
6491
|
+
},
|
|
6492
|
+
{
|
|
6493
|
+
"name": "sticky",
|
|
6494
|
+
"optional": true,
|
|
6495
|
+
"type": "BasePositionerProps[\"sticky\"]",
|
|
6496
|
+
"doc": "Keep the popup glued to the anchor while it scrolls out of view.",
|
|
6497
|
+
"inheritedFrom": "PositioningProps"
|
|
6498
|
+
},
|
|
6499
|
+
{
|
|
6500
|
+
"name": "arrowPadding",
|
|
6501
|
+
"optional": true,
|
|
6502
|
+
"type": "BasePositionerProps[\"arrowPadding\"]",
|
|
6503
|
+
"doc": "Minimum distance from the popup's corner to the arrow, in px.",
|
|
6504
|
+
"inheritedFrom": "PositioningProps"
|
|
6505
|
+
},
|
|
6506
|
+
{
|
|
6507
|
+
"name": "disableAnchorTracking",
|
|
6508
|
+
"optional": true,
|
|
6509
|
+
"type": "BasePositionerProps[\"disableAnchorTracking\"]",
|
|
6510
|
+
"doc": "Stop re-measuring when the anchor moves. Cheaper, but goes stale.",
|
|
6511
|
+
"inheritedFrom": "PositioningProps"
|
|
5747
6512
|
}
|
|
5748
6513
|
]
|
|
5749
6514
|
},
|
|
@@ -6270,13 +7035,94 @@
|
|
|
6270
7035
|
},
|
|
6271
7036
|
{
|
|
6272
7037
|
"name": "ContextMenuContentProps",
|
|
6273
|
-
"extends": "extends Omit<Styled<typeof BaseContextMenu.Popup>, \"children\"
|
|
7038
|
+
"extends": "extends Omit<Styled<typeof BaseContextMenu.Popup>, \"children\">,\n PositioningProps",
|
|
6274
7039
|
"members": [
|
|
6275
7040
|
{
|
|
6276
7041
|
"name": "children",
|
|
6277
7042
|
"optional": true,
|
|
6278
7043
|
"type": "React.ReactNode",
|
|
6279
7044
|
"doc": ""
|
|
7045
|
+
},
|
|
7046
|
+
{
|
|
7047
|
+
"name": "side",
|
|
7048
|
+
"optional": true,
|
|
7049
|
+
"type": "ContextMenuSide",
|
|
7050
|
+
"doc": "Preferred side of the pointer anchor. Base UI's default when omitted."
|
|
7051
|
+
},
|
|
7052
|
+
{
|
|
7053
|
+
"name": "align",
|
|
7054
|
+
"optional": true,
|
|
7055
|
+
"type": "ContextMenuAlign",
|
|
7056
|
+
"doc": "Alignment along that side. Base UI's default when omitted."
|
|
7057
|
+
},
|
|
7058
|
+
{
|
|
7059
|
+
"name": "sideOffset",
|
|
7060
|
+
"optional": true,
|
|
7061
|
+
"type": "number",
|
|
7062
|
+
"doc": "Gap from the pointer anchor, in px."
|
|
7063
|
+
},
|
|
7064
|
+
{
|
|
7065
|
+
"name": "anchor",
|
|
7066
|
+
"optional": true,
|
|
7067
|
+
"type": "BasePositionerProps[\"anchor\"]",
|
|
7068
|
+
"doc": "What to position against. Defaults to the component's own trigger. Accepts an element, a ref, a function returning either, or a VIRTUAL element — anything with `getBoundingClientRect()` — which is how you pin a popup to a pointer, a text caret, or a spot on a canvas that has no DOM node. <PopoverContent anchor={rowRef} /> <PopoverContent anchor={{ getBoundingClientRect: () => new DOMRect(x, y, 0, 0) }} />",
|
|
7069
|
+
"inheritedFrom": "PositioningProps"
|
|
7070
|
+
},
|
|
7071
|
+
{
|
|
7072
|
+
"name": "positionMethod",
|
|
7073
|
+
"optional": true,
|
|
7074
|
+
"type": "BasePositionerProps[\"positionMethod\"]",
|
|
7075
|
+
"doc": "`absolute` (default) or `fixed`. Use `fixed` to escape a clipping ancestor.",
|
|
7076
|
+
"inheritedFrom": "PositioningProps"
|
|
7077
|
+
},
|
|
7078
|
+
{
|
|
7079
|
+
"name": "alignOffset",
|
|
7080
|
+
"optional": true,
|
|
7081
|
+
"type": "BasePositionerProps[\"alignOffset\"]",
|
|
7082
|
+
"doc": "Offset along the alignment axis, in px. Pairs with `align`.",
|
|
7083
|
+
"inheritedFrom": "PositioningProps"
|
|
7084
|
+
},
|
|
7085
|
+
{
|
|
7086
|
+
"name": "collisionBoundary",
|
|
7087
|
+
"optional": true,
|
|
7088
|
+
"type": "BasePositionerProps[\"collisionBoundary\"]",
|
|
7089
|
+
"doc": "The element the popup must stay inside. Defaults to the viewport — set it to a scroll container so the popup collides with the panel, not the window.",
|
|
7090
|
+
"inheritedFrom": "PositioningProps"
|
|
7091
|
+
},
|
|
7092
|
+
{
|
|
7093
|
+
"name": "collisionPadding",
|
|
7094
|
+
"optional": true,
|
|
7095
|
+
"type": "BasePositionerProps[\"collisionPadding\"]",
|
|
7096
|
+
"doc": "Inset from the collision boundary, in px.",
|
|
7097
|
+
"inheritedFrom": "PositioningProps"
|
|
7098
|
+
},
|
|
7099
|
+
{
|
|
7100
|
+
"name": "collisionAvoidance",
|
|
7101
|
+
"optional": true,
|
|
7102
|
+
"type": "BasePositionerProps[\"collisionAvoidance\"]",
|
|
7103
|
+
"doc": "Which collision strategy runs per axis (`flip`, `shift`, `none`).",
|
|
7104
|
+
"inheritedFrom": "PositioningProps"
|
|
7105
|
+
},
|
|
7106
|
+
{
|
|
7107
|
+
"name": "sticky",
|
|
7108
|
+
"optional": true,
|
|
7109
|
+
"type": "BasePositionerProps[\"sticky\"]",
|
|
7110
|
+
"doc": "Keep the popup glued to the anchor while it scrolls out of view.",
|
|
7111
|
+
"inheritedFrom": "PositioningProps"
|
|
7112
|
+
},
|
|
7113
|
+
{
|
|
7114
|
+
"name": "arrowPadding",
|
|
7115
|
+
"optional": true,
|
|
7116
|
+
"type": "BasePositionerProps[\"arrowPadding\"]",
|
|
7117
|
+
"doc": "Minimum distance from the popup's corner to the arrow, in px.",
|
|
7118
|
+
"inheritedFrom": "PositioningProps"
|
|
7119
|
+
},
|
|
7120
|
+
{
|
|
7121
|
+
"name": "disableAnchorTracking",
|
|
7122
|
+
"optional": true,
|
|
7123
|
+
"type": "BasePositionerProps[\"disableAnchorTracking\"]",
|
|
7124
|
+
"doc": "Stop re-measuring when the anchor moves. Cheaper, but goes stale.",
|
|
7125
|
+
"inheritedFrom": "PositioningProps"
|
|
6280
7126
|
}
|
|
6281
7127
|
]
|
|
6282
7128
|
}
|
|
@@ -6604,7 +7450,7 @@
|
|
|
6604
7450
|
},
|
|
6605
7451
|
{
|
|
6606
7452
|
"name": "PopoverContentProps",
|
|
6607
|
-
"extends": "extends Omit<Styled<typeof BasePopover.Popup>, \"children\"
|
|
7453
|
+
"extends": "extends Omit<Styled<typeof BasePopover.Popup>, \"children\">,\n PositioningProps",
|
|
6608
7454
|
"members": [
|
|
6609
7455
|
{
|
|
6610
7456
|
"name": "children",
|
|
@@ -6635,11 +7481,74 @@
|
|
|
6635
7481
|
"optional": true,
|
|
6636
7482
|
"type": "boolean",
|
|
6637
7483
|
"doc": "Show the little arrow. Default `false`."
|
|
7484
|
+
},
|
|
7485
|
+
{
|
|
7486
|
+
"name": "anchor",
|
|
7487
|
+
"optional": true,
|
|
7488
|
+
"type": "BasePositionerProps[\"anchor\"]",
|
|
7489
|
+
"doc": "What to position against. Defaults to the component's own trigger. Accepts an element, a ref, a function returning either, or a VIRTUAL element — anything with `getBoundingClientRect()` — which is how you pin a popup to a pointer, a text caret, or a spot on a canvas that has no DOM node. <PopoverContent anchor={rowRef} /> <PopoverContent anchor={{ getBoundingClientRect: () => new DOMRect(x, y, 0, 0) }} />",
|
|
7490
|
+
"inheritedFrom": "PositioningProps"
|
|
7491
|
+
},
|
|
7492
|
+
{
|
|
7493
|
+
"name": "positionMethod",
|
|
7494
|
+
"optional": true,
|
|
7495
|
+
"type": "BasePositionerProps[\"positionMethod\"]",
|
|
7496
|
+
"doc": "`absolute` (default) or `fixed`. Use `fixed` to escape a clipping ancestor.",
|
|
7497
|
+
"inheritedFrom": "PositioningProps"
|
|
7498
|
+
},
|
|
7499
|
+
{
|
|
7500
|
+
"name": "alignOffset",
|
|
7501
|
+
"optional": true,
|
|
7502
|
+
"type": "BasePositionerProps[\"alignOffset\"]",
|
|
7503
|
+
"doc": "Offset along the alignment axis, in px. Pairs with `align`.",
|
|
7504
|
+
"inheritedFrom": "PositioningProps"
|
|
7505
|
+
},
|
|
7506
|
+
{
|
|
7507
|
+
"name": "collisionBoundary",
|
|
7508
|
+
"optional": true,
|
|
7509
|
+
"type": "BasePositionerProps[\"collisionBoundary\"]",
|
|
7510
|
+
"doc": "The element the popup must stay inside. Defaults to the viewport — set it to a scroll container so the popup collides with the panel, not the window.",
|
|
7511
|
+
"inheritedFrom": "PositioningProps"
|
|
7512
|
+
},
|
|
7513
|
+
{
|
|
7514
|
+
"name": "collisionPadding",
|
|
7515
|
+
"optional": true,
|
|
7516
|
+
"type": "BasePositionerProps[\"collisionPadding\"]",
|
|
7517
|
+
"doc": "Inset from the collision boundary, in px.",
|
|
7518
|
+
"inheritedFrom": "PositioningProps"
|
|
7519
|
+
},
|
|
7520
|
+
{
|
|
7521
|
+
"name": "collisionAvoidance",
|
|
7522
|
+
"optional": true,
|
|
7523
|
+
"type": "BasePositionerProps[\"collisionAvoidance\"]",
|
|
7524
|
+
"doc": "Which collision strategy runs per axis (`flip`, `shift`, `none`).",
|
|
7525
|
+
"inheritedFrom": "PositioningProps"
|
|
7526
|
+
},
|
|
7527
|
+
{
|
|
7528
|
+
"name": "sticky",
|
|
7529
|
+
"optional": true,
|
|
7530
|
+
"type": "BasePositionerProps[\"sticky\"]",
|
|
7531
|
+
"doc": "Keep the popup glued to the anchor while it scrolls out of view.",
|
|
7532
|
+
"inheritedFrom": "PositioningProps"
|
|
7533
|
+
},
|
|
7534
|
+
{
|
|
7535
|
+
"name": "arrowPadding",
|
|
7536
|
+
"optional": true,
|
|
7537
|
+
"type": "BasePositionerProps[\"arrowPadding\"]",
|
|
7538
|
+
"doc": "Minimum distance from the popup's corner to the arrow, in px.",
|
|
7539
|
+
"inheritedFrom": "PositioningProps"
|
|
7540
|
+
},
|
|
7541
|
+
{
|
|
7542
|
+
"name": "disableAnchorTracking",
|
|
7543
|
+
"optional": true,
|
|
7544
|
+
"type": "BasePositionerProps[\"disableAnchorTracking\"]",
|
|
7545
|
+
"doc": "Stop re-measuring when the anchor moves. Cheaper, but goes stale.",
|
|
7546
|
+
"inheritedFrom": "PositioningProps"
|
|
6638
7547
|
}
|
|
6639
7548
|
]
|
|
6640
7549
|
}
|
|
6641
7550
|
],
|
|
6642
|
-
"usageExample": "import {\n Popover,\n PopoverTrigger,\n PopoverContent,\n PopoverTitle,\n PopoverDescription,\n Button,\n} from \"@wizeworks/silicaui-react\";\nimport { Section } from \"../lib/Section\";\n\nexport function PopoverDemo() {\n return (\n <>\n <Section title=\"Real use · click-triggered info panel\">\n <Popover>\n <PopoverTrigger>\n <Button variant=\"outline\" color=\"neutral\">\n Storage details\n </Button>\n </PopoverTrigger>\n <PopoverContent arrow>\n <PopoverTitle>Storage</PopoverTitle>\n <PopoverDescription>\n 92% of your 100 GB quota is used. Upgrade your plan for more\n space.\n </PopoverDescription>\n </PopoverContent>\n </Popover>\n </Section>\n\n <Section title=\"Glass · frosted panel\">\n <div\n className=\"flex justify-center rounded-box p-16\"\n style={{\n backgroundImage:\n \"linear-gradient(135deg, var(--color-primary), var(--color-accent), var(--color-secondary))\",\n }}\n >\n <Popover>\n <PopoverTrigger>\n <Button variant=\"outline\" color=\"neutral\">\n Storage details\n </Button>\n </PopoverTrigger>\n <PopoverContent className=\"glass\" arrow>\n <PopoverTitle>Storage</PopoverTitle>\n <PopoverDescription>\n <code>PopoverContent className="glass"</code> — the\n gradient behind it shows through the blur.\n </PopoverDescription>\n </PopoverContent>\n </Popover>\n </div>\n </Section>\n </>\n );\n}"
|
|
7551
|
+
"usageExample": "import { useRef, useState } from \"react\";\nimport {\n Popover,\n PopoverTrigger,\n PopoverContent,\n PopoverTitle,\n PopoverDescription,\n Button,\n} from \"@wizeworks/silicaui-react\";\nimport { Section } from \"../lib/Section\";\n\nexport function PopoverDemo() {\n return (\n <>\n <Section title=\"Real use · click-triggered info panel\">\n <Popover>\n <PopoverTrigger>\n <Button variant=\"outline\" color=\"neutral\">\n Storage details\n </Button>\n </PopoverTrigger>\n <PopoverContent arrow>\n <PopoverTitle>Storage</PopoverTitle>\n <PopoverDescription>\n 92% of your 100 GB quota is used. Upgrade your plan for more\n space.\n </PopoverDescription>\n </PopoverContent>\n </Popover>\n </Section>\n\n <Section title=\"Glass · frosted panel\">\n <div\n className=\"flex justify-center rounded-box p-16\"\n style={{\n backgroundImage:\n \"linear-gradient(135deg, var(--color-primary), var(--color-accent), var(--color-secondary))\",\n }}\n >\n <Popover>\n <PopoverTrigger>\n <Button variant=\"outline\" color=\"neutral\">\n Storage details\n </Button>\n </PopoverTrigger>\n <PopoverContent className=\"glass\" arrow>\n <PopoverTitle>Storage</PopoverTitle>\n <PopoverDescription>\n <code>PopoverContent className="glass"</code> — the\n gradient behind it shows through the blur.\n </PopoverDescription>\n </PopoverContent>\n </Popover>\n </div>\n </Section>\n\n <ElementAnchor />\n <PointerAnchor />\n </>\n );\n}\n\n/**\n * `anchor` — position against something OTHER than the trigger. Without it a\n * popup can only ever sit against the element that opened it, which breaks the\n * common case of a toolbar button that annotates a row, a cell, or a chart mark.\n */\nfunction ElementAnchor() {\n const target = useRef<HTMLDivElement>(null);\n\n return (\n <Section title=\"anchor · position against another element\">\n <div className=\"flex items-start gap-8\">\n <Popover>\n <PopoverTrigger>\n <Button variant=\"outline\" color=\"neutral\" data-demo=\"anchor-trigger\">\n Explain the total\n </Button>\n </PopoverTrigger>\n <PopoverContent\n anchor={target}\n side=\"right\"\n arrow\n data-demo=\"anchor-popup\"\n >\n <PopoverTitle>Order total</PopoverTitle>\n <PopoverDescription>\n The panel is anchored to the figure, not to the button that\n opened it.\n </PopoverDescription>\n </PopoverContent>\n </Popover>\n\n <div\n ref={target}\n data-demo=\"anchor-target\"\n className=\"rounded-box border border-base-300 px-6 py-4 text-2xl font-bold\"\n >\n $1,284.00\n </div>\n </div>\n </Section>\n );\n}\n\n/**\n * A virtual element is just `{ getBoundingClientRect() }` — enough to pin a\n * popup to a caret, a pointer, or a spot on a canvas that has no DOM node.\n */\nfunction PointerAnchor() {\n const [point, setPoint] = useState<{ x: number; y: number } | null>(null);\n\n return (\n <Section title=\"anchor · a virtual element at the pointer\">\n <div\n data-demo=\"pointer-surface\"\n className=\"grid h-40 place-items-center rounded-box border border-dashed border-base-300\"\n onClick={(e) => setPoint({ x: e.clientX, y: e.clientY })}\n >\n Click anywhere in this box\n </div>\n\n <Popover open={point !== null} onOpenChange={() => setPoint(null)}>\n <PopoverContent\n data-demo=\"pointer-popup\"\n side=\"bottom\"\n align=\"start\"\n anchor={\n point && {\n getBoundingClientRect: () =>\n new DOMRect(point.x, point.y, 0, 0),\n }\n }\n >\n <PopoverDescription>\n Anchored at {point?.x}, {point?.y}\n </PopoverDescription>\n </PopoverContent>\n </Popover>\n </Section>\n );\n}"
|
|
6643
7552
|
},
|
|
6644
7553
|
{
|
|
6645
7554
|
"name": "Progress",
|
|
@@ -6824,6 +7733,7 @@
|
|
|
6824
7733
|
"props": [
|
|
6825
7734
|
{
|
|
6826
7735
|
"name": "TooltipProps",
|
|
7736
|
+
"extends": "extends PositioningProps",
|
|
6827
7737
|
"members": [
|
|
6828
7738
|
{
|
|
6829
7739
|
"name": "content",
|
|
@@ -6908,6 +7818,69 @@
|
|
|
6908
7818
|
"optional": true,
|
|
6909
7819
|
"type": "React.ComponentProps<typeof BaseTooltip.Popup> & {\n [key: `data-${string}`]: string | undefined;\n }",
|
|
6910
7820
|
"doc": "Props forwarded to the popup surface itself. The popup renders in a PORTAL, so it sits OUTSIDE any `[data-theme]` island the trigger lives in — pass `popupProps={{ \"data-theme\": \"…\" }}` to re-establish the theme tokens on the popup's own root (mirrors `Select`'s and `Combobox`'s `popupProps`)."
|
|
7821
|
+
},
|
|
7822
|
+
{
|
|
7823
|
+
"name": "anchor",
|
|
7824
|
+
"optional": true,
|
|
7825
|
+
"type": "BasePositionerProps[\"anchor\"]",
|
|
7826
|
+
"doc": "What to position against. Defaults to the component's own trigger. Accepts an element, a ref, a function returning either, or a VIRTUAL element — anything with `getBoundingClientRect()` — which is how you pin a popup to a pointer, a text caret, or a spot on a canvas that has no DOM node. <PopoverContent anchor={rowRef} /> <PopoverContent anchor={{ getBoundingClientRect: () => new DOMRect(x, y, 0, 0) }} />",
|
|
7827
|
+
"inheritedFrom": "PositioningProps"
|
|
7828
|
+
},
|
|
7829
|
+
{
|
|
7830
|
+
"name": "positionMethod",
|
|
7831
|
+
"optional": true,
|
|
7832
|
+
"type": "BasePositionerProps[\"positionMethod\"]",
|
|
7833
|
+
"doc": "`absolute` (default) or `fixed`. Use `fixed` to escape a clipping ancestor.",
|
|
7834
|
+
"inheritedFrom": "PositioningProps"
|
|
7835
|
+
},
|
|
7836
|
+
{
|
|
7837
|
+
"name": "alignOffset",
|
|
7838
|
+
"optional": true,
|
|
7839
|
+
"type": "BasePositionerProps[\"alignOffset\"]",
|
|
7840
|
+
"doc": "Offset along the alignment axis, in px. Pairs with `align`.",
|
|
7841
|
+
"inheritedFrom": "PositioningProps"
|
|
7842
|
+
},
|
|
7843
|
+
{
|
|
7844
|
+
"name": "collisionBoundary",
|
|
7845
|
+
"optional": true,
|
|
7846
|
+
"type": "BasePositionerProps[\"collisionBoundary\"]",
|
|
7847
|
+
"doc": "The element the popup must stay inside. Defaults to the viewport — set it to a scroll container so the popup collides with the panel, not the window.",
|
|
7848
|
+
"inheritedFrom": "PositioningProps"
|
|
7849
|
+
},
|
|
7850
|
+
{
|
|
7851
|
+
"name": "collisionPadding",
|
|
7852
|
+
"optional": true,
|
|
7853
|
+
"type": "BasePositionerProps[\"collisionPadding\"]",
|
|
7854
|
+
"doc": "Inset from the collision boundary, in px.",
|
|
7855
|
+
"inheritedFrom": "PositioningProps"
|
|
7856
|
+
},
|
|
7857
|
+
{
|
|
7858
|
+
"name": "collisionAvoidance",
|
|
7859
|
+
"optional": true,
|
|
7860
|
+
"type": "BasePositionerProps[\"collisionAvoidance\"]",
|
|
7861
|
+
"doc": "Which collision strategy runs per axis (`flip`, `shift`, `none`).",
|
|
7862
|
+
"inheritedFrom": "PositioningProps"
|
|
7863
|
+
},
|
|
7864
|
+
{
|
|
7865
|
+
"name": "sticky",
|
|
7866
|
+
"optional": true,
|
|
7867
|
+
"type": "BasePositionerProps[\"sticky\"]",
|
|
7868
|
+
"doc": "Keep the popup glued to the anchor while it scrolls out of view.",
|
|
7869
|
+
"inheritedFrom": "PositioningProps"
|
|
7870
|
+
},
|
|
7871
|
+
{
|
|
7872
|
+
"name": "arrowPadding",
|
|
7873
|
+
"optional": true,
|
|
7874
|
+
"type": "BasePositionerProps[\"arrowPadding\"]",
|
|
7875
|
+
"doc": "Minimum distance from the popup's corner to the arrow, in px.",
|
|
7876
|
+
"inheritedFrom": "PositioningProps"
|
|
7877
|
+
},
|
|
7878
|
+
{
|
|
7879
|
+
"name": "disableAnchorTracking",
|
|
7880
|
+
"optional": true,
|
|
7881
|
+
"type": "BasePositionerProps[\"disableAnchorTracking\"]",
|
|
7882
|
+
"doc": "Stop re-measuring when the anchor moves. Cheaper, but goes stale.",
|
|
7883
|
+
"inheritedFrom": "PositioningProps"
|
|
6911
7884
|
}
|
|
6912
7885
|
]
|
|
6913
7886
|
},
|
|
@@ -12620,7 +13593,7 @@
|
|
|
12620
13593
|
"package": "@wizeworks/silicaui",
|
|
12621
13594
|
"category": "css",
|
|
12622
13595
|
"sourceFile": "silicaui/src/components/mockup.js",
|
|
12623
|
-
"description": "The Mockup components — frames for showcasing UI and code in docs and marketing pages. Colorless (the code frame paints itself with the neutral surface). Three independent frames: .mockup-window — an app window with three faux traffic-light dots .mockup-browser — a window plus a toolbar that holds a faux address bar .mockup-code — a dark terminal/code block; each `<pre data-prefix>` line renders its prefix (`$`, `>`, a line number…) The window titlebar and its dots are drawn with pseudo-elements so authors just wrap their content — no chrome markup required. The browser toolbar is real markup because it carries a URL. @param {string} [prefix] - prepended verbatim to every class (e.g. `sx-`)",
|
|
13596
|
+
"description": "The Mockup components — frames for showcasing UI and code in docs and marketing pages. Colorless (the code frame paints itself with the neutral surface). Three independent frames: .mockup-window — an app window with three faux traffic-light dots .mockup-browser — a window plus a toolbar that holds a faux address bar .mockup-code — a dark terminal/code block; each `<pre data-prefix>` line renders its prefix (`$`, `>`, a line number…) The window titlebar and its dots are drawn with pseudo-elements so authors just wrap their content — no chrome markup required. The browser toolbar is real markup because it carries a URL. The dots are themed: close/minimize/zoom read `--color-error`, `--color-warning` and `--color-success`, so any theme that registers those roles gets correct traffic lights for free. `.mockup-plain` restores neutral, colorless dots. @param {string} [prefix] - prepended verbatim to every class (e.g. `sx-`)",
|
|
12624
13597
|
"root": null,
|
|
12625
13598
|
"familyPrefix": "mockup-",
|
|
12626
13599
|
"rootNote": "No bare `.mockup` class exists — this family is only its `mockup-*` parts.",
|
|
@@ -12631,6 +13604,7 @@
|
|
|
12631
13604
|
"mockup-code",
|
|
12632
13605
|
"mockup-phone",
|
|
12633
13606
|
"mockup-phone-display",
|
|
13607
|
+
"mockup-plain",
|
|
12634
13608
|
"mockup-window"
|
|
12635
13609
|
]
|
|
12636
13610
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wizeworks/silicaui-mcp",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.55.0",
|
|
4
4
|
"description": "A local MCP server that lets AI coding assistants query the Silica UI design system — real class names, component props, blocks, and behaviors — instead of guessing.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|