@justanarthur/modo-ui 0.3.0 → 0.4.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 +2 -1
- package/dist/blocks/sidebar-app/index.js +3 -3
- package/dist/components/inputs/combobox/index.d.ts +7 -6
- package/dist/components/inputs/combobox/index.js +2 -2
- package/dist/components/inputs/date-time/date-picker/index.d.ts +7 -3
- package/dist/components/inputs/date-time/date-picker/index.js +5 -5
- package/dist/components/inputs/date-time/date-range-picker/index.d.ts +7 -3
- package/dist/components/inputs/date-time/date-range-picker/index.js +4 -4
- package/dist/components/inputs/date-time/duration-picker/index.d.ts +7 -3
- package/dist/components/inputs/date-time/duration-picker/index.js +4 -4
- package/dist/components/inputs/date-time/month-picker/index.d.ts +7 -3
- package/dist/components/inputs/date-time/month-picker/index.js +4 -4
- package/dist/components/inputs/date-time/time-picker/index.d.ts +7 -3
- package/dist/components/inputs/date-time/time-picker/index.js +4 -4
- package/dist/components/inputs/input/index.d.ts +5 -1
- package/dist/components/inputs/input/index.js +2 -2
- package/dist/components/inputs/textarea/index.d.ts +46 -0
- package/dist/components/inputs/textarea/index.js +13 -0
- package/dist/components/navigation/sidebar/index.js +2 -2
- package/dist/index.d.ts +166 -111
- package/dist/index.js +15 -11
- package/dist/shared/{components-mhd39z7x.js → components-3myrw7ne.js} +36 -1
- package/dist/shared/{components-gvr9w41t.js → components-50m950y9.js} +19 -23
- package/dist/shared/{components-nb87fjy4.js → components-mqyvvh8k.js} +1 -1
- package/dist/shared/{components-3fbbvq5j.js → components-nsjec21k.js} +3 -1
- package/dist/shared/{components-re6rs21k.js → components-nyq0rym2.js} +3 -1
- package/dist/shared/{components-7btqt08d.js → components-qtqxgfrb.js} +17 -20
- package/dist/shared/components-rd9tbsqv.js +89 -0
- package/dist/shared/{components-8ey44d79.js → components-tcee5k0s.js} +22 -24
- package/dist/shared/{components-bshdmf75.js → components-wshd8f3n.js} +3 -1
- package/dist/shared/{components-2nhgyh31.js → components-wtbesgdp.js} +3 -1
- package/dist/shared/{components-2n3whx7z.js → components-ye0ze0h8.js} +1 -1
- package/dist/shared/{components-k809mbn0.js → components-zwhtxm15.js} +3 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -886,8 +886,7 @@ type ColorPickerComponent = ForwardRefExoticComponent4<ColorPickerProps & RefAtt
|
|
|
886
886
|
*/
|
|
887
887
|
declare const ColorPicker: ColorPickerComponent;
|
|
888
888
|
declare const ColorPickerPopover: ForwardRefExoticComponent4<ColorPickerPopoverProps & RefAttributes4<HTMLDivElement>>;
|
|
889
|
-
import {
|
|
890
|
-
import { HTMLAttributes as HTMLAttributes9, InputHTMLAttributes as InputHTMLAttributes2, ReactNode as ReactNode8, RefObject as RefObject3 } from "react";
|
|
889
|
+
import { HTMLAttributes as HTMLAttributes9, InputHTMLAttributes as InputHTMLAttributes2, ReactNode as ReactNode8, RefObject as RefObject4 } from "react";
|
|
891
890
|
import { ClassProp as ClassProp_wz9o0r3 } from "class-variance-authority/types";
|
|
892
891
|
/**
|
|
893
892
|
* The ringed box of a text field. It steps from rest to a muted fill when lit
|
|
@@ -900,6 +899,8 @@ import { ClassProp as ClassProp_wz9o0r3 } from "class-variance-authority/types";
|
|
|
900
899
|
declare const fieldVariants: (props?: ({
|
|
901
900
|
variant?: "borderless" | "bordered" | null | undefined;
|
|
902
901
|
} & ClassProp_wz9o0r3) | undefined) => string;
|
|
902
|
+
/** Framed at rest (`bordered`), or invisible until hovered or focused (`borderless`). */
|
|
903
|
+
type FieldVariant = "bordered" | "borderless";
|
|
903
904
|
import { JSX as JSX_1kxb6 } from "react";
|
|
904
905
|
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn6 } from "react";
|
|
905
906
|
import { RefAttributes as RefAttributes_miuf566 } from "react";
|
|
@@ -971,9 +972,9 @@ type Element_12xgc6 = JSX_1kxb6["Element"];
|
|
|
971
972
|
* @example {@include ./examples.mdx}
|
|
972
973
|
*/
|
|
973
974
|
declare function Combobox({ children, items, multiple, value, defaultValue, onValueChange, filter, onCreate, createLabel, creatable, hideSelected, disabled, name, required, size }: ComboboxProps): Element_12xgc6;
|
|
974
|
-
interface ComboboxFieldProps extends Omit<InputHTMLAttributes2<HTMLInputElement>, "size" | "value" | "defaultValue" | "onChange"
|
|
975
|
+
interface ComboboxFieldProps extends Omit<InputHTMLAttributes2<HTMLInputElement>, "size" | "value" | "defaultValue" | "onChange"> {
|
|
975
976
|
/** Framed at rest, or invisible until hovered or focused. Defaults to `"bordered"`. */
|
|
976
|
-
variant?:
|
|
977
|
+
variant?: FieldVariant;
|
|
977
978
|
/** Leading icon inside the field. */
|
|
978
979
|
icon?: IconComponent;
|
|
979
980
|
/** Shown while nothing is typed or selected. Defaults to `"Search…"`. */
|
|
@@ -1003,7 +1004,7 @@ interface ComboboxContentProps {
|
|
|
1003
1004
|
/** Gap to the field, in px. Ignored when the list opens in place over the field (`effect="morph"` with `hideSource`). Defaults to `6`. */
|
|
1004
1005
|
sideOffset?: number;
|
|
1005
1006
|
/** Where the list grows from (see Morph): the field, the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'` (the field). */
|
|
1006
|
-
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" |
|
|
1007
|
+
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject4<HTMLElement | null>;
|
|
1007
1008
|
/** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. Defaults to `'goo'`. */
|
|
1008
1009
|
effect?: "goo" | "morph" | "slide" | "fade";
|
|
1009
1010
|
/** Hide the field while open, so it reads as turning into the list. Defaults to `false`. */
|
|
@@ -1082,7 +1083,7 @@ declare function Calendar({ locale, size, columnsSide, extraColumns, extraColumn
|
|
|
1082
1083
|
}): Element_12xgc7;
|
|
1083
1084
|
type CalendarProps = Parameters<typeof Calendar>[0];
|
|
1084
1085
|
import { Locale as Locale3 } from "date-fns";
|
|
1085
|
-
import { RefObject as
|
|
1086
|
+
import { RefObject as RefObject5 } from "react";
|
|
1086
1087
|
import { Matcher } from "react-day-picker";
|
|
1087
1088
|
type HourCycle = "h11" | "h12" | "h23" | "h24";
|
|
1088
1089
|
import { JSX as JSX_1kxb8 } from "react";
|
|
@@ -1109,6 +1110,8 @@ interface DatePickerProps {
|
|
|
1109
1110
|
startMonth?: Date;
|
|
1110
1111
|
/** The last month the calendar reaches. Defaults to 50 years ahead. */
|
|
1111
1112
|
endMonth?: Date;
|
|
1113
|
+
/** Framed at rest, or invisible until hovered or focused. Defaults to `"bordered"`. */
|
|
1114
|
+
variant?: FieldVariant;
|
|
1112
1115
|
/** Marks the field invalid. Defaults to `false`. */
|
|
1113
1116
|
invalid?: boolean;
|
|
1114
1117
|
/** Pins the field and its panel to one step of the size ladder. Defaults to the surrounding SizeProvider. */
|
|
@@ -1128,7 +1131,7 @@ interface DatePickerProps {
|
|
|
1128
1131
|
/** Id of the field, for a `Label`'s `htmlFor`. */
|
|
1129
1132
|
id?: string;
|
|
1130
1133
|
/** Where the panel grows from (see Morph): the field, the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'` (the field). */
|
|
1131
|
-
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" |
|
|
1134
|
+
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject5<HTMLElement | null>;
|
|
1132
1135
|
/** How the panel grows (see Morph), as Combobox's list does: with the liquid goo neck, a plain morph, a slide or a fade. `'morph'` with `hideSource` opens it in place over the field. Defaults to `'goo'`. */
|
|
1133
1136
|
effect?: "goo" | "morph" | "slide" | "fade";
|
|
1134
1137
|
/** Hide the field while open, so it reads as turning into the panel. Defaults to `false`. */
|
|
@@ -1160,9 +1163,9 @@ type Element_12xgc8 = JSX_1kxb8["Element"];
|
|
|
1160
1163
|
*
|
|
1161
1164
|
* @example {@include ./examples.mdx}
|
|
1162
1165
|
*/
|
|
1163
|
-
declare function DatePicker({ value: valueProp, defaultValue, onValueChange, withTime, hourCycle, minuteStep, locale, placeholder, disabled, startMonth, endMonth, invalid, size, open: openProp, defaultOpen, onOpenChange, dir, columnsSide, timeColumnsSide, id, from, effect, hideSource, tier, className }: DatePickerProps): Element_12xgc8;
|
|
1166
|
+
declare function DatePicker({ value: valueProp, defaultValue, onValueChange, withTime, hourCycle, minuteStep, locale, placeholder, disabled, startMonth, endMonth, variant, invalid, size, open: openProp, defaultOpen, onOpenChange, dir, columnsSide, timeColumnsSide, id, from, effect, hideSource, tier, className }: DatePickerProps): Element_12xgc8;
|
|
1164
1167
|
import { Locale as Locale4 } from "date-fns";
|
|
1165
|
-
import { RefObject as
|
|
1168
|
+
import { RefObject as RefObject6 } from "react";
|
|
1166
1169
|
import { DateRange, Matcher as Matcher2 } from "react-day-picker";
|
|
1167
1170
|
import { JSX as JSX_1kxb9 } from "react";
|
|
1168
1171
|
interface DateRangePickerProps {
|
|
@@ -1182,6 +1185,8 @@ interface DateRangePickerProps {
|
|
|
1182
1185
|
startMonth?: Date;
|
|
1183
1186
|
/** The last month the calendar reaches. Defaults to 50 years ahead. */
|
|
1184
1187
|
endMonth?: Date;
|
|
1188
|
+
/** Framed at rest, or invisible until hovered or focused. Defaults to `"bordered"`. */
|
|
1189
|
+
variant?: FieldVariant;
|
|
1185
1190
|
/** Marks the field invalid. Defaults to `false`. */
|
|
1186
1191
|
invalid?: boolean;
|
|
1187
1192
|
/** Pins the field and its panel to one step of the size ladder. Defaults to the surrounding SizeProvider. */
|
|
@@ -1199,7 +1204,7 @@ interface DateRangePickerProps {
|
|
|
1199
1204
|
/** Id of the field, for a `Label`'s `htmlFor`. */
|
|
1200
1205
|
id?: string;
|
|
1201
1206
|
/** Where the panel grows from (see Morph): the field, the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'` (the field). */
|
|
1202
|
-
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" |
|
|
1207
|
+
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject6<HTMLElement | null>;
|
|
1203
1208
|
/** How the panel grows (see Morph), as Combobox's list does: with the liquid goo neck, a plain morph, a slide or a fade. `'morph'` with `hideSource` opens it in place over the field. Defaults to `'goo'`. */
|
|
1204
1209
|
effect?: "goo" | "morph" | "slide" | "fade";
|
|
1205
1210
|
/** Hide the field while open, so it reads as turning into the panel. Defaults to `false`. */
|
|
@@ -1222,9 +1227,9 @@ type Element_12xgc9 = JSX_1kxb9["Element"];
|
|
|
1222
1227
|
*
|
|
1223
1228
|
* @example {@include ./examples.mdx}
|
|
1224
1229
|
*/
|
|
1225
|
-
declare function DateRangePicker({ value: valueProp, defaultValue, onValueChange, locale, placeholder, disabled, startMonth, endMonth, invalid, size, open: openProp, defaultOpen, onOpenChange, dir, columnsSide, id, from: growFrom, effect, hideSource, tier, className }: DateRangePickerProps): Element_12xgc9;
|
|
1230
|
+
declare function DateRangePicker({ value: valueProp, defaultValue, onValueChange, locale, placeholder, disabled, startMonth, endMonth, variant, invalid, size, open: openProp, defaultOpen, onOpenChange, dir, columnsSide, id, from: growFrom, effect, hideSource, tier, className }: DateRangePickerProps): Element_12xgc9;
|
|
1226
1231
|
import { Duration, Locale as Locale5 } from "date-fns";
|
|
1227
|
-
import { RefObject as
|
|
1232
|
+
import { RefObject as RefObject7 } from "react";
|
|
1228
1233
|
import { JSX as JSX_1kxb10 } from "react";
|
|
1229
1234
|
interface DurationPickerProps {
|
|
1230
1235
|
/** The picked duration, a date-fns `Duration` (`{ hours, minutes }`); `null` when empty. */
|
|
@@ -1243,6 +1248,8 @@ interface DurationPickerProps {
|
|
|
1243
1248
|
placeholder?: string;
|
|
1244
1249
|
/** Disables the field. Defaults to `false`. */
|
|
1245
1250
|
disabled?: boolean;
|
|
1251
|
+
/** Framed at rest, or invisible until hovered or focused. Defaults to `"bordered"`. */
|
|
1252
|
+
variant?: FieldVariant;
|
|
1246
1253
|
/** Marks the field invalid. Defaults to `false`. */
|
|
1247
1254
|
invalid?: boolean;
|
|
1248
1255
|
/** Pins the field and its panel to one step of the size ladder. Defaults to the surrounding SizeProvider. */
|
|
@@ -1256,7 +1263,7 @@ interface DurationPickerProps {
|
|
|
1256
1263
|
/** Id of the field, for a `Label`'s `htmlFor`. */
|
|
1257
1264
|
id?: string;
|
|
1258
1265
|
/** Where the panel grows from (see Morph): the field, the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'` (the field). */
|
|
1259
|
-
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" |
|
|
1266
|
+
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject7<HTMLElement | null>;
|
|
1260
1267
|
/** How the panel grows (see Morph), as Combobox's list does: with the liquid goo neck, a plain morph, a slide or a fade. `'morph'` with `hideSource` opens it in place over the field. Defaults to `'goo'`. */
|
|
1261
1268
|
effect?: "goo" | "morph" | "slide" | "fade";
|
|
1262
1269
|
/** Hide the field while open, so it reads as turning into the panel. Defaults to `false`. */
|
|
@@ -1277,9 +1284,9 @@ type Element_12xgc10 = JSX_1kxb10["Element"];
|
|
|
1277
1284
|
*
|
|
1278
1285
|
* @example {@include ./examples.mdx}
|
|
1279
1286
|
*/
|
|
1280
|
-
declare function DurationPicker({ value: valueProp, defaultValue, onValueChange, maxHours, minuteStep, locale, placeholder, disabled, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: DurationPickerProps): Element_12xgc10;
|
|
1287
|
+
declare function DurationPicker({ value: valueProp, defaultValue, onValueChange, maxHours, minuteStep, locale, placeholder, disabled, variant, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: DurationPickerProps): Element_12xgc10;
|
|
1281
1288
|
import { Locale as Locale6 } from "date-fns";
|
|
1282
|
-
import { RefObject as
|
|
1289
|
+
import { RefObject as RefObject8 } from "react";
|
|
1283
1290
|
import { JSX as JSX_1kxb11 } from "react";
|
|
1284
1291
|
interface MonthPickerProps {
|
|
1285
1292
|
/** The picked month as its first day; `null` when empty. */
|
|
@@ -1298,6 +1305,8 @@ interface MonthPickerProps {
|
|
|
1298
1305
|
endMonth?: Date;
|
|
1299
1306
|
/** Disables the field. Defaults to `false`. */
|
|
1300
1307
|
disabled?: boolean;
|
|
1308
|
+
/** Framed at rest, or invisible until hovered or focused. Defaults to `"bordered"`. */
|
|
1309
|
+
variant?: FieldVariant;
|
|
1301
1310
|
/** Marks the field invalid. Defaults to `false`. */
|
|
1302
1311
|
invalid?: boolean;
|
|
1303
1312
|
/** Pins the field and its panel to one step of the size ladder. Defaults to the surrounding SizeProvider. */
|
|
@@ -1311,7 +1320,7 @@ interface MonthPickerProps {
|
|
|
1311
1320
|
/** Id of the field, for a `Label`'s `htmlFor`. */
|
|
1312
1321
|
id?: string;
|
|
1313
1322
|
/** Where the panel grows from (see Morph): the field, the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'` (the field). */
|
|
1314
|
-
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" |
|
|
1323
|
+
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject8<HTMLElement | null>;
|
|
1315
1324
|
/** How the panel grows (see Morph), as Combobox's list does: with the liquid goo neck, a plain morph, a slide or a fade. `'morph'` with `hideSource` opens it in place over the field. Defaults to `'goo'`. */
|
|
1316
1325
|
effect?: "goo" | "morph" | "slide" | "fade";
|
|
1317
1326
|
/** Hide the field while open, so it reads as turning into the panel. Defaults to `false`. */
|
|
@@ -1332,9 +1341,9 @@ type Element_12xgc11 = JSX_1kxb11["Element"];
|
|
|
1332
1341
|
*
|
|
1333
1342
|
* @example {@include ./examples.mdx}
|
|
1334
1343
|
*/
|
|
1335
|
-
declare function MonthPicker({ value: valueProp, defaultValue, onValueChange, locale, placeholder, startMonth, endMonth, disabled, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: MonthPickerProps): Element_12xgc11;
|
|
1344
|
+
declare function MonthPicker({ value: valueProp, defaultValue, onValueChange, locale, placeholder, startMonth, endMonth, disabled, variant, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: MonthPickerProps): Element_12xgc11;
|
|
1336
1345
|
import { Locale as Locale7 } from "date-fns";
|
|
1337
|
-
import { RefObject as
|
|
1346
|
+
import { RefObject as RefObject9 } from "react";
|
|
1338
1347
|
import { JSX as JSX_1kxb12 } from "react";
|
|
1339
1348
|
interface TimePickerProps {
|
|
1340
1349
|
/** The picked time as `"HH:mm"` on a 24-hour clock (an `<input type="time">`'s value); `null` when empty. */
|
|
@@ -1353,6 +1362,8 @@ interface TimePickerProps {
|
|
|
1353
1362
|
placeholder?: string;
|
|
1354
1363
|
/** Disables the field. Defaults to `false`. */
|
|
1355
1364
|
disabled?: boolean;
|
|
1365
|
+
/** Framed at rest, or invisible until hovered or focused. Defaults to `"bordered"`. */
|
|
1366
|
+
variant?: FieldVariant;
|
|
1356
1367
|
/** Marks the field invalid. Defaults to `false`. */
|
|
1357
1368
|
invalid?: boolean;
|
|
1358
1369
|
/** Pins the field and its panel to one step of the size ladder. Defaults to the surrounding SizeProvider. */
|
|
@@ -1366,7 +1377,7 @@ interface TimePickerProps {
|
|
|
1366
1377
|
/** Id of the field, for a `Label`'s `htmlFor`. */
|
|
1367
1378
|
id?: string;
|
|
1368
1379
|
/** Where the panel grows from (see Morph): the field, the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'` (the field). */
|
|
1369
|
-
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" |
|
|
1380
|
+
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject9<HTMLElement | null>;
|
|
1370
1381
|
/** How the panel grows (see Morph), as Combobox's list does: with the liquid goo neck, a plain morph, a slide or a fade. `'morph'` with `hideSource` opens it in place over the field. Defaults to `'goo'`. */
|
|
1371
1382
|
effect?: "goo" | "morph" | "slide" | "fade";
|
|
1372
1383
|
/** Hide the field while open, so it reads as turning into the panel. Defaults to `false`. */
|
|
@@ -1388,7 +1399,7 @@ type Element_12xgc12 = JSX_1kxb12["Element"];
|
|
|
1388
1399
|
*
|
|
1389
1400
|
* @example {@include ./examples.mdx}
|
|
1390
1401
|
*/
|
|
1391
|
-
declare function TimePicker({ value: valueProp, defaultValue, onValueChange, hourCycle, minuteStep, locale, placeholder, disabled, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: TimePickerProps): Element_12xgc12;
|
|
1402
|
+
declare function TimePicker({ value: valueProp, defaultValue, onValueChange, hourCycle, minuteStep, locale, placeholder, disabled, variant, invalid, size, open: openProp, defaultOpen, onOpenChange, id, from, effect, hideSource, tier, className }: TimePickerProps): Element_12xgc12;
|
|
1392
1403
|
import { ForwardRefExoticComponent as ForwardRefExoticComponent5, HTMLAttributes as HTMLAttributes10, InputHTMLAttributes as InputHTMLAttributes3, LabelHTMLAttributes, ReactNode as ReactNode10, RefAttributes as RefAttributes5 } from "react";
|
|
1393
1404
|
interface InputProps extends Omit<InputHTMLAttributes3<HTMLInputElement>, "onChange" | "value" | "defaultValue" | "size"> {
|
|
1394
1405
|
/** Placeholder text. */
|
|
@@ -1401,6 +1412,8 @@ interface InputProps extends Omit<InputHTMLAttributes3<HTMLInputElement>, "onCha
|
|
|
1401
1412
|
defaultValue?: string;
|
|
1402
1413
|
/** Called when the input value changes. */
|
|
1403
1414
|
onChange?: (value: string) => void;
|
|
1415
|
+
/** Framed at rest, or invisible until hovered or focused. Defaults to `"borderless"`. */
|
|
1416
|
+
variant?: FieldVariant;
|
|
1404
1417
|
/** Marks the value invalid: the field turns destructive and sets `aria-invalid`. Defaults to `false`. */
|
|
1405
1418
|
invalid?: boolean;
|
|
1406
1419
|
/** Disables the input. Defaults to `false`. */
|
|
@@ -1521,7 +1534,7 @@ type RadioComponent = ForwardRefExoticComponent6<RadioProps & RefAttributes6<HTM
|
|
|
1521
1534
|
*/
|
|
1522
1535
|
declare const Radio: RadioComponent;
|
|
1523
1536
|
import { Autocomplete } from "@base-ui/react/autocomplete";
|
|
1524
|
-
import { HTMLAttributes as HTMLAttributes12, ReactNode as ReactNode13, RefObject as
|
|
1537
|
+
import { HTMLAttributes as HTMLAttributes12, ReactNode as ReactNode13, RefObject as RefObject10 } from "react";
|
|
1525
1538
|
import { ButtonHTMLAttributes as ButtonHTMLAttributes2, ReactElement as ReactElement2, ReactNode as ReactNode12 } from "react";
|
|
1526
1539
|
interface SlotProps extends ButtonHTMLAttributes2<HTMLButtonElement> {
|
|
1527
1540
|
/** The element that becomes the control, e.g. a Button. */
|
|
@@ -1580,7 +1593,7 @@ interface CommandContentProps extends CommandPaletteProps {
|
|
|
1580
1593
|
/** Accessible name of the panel. Defaults to `'Command menu'`. */
|
|
1581
1594
|
label?: string;
|
|
1582
1595
|
/** Where the panel grows from (see Morph): the pressed trigger (its center when none), the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'`. */
|
|
1583
|
-
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" |
|
|
1596
|
+
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject10<HTMLElement | null>;
|
|
1584
1597
|
/** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. Defaults to `'goo'`. */
|
|
1585
1598
|
effect?: "goo" | "morph" | "slide" | "fade";
|
|
1586
1599
|
/** Hide the trigger while open, so it reads as turning into the panel. Defaults to `false`. */
|
|
@@ -1697,7 +1710,7 @@ type Element_12xgc14 = JSX_1kxb14["Element"];
|
|
|
1697
1710
|
* @example {@include ./examples.mdx}
|
|
1698
1711
|
*/
|
|
1699
1712
|
declare function Search2({ variant, placeholder, items, value, defaultValue, onValueChange, onSubmit, expanded, defaultExpanded, onExpandedChange, width, align, shortcut, emptyMessage, effect, tier, className }: SearchProps): Element_12xgc14;
|
|
1700
|
-
import { VariantProps as
|
|
1713
|
+
import { VariantProps as VariantProps3 } from "class-variance-authority";
|
|
1701
1714
|
import { HTMLAttributes as HTMLAttributes13, ReactNode as ReactNode14 } from "react";
|
|
1702
1715
|
import { JSX as JSX_1kxb15 } from "react";
|
|
1703
1716
|
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn8 } from "react";
|
|
@@ -1747,7 +1760,7 @@ declare function Select({ children, value, defaultValue, onValueChange, disabled
|
|
|
1747
1760
|
declare const triggerVariants: (props?: ({
|
|
1748
1761
|
variant?: "borderless" | "bordered" | null | undefined;
|
|
1749
1762
|
} & ClassProp_wz9o0r4) | undefined) => string;
|
|
1750
|
-
interface SelectTriggerProps extends Omit<HTMLAttributes13<HTMLButtonElement>, "children">,
|
|
1763
|
+
interface SelectTriggerProps extends Omit<HTMLAttributes13<HTMLButtonElement>, "children">, VariantProps3<typeof triggerVariants> {
|
|
1751
1764
|
/** Visual style of the trigger. Defaults to `"bordered"`. */
|
|
1752
1765
|
variant?: "bordered" | "borderless";
|
|
1753
1766
|
/** Optional icon displayed before the value. */
|
|
@@ -1961,10 +1974,52 @@ interface SwitchGroupProps extends HTMLAttributes15<HTMLFieldSetElement> {
|
|
|
1961
1974
|
size?: SizeVariant;
|
|
1962
1975
|
}
|
|
1963
1976
|
declare const SwitchGroup: ForwardRefExoticComponent7<SwitchGroupProps & RefAttributes7<HTMLFieldSetElement>>;
|
|
1964
|
-
import {
|
|
1965
|
-
import { HTMLAttributes as HTMLAttributes16, MutableRefObject, ReactElement as ReactElement3 } from "react";
|
|
1977
|
+
import { TextareaHTMLAttributes as TextareaHTMLAttributes2 } from "react";
|
|
1966
1978
|
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn10 } from "react";
|
|
1967
1979
|
import { RefAttributes as RefAttributes_miuf5610 } from "react";
|
|
1980
|
+
interface TextareaProps extends Omit<TextareaHTMLAttributes2<HTMLTextAreaElement>, "onChange" | "value" | "defaultValue" | "rows"> {
|
|
1981
|
+
/** Placeholder text. */
|
|
1982
|
+
placeholder?: string;
|
|
1983
|
+
/** Controlled value. Pair with `onChange`. */
|
|
1984
|
+
value?: string;
|
|
1985
|
+
/** Initial value when uncontrolled. Defaults to `''`. */
|
|
1986
|
+
defaultValue?: string;
|
|
1987
|
+
/** Called with the new value on every change. */
|
|
1988
|
+
onChange?: (value: string) => void;
|
|
1989
|
+
/** Rows shown when empty; the box never gets shorter. Defaults to `3`. */
|
|
1990
|
+
minRows?: number;
|
|
1991
|
+
/** Rows the box grows to before it scrolls. Set it to `minRows` for a fixed height. Defaults to `8`. */
|
|
1992
|
+
maxRows?: number;
|
|
1993
|
+
/** Framed at rest, or invisible until hovered or focused. Defaults to `"borderless"`. */
|
|
1994
|
+
variant?: FieldVariant;
|
|
1995
|
+
/** Marks the value invalid: the field turns destructive and sets `aria-invalid`. Defaults to `false`. */
|
|
1996
|
+
invalid?: boolean;
|
|
1997
|
+
/** Disables the textarea. Defaults to `false`. */
|
|
1998
|
+
disabled?: boolean;
|
|
1999
|
+
/** Pins the textarea to one step of the size ladder (36px default, 28px compact): its text and padding follow, so one row matches an Input. Defaults to the surrounding SizeProvider. */
|
|
2000
|
+
size?: SizeVariant;
|
|
2001
|
+
/** Classes for the ringed box around the textarea. */
|
|
2002
|
+
className?: string;
|
|
2003
|
+
}
|
|
2004
|
+
/**
|
|
2005
|
+
* Multi-line text field that grows with what you type.
|
|
2006
|
+
*
|
|
2007
|
+
* It sits on the same ground as Input: bare text at rest (or framed, with
|
|
2008
|
+
* `variant="bordered"`), a muted fill with a hairline ring on hover, the
|
|
2009
|
+
* card ground on focus, a destructive ring when `invalid`. The box starts at `minRows`, grows line by line as text wraps,
|
|
2010
|
+
* and scrolls once it reaches `maxRows`. One row lines up with an Input of
|
|
2011
|
+
* the same size, so the two stack in a form without a seam. It is
|
|
2012
|
+
* uncontrolled with `defaultValue`, or controlled with `value` + `onChange`,
|
|
2013
|
+
* fills the width of its container, and joins a Base UI `Field` when placed
|
|
2014
|
+
* inside one. Pair it with a `Label` (see Input) through `htmlFor` / `id`.
|
|
2015
|
+
*
|
|
2016
|
+
* @example {@include ./examples.mdx}
|
|
2017
|
+
*/
|
|
2018
|
+
declare const Textarea: ForwardRefExoticComponent_tcubfn10<TextareaProps & RefAttributes_miuf5610<HTMLTextAreaElement>>;
|
|
2019
|
+
import { ForwardRefExoticComponent as ForwardRefExoticComponent8, HTMLAttributes as HTMLAttributes18, ReactNode as ReactNode17, RefAttributes as RefAttributes8 } from "react";
|
|
2020
|
+
import { HTMLAttributes as HTMLAttributes16, MutableRefObject, ReactElement as ReactElement3 } from "react";
|
|
2021
|
+
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn11 } from "react";
|
|
2022
|
+
import { RefAttributes as RefAttributes_miuf5611 } from "react";
|
|
1968
2023
|
declare const SIDEBAR_COOKIE_NAME = "sidebar_state";
|
|
1969
2024
|
declare const SIDEBAR_COOKIE_MAX_AGE: number;
|
|
1970
2025
|
declare const SIDEBAR_WIDTH = "16rem";
|
|
@@ -2036,14 +2091,14 @@ interface SidebarProviderProps extends HTMLAttributes16<HTMLDivElement> {
|
|
|
2036
2091
|
width?: string;
|
|
2037
2092
|
widthMobile?: string;
|
|
2038
2093
|
}
|
|
2039
|
-
declare const SidebarProvider:
|
|
2094
|
+
declare const SidebarProvider: ForwardRefExoticComponent_tcubfn11<SidebarProviderProps & RefAttributes_miuf5611<HTMLDivElement>>;
|
|
2040
2095
|
type SidebarTriggerProps = ButtonProps;
|
|
2041
2096
|
/** Ghost icon button calling toggleSidebar(). The icon mirrors the
|
|
2042
2097
|
* sidebar's side, and its tooltip names the action with the toggle
|
|
2043
2098
|
* keystroke by default. With `openOnHover` it switches between open and on
|
|
2044
2099
|
* hover (a dashed glyph), and the hover zone reaches its far side when it
|
|
2045
2100
|
* sits beside the sidebar's edge. */
|
|
2046
|
-
declare const SidebarTrigger:
|
|
2101
|
+
declare const SidebarTrigger: ForwardRefExoticComponent_tcubfn11<ButtonProps & RefAttributes_miuf5611<HTMLButtonElement>>;
|
|
2047
2102
|
interface SidebarRailProps extends HTMLAttributes16<HTMLButtonElement> {
|
|
2048
2103
|
/** Pin the tooltip open/closed; `undefined` leaves it on hover. */
|
|
2049
2104
|
tooltipOpen?: boolean;
|
|
@@ -2052,15 +2107,15 @@ interface SidebarRailProps extends HTMLAttributes16<HTMLButtonElement> {
|
|
|
2052
2107
|
* the desktop shell: drag it to resize (clamped), click it to collapse, and
|
|
2053
2108
|
* its tooltip explains both with the toggle keystroke. Hovering it
|
|
2054
2109
|
* brightens the edge border. */
|
|
2055
|
-
declare const SidebarRail:
|
|
2110
|
+
declare const SidebarRail: ForwardRefExoticComponent_tcubfn11<SidebarRailProps & RefAttributes_miuf5611<HTMLButtonElement>>;
|
|
2056
2111
|
type SidebarInsetProps = HTMLAttributes16<HTMLElement>;
|
|
2057
|
-
declare const SidebarInset:
|
|
2112
|
+
declare const SidebarInset: ForwardRefExoticComponent_tcubfn11<SidebarInsetProps & RefAttributes_miuf5611<HTMLElement>>;
|
|
2058
2113
|
type SidebarInputProps = React.InputHTMLAttributes<HTMLInputElement>;
|
|
2059
|
-
declare const SidebarInput:
|
|
2114
|
+
declare const SidebarInput: ForwardRefExoticComponent_tcubfn11<SidebarInputProps & RefAttributes_miuf5611<HTMLInputElement>>;
|
|
2060
2115
|
type SidebarSectionProps = HTMLAttributes16<HTMLDivElement>;
|
|
2061
|
-
declare const SidebarHeader:
|
|
2062
|
-
declare const SidebarFooter:
|
|
2063
|
-
declare const SidebarSeparator:
|
|
2116
|
+
declare const SidebarHeader: ForwardRefExoticComponent_tcubfn11<SidebarSectionProps & RefAttributes_miuf5611<HTMLDivElement>>;
|
|
2117
|
+
declare const SidebarFooter: ForwardRefExoticComponent_tcubfn11<SidebarSectionProps & RefAttributes_miuf5611<HTMLDivElement>>;
|
|
2118
|
+
declare const SidebarSeparator: ForwardRefExoticComponent_tcubfn11<SidebarSectionProps & RefAttributes_miuf5611<HTMLDivElement>>;
|
|
2064
2119
|
interface SidebarGroupProps extends SidebarSectionProps {
|
|
2065
2120
|
/** Makes the group's SidebarGroupLabel a toggle that collapses everything
|
|
2066
2121
|
* rendered after it — a group-level accordion. Uncontrolled by default;
|
|
@@ -2070,28 +2125,28 @@ interface SidebarGroupProps extends SidebarSectionProps {
|
|
|
2070
2125
|
defaultOpen?: boolean;
|
|
2071
2126
|
onOpenChange?: (open: boolean) => void;
|
|
2072
2127
|
}
|
|
2073
|
-
declare const SidebarGroup:
|
|
2128
|
+
declare const SidebarGroup: ForwardRefExoticComponent_tcubfn11<SidebarGroupProps & RefAttributes_miuf5611<HTMLDivElement>>;
|
|
2074
2129
|
interface SidebarGroupLabelProps extends HTMLAttributes16<HTMLDivElement> {
|
|
2075
2130
|
render?: ReactElement3;
|
|
2076
2131
|
asChild?: boolean;
|
|
2077
2132
|
}
|
|
2078
|
-
declare const SidebarGroupLabel:
|
|
2133
|
+
declare const SidebarGroupLabel: ForwardRefExoticComponent_tcubfn11<SidebarGroupLabelProps & RefAttributes_miuf5611<HTMLDivElement>>;
|
|
2079
2134
|
interface SidebarGroupActionProps extends HTMLAttributes16<HTMLButtonElement> {
|
|
2080
2135
|
render?: ReactElement3;
|
|
2081
2136
|
asChild?: boolean;
|
|
2082
2137
|
}
|
|
2083
|
-
declare const SidebarGroupAction:
|
|
2138
|
+
declare const SidebarGroupAction: ForwardRefExoticComponent_tcubfn11<SidebarGroupActionProps & RefAttributes_miuf5611<HTMLButtonElement>>;
|
|
2084
2139
|
/** Header action cluster: 1–3 SidebarGroupActions laid out in a row over the
|
|
2085
2140
|
* group label's right edge. Use instead of a lone SidebarGroupAction when a
|
|
2086
2141
|
* section needs several controls. */
|
|
2087
2142
|
type SidebarGroupActionsProps = HTMLAttributes16<HTMLDivElement>;
|
|
2088
|
-
declare const SidebarGroupActions:
|
|
2089
|
-
declare const SidebarGroupContent:
|
|
2090
|
-
import { VariantProps as
|
|
2143
|
+
declare const SidebarGroupActions: ForwardRefExoticComponent_tcubfn11<SidebarGroupActionsProps & RefAttributes_miuf5611<HTMLDivElement>>;
|
|
2144
|
+
declare const SidebarGroupContent: ForwardRefExoticComponent_tcubfn11<SidebarSectionProps & RefAttributes_miuf5611<HTMLDivElement>>;
|
|
2145
|
+
import { VariantProps as VariantProps4 } from "class-variance-authority";
|
|
2091
2146
|
import { AnchorHTMLAttributes, ButtonHTMLAttributes as ButtonHTMLAttributes3, HTMLAttributes as HTMLAttributes17, LiHTMLAttributes, ReactElement as ReactElement4 } from "react";
|
|
2092
2147
|
import { Context as Context_rri5bl2 } from "react";
|
|
2093
|
-
import { ForwardRefExoticComponent as
|
|
2094
|
-
import { RefAttributes as
|
|
2148
|
+
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn12 } from "react";
|
|
2149
|
+
import { RefAttributes as RefAttributes_miuf5612 } from "react";
|
|
2095
2150
|
import { ClassProp as ClassProp_wz9o0r5 } from "class-variance-authority/types";
|
|
2096
2151
|
/** The selection a `Sidebar` holds for buttons that carry a `value`. */
|
|
2097
2152
|
interface SidebarSelectionValue {
|
|
@@ -2107,7 +2162,7 @@ interface SidebarMenuProps extends HTMLAttributes17<HTMLUListElement> {
|
|
|
2107
2162
|
* hover background only. @default true */
|
|
2108
2163
|
focusRing?: boolean;
|
|
2109
2164
|
}
|
|
2110
|
-
declare const SidebarMenu:
|
|
2165
|
+
declare const SidebarMenu: ForwardRefExoticComponent_tcubfn12<SidebarMenuProps & RefAttributes_miuf5612<HTMLUListElement>>;
|
|
2111
2166
|
interface SidebarMenuItemProps extends LiHTMLAttributes<HTMLLIElement> {
|
|
2112
2167
|
/** The row folds a `SidebarMenuSub` under it: its button toggles the sub-menu and shows a chevron. */
|
|
2113
2168
|
collapsible?: boolean;
|
|
@@ -2118,13 +2173,13 @@ interface SidebarMenuItemProps extends LiHTMLAttributes<HTMLLIElement> {
|
|
|
2118
2173
|
/** Called when a collapsible row opens or closes. */
|
|
2119
2174
|
onOpenChange?: (open: boolean) => void;
|
|
2120
2175
|
}
|
|
2121
|
-
declare const SidebarMenuItem:
|
|
2176
|
+
declare const SidebarMenuItem: ForwardRefExoticComponent_tcubfn12<SidebarMenuItemProps & RefAttributes_miuf5612<HTMLLIElement>>;
|
|
2122
2177
|
type SidebarMenuSubItemProps = LiHTMLAttributes<HTMLLIElement>;
|
|
2123
|
-
declare const SidebarMenuSubItem:
|
|
2178
|
+
declare const SidebarMenuSubItem: ForwardRefExoticComponent_tcubfn12<SidebarMenuSubItemProps & RefAttributes_miuf5612<HTMLLIElement>>;
|
|
2124
2179
|
declare const sidebarMenuButtonVariants: (props?: ({
|
|
2125
2180
|
variant?: "default" | "outline" | null | undefined;
|
|
2126
2181
|
} & ClassProp_wz9o0r5) | undefined) => string;
|
|
2127
|
-
interface SidebarMenuButtonProps extends ButtonHTMLAttributes3<HTMLButtonElement>,
|
|
2182
|
+
interface SidebarMenuButtonProps extends ButtonHTMLAttributes3<HTMLButtonElement>, VariantProps4<typeof sidebarMenuButtonVariants> {
|
|
2128
2183
|
isActive?: boolean;
|
|
2129
2184
|
size?: "default" | "sm" | "lg";
|
|
2130
2185
|
icon?: IconComponent;
|
|
@@ -2144,13 +2199,13 @@ interface SidebarMenuButtonProps extends ButtonHTMLAttributes3<HTMLButtonElement
|
|
|
2144
2199
|
render?: ReactElement4;
|
|
2145
2200
|
asChild?: boolean;
|
|
2146
2201
|
}
|
|
2147
|
-
declare const SidebarMenuButton:
|
|
2202
|
+
declare const SidebarMenuButton: ForwardRefExoticComponent_tcubfn12<SidebarMenuButtonProps & RefAttributes_miuf5612<HTMLButtonElement>>;
|
|
2148
2203
|
interface SidebarMenuActionProps extends ButtonHTMLAttributes3<HTMLButtonElement> {
|
|
2149
2204
|
showOnHover?: boolean;
|
|
2150
2205
|
render?: ReactElement4;
|
|
2151
2206
|
asChild?: boolean;
|
|
2152
2207
|
}
|
|
2153
|
-
declare const SidebarMenuAction:
|
|
2208
|
+
declare const SidebarMenuAction: ForwardRefExoticComponent_tcubfn12<SidebarMenuActionProps & RefAttributes_miuf5612<HTMLButtonElement>>;
|
|
2154
2209
|
interface SidebarMenuActionsProps extends HTMLAttributes17<HTMLDivElement> {
|
|
2155
2210
|
/** Hide the cluster until the row is hovered or focused. */
|
|
2156
2211
|
showOnHover?: boolean;
|
|
@@ -2158,19 +2213,19 @@ interface SidebarMenuActionsProps extends HTMLAttributes17<HTMLDivElement> {
|
|
|
2158
2213
|
/** Row-level cluster for more than one SidebarMenuAction. It owns the
|
|
2159
2214
|
* positioning and publishes the whole count to the row, so the button
|
|
2160
2215
|
* reserves the exact gutter the cluster occupies. */
|
|
2161
|
-
declare const SidebarMenuActions:
|
|
2216
|
+
declare const SidebarMenuActions: ForwardRefExoticComponent_tcubfn12<SidebarMenuActionsProps & RefAttributes_miuf5612<HTMLDivElement>>;
|
|
2162
2217
|
type SidebarMenuBadgeProps = HTMLAttributes17<HTMLDivElement>;
|
|
2163
|
-
declare const SidebarMenuBadge:
|
|
2218
|
+
declare const SidebarMenuBadge: ForwardRefExoticComponent_tcubfn12<SidebarMenuBadgeProps & RefAttributes_miuf5612<HTMLDivElement>>;
|
|
2164
2219
|
interface SidebarMenuSkeletonProps extends HTMLAttributes17<HTMLDivElement> {
|
|
2165
2220
|
showIcon?: boolean;
|
|
2166
2221
|
}
|
|
2167
|
-
declare const SidebarMenuSkeleton:
|
|
2222
|
+
declare const SidebarMenuSkeleton: ForwardRefExoticComponent_tcubfn12<SidebarMenuSkeletonProps & RefAttributes_miuf5612<HTMLDivElement>>;
|
|
2168
2223
|
interface SidebarMenuSubProps extends HTMLAttributes17<HTMLUListElement> {
|
|
2169
2224
|
/** Built-in measured-height collapse. Omitted, the sub-menu follows its
|
|
2170
2225
|
* `collapsible` row's state, or stays visible without one. */
|
|
2171
2226
|
open?: boolean;
|
|
2172
2227
|
}
|
|
2173
|
-
declare const SidebarMenuSub:
|
|
2228
|
+
declare const SidebarMenuSub: ForwardRefExoticComponent_tcubfn12<SidebarMenuSubProps & RefAttributes_miuf5612<HTMLUListElement>>;
|
|
2174
2229
|
interface SidebarMenuSubButtonProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
2175
2230
|
isActive?: boolean;
|
|
2176
2231
|
size?: "sm" | "md";
|
|
@@ -2180,7 +2235,7 @@ interface SidebarMenuSubButtonProps extends AnchorHTMLAttributes<HTMLAnchorEleme
|
|
|
2180
2235
|
render?: ReactElement4;
|
|
2181
2236
|
asChild?: boolean;
|
|
2182
2237
|
}
|
|
2183
|
-
declare const SidebarMenuSubButton:
|
|
2238
|
+
declare const SidebarMenuSubButton: ForwardRefExoticComponent_tcubfn12<SidebarMenuSubButtonProps & RefAttributes_miuf5612<HTMLAnchorElement>>;
|
|
2184
2239
|
interface SidebarProps extends Omit<HTMLAttributes18<HTMLDivElement>, "defaultValue" | "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart" | "onAnimationEnd" | "onAnimationIteration"> {
|
|
2185
2240
|
/** The edge it sits on; the shortcut key and the rail mirror it. Defaults to `'left'`. */
|
|
2186
2241
|
side?: "left" | "right";
|
|
@@ -2432,7 +2487,7 @@ interface TabsSubtlePanelProps extends HTMLAttributes19<HTMLDivElement> {
|
|
|
2432
2487
|
}
|
|
2433
2488
|
declare const TabsSubtlePanel: ForwardRefExoticComponent10<TabsSubtlePanelProps & RefAttributes10<HTMLDivElement>>;
|
|
2434
2489
|
import { ReactNode as ReactNode21 } from "react";
|
|
2435
|
-
import { HTMLAttributes as HTMLAttributes20, ReactNode as ReactNode20, RefObject as
|
|
2490
|
+
import { HTMLAttributes as HTMLAttributes20, ReactNode as ReactNode20, RefObject as RefObject12 } from "react";
|
|
2436
2491
|
/** What opened the overlay: the pressed trigger and the press point. */
|
|
2437
2492
|
interface MorphOrigin {
|
|
2438
2493
|
trigger?: HTMLElement;
|
|
@@ -2441,17 +2496,17 @@ interface MorphOrigin {
|
|
|
2441
2496
|
y: number;
|
|
2442
2497
|
};
|
|
2443
2498
|
}
|
|
2444
|
-
import { ForwardRefExoticComponent as
|
|
2445
|
-
import { RefAttributes as
|
|
2499
|
+
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn13 } from "react";
|
|
2500
|
+
import { RefAttributes as RefAttributes_miuf5613 } from "react";
|
|
2446
2501
|
import { JSX as JSX_1kxb16 } from "react";
|
|
2447
2502
|
type DialogSlotProps = SlotProps;
|
|
2448
2503
|
/** The open state and origin `DialogState` provides, for content built on another Base UI popup (Sheet). */
|
|
2449
2504
|
declare const useDialogState: () => {
|
|
2450
2505
|
open: boolean;
|
|
2451
|
-
origin:
|
|
2506
|
+
origin: RefObject12<MorphOrigin>;
|
|
2452
2507
|
};
|
|
2453
|
-
declare const DialogTrigger:
|
|
2454
|
-
declare const DialogClose:
|
|
2508
|
+
declare const DialogTrigger: ForwardRefExoticComponent_tcubfn13<SlotProps & RefAttributes_miuf5613<HTMLButtonElement>>;
|
|
2509
|
+
declare const DialogClose: ForwardRefExoticComponent_tcubfn13<SlotProps & RefAttributes_miuf5613<HTMLButtonElement>>;
|
|
2455
2510
|
interface DialogContentProps extends HTMLAttributes20<HTMLDivElement> {
|
|
2456
2511
|
/** Width: 400, 540, or 880. Compact regions narrow each by 1 notch: 360,
|
|
2457
2512
|
* 480, 800. `xl` is the canvas for composed layouts — a sidebar beside a
|
|
@@ -2473,7 +2528,7 @@ interface DialogContentProps extends HTMLAttributes20<HTMLDivElement> {
|
|
|
2473
2528
|
* edge still. Defaults to `"center"`. */
|
|
2474
2529
|
position?: "center" | "top";
|
|
2475
2530
|
/** Where the panel grows from (see Morph): the pressed trigger (its center when none), the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'`. */
|
|
2476
|
-
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" |
|
|
2531
|
+
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject12<HTMLElement | null>;
|
|
2477
2532
|
/** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. Defaults to `'goo'`. */
|
|
2478
2533
|
effect?: "goo" | "morph" | "slide" | "fade";
|
|
2479
2534
|
/** Hide the trigger while open, so it reads as turning into the panel. Defaults to `false`. */
|
|
@@ -2483,12 +2538,12 @@ interface DialogContentProps extends HTMLAttributes20<HTMLDivElement> {
|
|
|
2483
2538
|
/** Dialog content. Everything inside reads the dialog's surface level as its substrate. */
|
|
2484
2539
|
children?: ReactNode20;
|
|
2485
2540
|
}
|
|
2486
|
-
declare const DialogContent:
|
|
2541
|
+
declare const DialogContent: ForwardRefExoticComponent_tcubfn13<DialogContentProps & RefAttributes_miuf5613<HTMLDivElement>>;
|
|
2487
2542
|
type Element_12xgc16 = JSX_1kxb16["Element"];
|
|
2488
2543
|
declare function DialogHeader({ className,...props }: HTMLAttributes20<HTMLDivElement>): Element_12xgc16;
|
|
2489
2544
|
declare function DialogFooter({ className,...props }: HTMLAttributes20<HTMLDivElement>): Element_12xgc16;
|
|
2490
|
-
declare const DialogTitle:
|
|
2491
|
-
declare const DialogDescription:
|
|
2545
|
+
declare const DialogTitle: ForwardRefExoticComponent_tcubfn13<HTMLAttributes20<HTMLHeadingElement> & RefAttributes_miuf5613<HTMLHeadingElement>>;
|
|
2546
|
+
declare const DialogDescription: ForwardRefExoticComponent_tcubfn13<HTMLAttributes20<HTMLParagraphElement> & RefAttributes_miuf5613<HTMLParagraphElement>>;
|
|
2492
2547
|
interface DialogStateProps {
|
|
2493
2548
|
open?: boolean;
|
|
2494
2549
|
defaultOpen?: boolean;
|
|
@@ -2552,10 +2607,10 @@ interface DialogProps {
|
|
|
2552
2607
|
* @example {@include ./examples.mdx}
|
|
2553
2608
|
*/
|
|
2554
2609
|
declare function Dialog({ children, open, defaultOpen, onOpenChange, modal }: DialogProps): Element_12xgc16;
|
|
2555
|
-
import { ForwardRefExoticComponent as
|
|
2556
|
-
import { RefAttributes as
|
|
2610
|
+
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn14 } from "react";
|
|
2611
|
+
import { RefAttributes as RefAttributes_miuf5614 } from "react";
|
|
2557
2612
|
import { JSX as JSX_1kxb17 } from "react";
|
|
2558
|
-
declare const AlertDialogContent:
|
|
2613
|
+
declare const AlertDialogContent: ForwardRefExoticComponent_tcubfn14<DialogContentProps & RefAttributes_miuf5614<HTMLDivElement>>;
|
|
2559
2614
|
interface AlertDialogProps {
|
|
2560
2615
|
/** Controlled open state. */
|
|
2561
2616
|
open?: boolean;
|
|
@@ -2585,10 +2640,10 @@ type Element_12xgc17 = JSX_1kxb17["Element"];
|
|
|
2585
2640
|
* @example {@include ./examples.mdx}
|
|
2586
2641
|
*/
|
|
2587
2642
|
declare function AlertDialog({ children, open, defaultOpen, onOpenChange }: AlertDialogProps): Element_12xgc17;
|
|
2588
|
-
import { ReactNode as ReactNode23, RefObject as
|
|
2643
|
+
import { ReactNode as ReactNode23, RefObject as RefObject13 } from "react";
|
|
2589
2644
|
import { HTMLAttributes as HTMLAttributes21, ReactElement as ReactElement5, ReactNode as ReactNode22 } from "react";
|
|
2590
|
-
import { ForwardRefExoticComponent as
|
|
2591
|
-
import { RefAttributes as
|
|
2645
|
+
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn15 } from "react";
|
|
2646
|
+
import { RefAttributes as RefAttributes_miuf5615 } from "react";
|
|
2592
2647
|
/** What MenuItem hands to the popup's primitive wrapper. `element` is the
|
|
2593
2648
|
* styled row div (visuals + fluid hover registration, no children); `children`
|
|
2594
2649
|
* is the row content (icon, label, check). The dropdown wraps them in its
|
|
@@ -2661,18 +2716,18 @@ interface MenuItemProps extends HTMLAttributes21<HTMLDivElement> {
|
|
|
2661
2716
|
* re-indexed the visible rows. Selection is keyed on it. */
|
|
2662
2717
|
sourceIndex?: number;
|
|
2663
2718
|
}
|
|
2664
|
-
declare const MenuItem2:
|
|
2665
|
-
import { ForwardRefExoticComponent as
|
|
2666
|
-
import { RefAttributes as
|
|
2719
|
+
declare const MenuItem2: ForwardRefExoticComponent_tcubfn15<MenuItemProps & RefAttributes_miuf5615<HTMLDivElement>>;
|
|
2720
|
+
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn16 } from "react";
|
|
2721
|
+
import { RefAttributes as RefAttributes_miuf5616 } from "react";
|
|
2667
2722
|
import { JSX as JSX_1kxb18 } from "react";
|
|
2668
2723
|
interface ContextMenuItemProps extends MenuItemProps {
|
|
2669
2724
|
/** Keyboard shortcut shown at the row's end, e.g. `⌘C`. */
|
|
2670
2725
|
shortcut?: string;
|
|
2671
2726
|
}
|
|
2672
|
-
declare const ContextMenuItem:
|
|
2727
|
+
declare const ContextMenuItem: ForwardRefExoticComponent_tcubfn16<ContextMenuItemProps & RefAttributes_miuf5616<HTMLDivElement>>;
|
|
2673
2728
|
interface ContextMenuContentProps {
|
|
2674
2729
|
/** Where the menu grows from (see Morph): the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'pointer'`. */
|
|
2675
|
-
from?: "pointer" | "center" | "top" | "right" | "bottom" | "left" |
|
|
2730
|
+
from?: "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject13<HTMLElement | null>;
|
|
2676
2731
|
/** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. Defaults to `'goo'`. */
|
|
2677
2732
|
effect?: "goo" | "morph" | "slide" | "fade";
|
|
2678
2733
|
/** Hide the `from` element while open, so it reads as turning into the menu. Defaults to `false`. */
|
|
@@ -2686,7 +2741,7 @@ interface ContextMenuContentProps {
|
|
|
2686
2741
|
/** `ContextMenu.Item` rows, plus `ContextMenu.Label` and `ContextMenu.Separator`. */
|
|
2687
2742
|
children?: ReactNode23;
|
|
2688
2743
|
}
|
|
2689
|
-
declare const ContextMenuContent:
|
|
2744
|
+
declare const ContextMenuContent: ForwardRefExoticComponent_tcubfn16<ContextMenuContentProps & RefAttributes_miuf5616<HTMLDivElement>>;
|
|
2690
2745
|
interface ContextMenuProps {
|
|
2691
2746
|
/** Controlled open state. Pair with `onOpenChange`. */
|
|
2692
2747
|
open?: boolean;
|
|
@@ -2730,10 +2785,10 @@ type Element_12xgc18 = JSX_1kxb18["Element"];
|
|
|
2730
2785
|
declare function ContextMenu({ open, defaultOpen, onOpenChange, disabled, size, children }: ContextMenuProps): Element_12xgc18;
|
|
2731
2786
|
import { MenuTriggerProps } from "@base-ui/react/menu";
|
|
2732
2787
|
import { Menu as Menu2 } from "@base-ui/react/menu";
|
|
2733
|
-
import { ComponentProps, ForwardRefExoticComponent as ForwardRefExoticComponent11, HTMLAttributes as HTMLAttributes23, ReactNode as ReactNode24, RefAttributes as RefAttributes11, RefObject as
|
|
2788
|
+
import { ComponentProps, ForwardRefExoticComponent as ForwardRefExoticComponent11, HTMLAttributes as HTMLAttributes23, ReactNode as ReactNode24, RefAttributes as RefAttributes11, RefObject as RefObject15 } from "react";
|
|
2734
2789
|
import { HTMLAttributes as HTMLAttributes22, InputHTMLAttributes as InputHTMLAttributes4 } from "react";
|
|
2735
|
-
import { ForwardRefExoticComponent as
|
|
2736
|
-
import { RefAttributes as
|
|
2790
|
+
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn17 } from "react";
|
|
2791
|
+
import { RefAttributes as RefAttributes_miuf5617 } from "react";
|
|
2737
2792
|
interface DropdownSearchProps extends Omit<InputHTMLAttributes4<HTMLInputElement>, "value" | "onChange" | "size" | "defaultValue"> {
|
|
2738
2793
|
/** The query. Filter the MenuItems you render against it. Optional under `filter`, where the panel holds the query. */
|
|
2739
2794
|
value?: string;
|
|
@@ -2749,8 +2804,8 @@ interface DropdownSearchProps extends Omit<InputHTMLAttributes4<HTMLInputElement
|
|
|
2749
2804
|
/** Take focus when the popup opens. @default true */
|
|
2750
2805
|
autoFocus?: boolean;
|
|
2751
2806
|
}
|
|
2752
|
-
declare const DropdownSearch:
|
|
2753
|
-
declare const DropdownEmpty:
|
|
2807
|
+
declare const DropdownSearch: ForwardRefExoticComponent_tcubfn17<DropdownSearchProps & RefAttributes_miuf5617<HTMLInputElement>>;
|
|
2808
|
+
declare const DropdownEmpty: ForwardRefExoticComponent_tcubfn17<HTMLAttributes22<HTMLDivElement> & RefAttributes_miuf5617<HTMLDivElement>>;
|
|
2754
2809
|
import { JSX as JSX_1kxb19 } from "react";
|
|
2755
2810
|
interface DropdownProps extends HTMLAttributes23<HTMLDivElement> {
|
|
2756
2811
|
/** `Dropdown.Item` rows, plus `Dropdown.Label` and `Dropdown.Separator`. */
|
|
@@ -2854,7 +2909,7 @@ interface DropdownContentProps {
|
|
|
2854
2909
|
/** Gap to the trigger, in px. Ignored when the menu opens in place over its trigger (`effect="morph"` with `hideSource`). Defaults to `6`. */
|
|
2855
2910
|
sideOffset?: number;
|
|
2856
2911
|
/** Where the menu grows from (see Morph): the trigger, the pointer, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'`. */
|
|
2857
|
-
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" |
|
|
2912
|
+
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject15<HTMLElement | null>;
|
|
2858
2913
|
/** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. Defaults to `'goo'`. */
|
|
2859
2914
|
effect?: "goo" | "morph" | "slide" | "fade";
|
|
2860
2915
|
/** Hide the trigger while open, so it reads as turning into the menu. Defaults to `false`. */
|
|
@@ -2865,9 +2920,9 @@ interface DropdownContentProps {
|
|
|
2865
2920
|
declare const DropdownContent: ForwardRefExoticComponent11<DropdownContentProps & RefAttributes11<HTMLDivElement>>;
|
|
2866
2921
|
declare const DropdownLabel: ForwardRefExoticComponent11<HTMLAttributes23<HTMLDivElement> & RefAttributes11<HTMLDivElement>>;
|
|
2867
2922
|
declare const DropdownSeparator: ForwardRefExoticComponent11<HTMLAttributes23<HTMLDivElement> & RefAttributes11<HTMLDivElement>>;
|
|
2868
|
-
import { HTMLAttributes as HTMLAttributes24, ReactNode as ReactNode25, RefObject as
|
|
2869
|
-
import { ForwardRefExoticComponent as
|
|
2870
|
-
import { RefAttributes as
|
|
2923
|
+
import { HTMLAttributes as HTMLAttributes24, ReactNode as ReactNode25, RefObject as RefObject16 } from "react";
|
|
2924
|
+
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn18 } from "react";
|
|
2925
|
+
import { RefAttributes as RefAttributes_miuf5618 } from "react";
|
|
2871
2926
|
import { JSX as JSX_1kxb20 } from "react";
|
|
2872
2927
|
interface PopoverTriggerProps extends SlotProps {
|
|
2873
2928
|
/** Open on hover as well as on press (a tap still toggles it on touch). Defaults to `false`. */
|
|
@@ -2877,8 +2932,8 @@ interface PopoverTriggerProps extends SlotProps {
|
|
|
2877
2932
|
/** Delay before closing once the pointer leaves, in ms. Needs `openOnHover`. Defaults to `0`. */
|
|
2878
2933
|
closeDelay?: number;
|
|
2879
2934
|
}
|
|
2880
|
-
declare const PopoverTrigger:
|
|
2881
|
-
declare const PopoverClose:
|
|
2935
|
+
declare const PopoverTrigger: ForwardRefExoticComponent_tcubfn18<PopoverTriggerProps & RefAttributes_miuf5618<HTMLButtonElement>>;
|
|
2936
|
+
declare const PopoverClose: ForwardRefExoticComponent_tcubfn18<SlotProps & RefAttributes_miuf5618<HTMLButtonElement>>;
|
|
2882
2937
|
interface PopoverContentProps extends HTMLAttributes24<HTMLDivElement> {
|
|
2883
2938
|
/** Side of the trigger the panel opens on; it flips when there is no room. Defaults to `'bottom'`. */
|
|
2884
2939
|
side?: "top" | "right" | "bottom" | "left";
|
|
@@ -2887,7 +2942,7 @@ interface PopoverContentProps extends HTMLAttributes24<HTMLDivElement> {
|
|
|
2887
2942
|
/** Gap between trigger and panel in px — the length of the goo neck. Ignored when the panel opens in place over its trigger (`effect="morph"` with `hideSource`). Defaults to `12`. */
|
|
2888
2943
|
sideOffset?: number;
|
|
2889
2944
|
/** Where the panel grows from (see Morph): the pressed trigger, the press point, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'`. */
|
|
2890
|
-
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" |
|
|
2945
|
+
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject16<HTMLElement | null>;
|
|
2891
2946
|
/** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. Defaults to `'goo'`. */
|
|
2892
2947
|
effect?: "goo" | "morph" | "slide" | "fade";
|
|
2893
2948
|
/** Hide the trigger while open, so it reads as turning into the panel. Defaults to `false`. */
|
|
@@ -2901,9 +2956,9 @@ interface PopoverContentProps extends HTMLAttributes24<HTMLDivElement> {
|
|
|
2901
2956
|
/** The panel's content. Everything inside reads the popover's surface level as its substrate. */
|
|
2902
2957
|
children?: ReactNode25;
|
|
2903
2958
|
}
|
|
2904
|
-
declare const PopoverContent:
|
|
2905
|
-
declare const PopoverTitle:
|
|
2906
|
-
declare const PopoverDescription:
|
|
2959
|
+
declare const PopoverContent: ForwardRefExoticComponent_tcubfn18<PopoverContentProps & RefAttributes_miuf5618<HTMLDivElement>>;
|
|
2960
|
+
declare const PopoverTitle: ForwardRefExoticComponent_tcubfn18<HTMLAttributes24<HTMLHeadingElement> & RefAttributes_miuf5618<HTMLHeadingElement>>;
|
|
2961
|
+
declare const PopoverDescription: ForwardRefExoticComponent_tcubfn18<HTMLAttributes24<HTMLParagraphElement> & RefAttributes_miuf5618<HTMLParagraphElement>>;
|
|
2907
2962
|
interface PopoverProps {
|
|
2908
2963
|
/** Controlled open state. Pair with `onOpenChange`. */
|
|
2909
2964
|
open?: boolean;
|
|
@@ -2942,9 +2997,9 @@ type Element_12xgc20 = JSX_1kxb20["Element"];
|
|
|
2942
2997
|
* @example {@include ./examples.mdx}
|
|
2943
2998
|
*/
|
|
2944
2999
|
declare function Popover2({ open, defaultOpen, onOpenChange, modal, children }: PopoverProps): Element_12xgc20;
|
|
2945
|
-
import { AnchorHTMLAttributes as AnchorHTMLAttributes2, HTMLAttributes as HTMLAttributes25, ReactElement as ReactElement6, ReactNode as ReactNode26, RefObject as
|
|
2946
|
-
import { ForwardRefExoticComponent as
|
|
2947
|
-
import { RefAttributes as
|
|
3000
|
+
import { AnchorHTMLAttributes as AnchorHTMLAttributes2, HTMLAttributes as HTMLAttributes25, ReactElement as ReactElement6, ReactNode as ReactNode26, RefObject as RefObject17 } from "react";
|
|
3001
|
+
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn19 } from "react";
|
|
3002
|
+
import { RefAttributes as RefAttributes_miuf5619 } from "react";
|
|
2948
3003
|
import { JSX as JSX_1kxb21 } from "react";
|
|
2949
3004
|
interface PreviewCardTriggerProps extends AnchorHTMLAttributes2<HTMLAnchorElement> {
|
|
2950
3005
|
/** Hover delay before the card opens, in ms. Defaults to `600`. */
|
|
@@ -2958,7 +3013,7 @@ interface PreviewCardTriggerProps extends AnchorHTMLAttributes2<HTMLAnchorElemen
|
|
|
2958
3013
|
/** The link's content. */
|
|
2959
3014
|
children?: ReactNode26;
|
|
2960
3015
|
}
|
|
2961
|
-
declare const PreviewCardTrigger:
|
|
3016
|
+
declare const PreviewCardTrigger: ForwardRefExoticComponent_tcubfn19<PreviewCardTriggerProps & RefAttributes_miuf5619<HTMLAnchorElement>>;
|
|
2962
3017
|
interface PreviewCardContentProps extends HTMLAttributes25<HTMLDivElement> {
|
|
2963
3018
|
/** Side of the link the card opens on; it flips when there is no room. Defaults to `'bottom'`. */
|
|
2964
3019
|
side?: "top" | "right" | "bottom" | "left";
|
|
@@ -2967,7 +3022,7 @@ interface PreviewCardContentProps extends HTMLAttributes25<HTMLDivElement> {
|
|
|
2967
3022
|
/** Gap between link and card in px — the length of the goo neck. Ignored when the card opens in place over its link (`effect="morph"` with `hideSource`). Defaults to `12`. */
|
|
2968
3023
|
sideOffset?: number;
|
|
2969
3024
|
/** Where the card grows from (see Morph): the hovered link, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'`. */
|
|
2970
|
-
from?: "trigger" | "center" | "top" | "right" | "bottom" | "left" |
|
|
3025
|
+
from?: "trigger" | "center" | "top" | "right" | "bottom" | "left" | RefObject17<HTMLElement | null>;
|
|
2971
3026
|
/** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. Defaults to `'goo'`. */
|
|
2972
3027
|
effect?: "goo" | "morph" | "slide" | "fade";
|
|
2973
3028
|
/** Hide the link while open, so it reads as turning into the card. Defaults to `false`. */
|
|
@@ -2981,7 +3036,7 @@ interface PreviewCardContentProps extends HTMLAttributes25<HTMLDivElement> {
|
|
|
2981
3036
|
/** The card's content. Everything inside reads the card's surface level as its substrate. */
|
|
2982
3037
|
children?: ReactNode26;
|
|
2983
3038
|
}
|
|
2984
|
-
declare const PreviewCardContent:
|
|
3039
|
+
declare const PreviewCardContent: ForwardRefExoticComponent_tcubfn19<PreviewCardContentProps & RefAttributes_miuf5619<HTMLDivElement>>;
|
|
2985
3040
|
interface PreviewCardProps {
|
|
2986
3041
|
/** Controlled open state. Pair with `onOpenChange`. */
|
|
2987
3042
|
open?: boolean;
|
|
@@ -3016,14 +3071,14 @@ type Element_12xgc21 = JSX_1kxb21["Element"];
|
|
|
3016
3071
|
* @example {@include ./examples.mdx}
|
|
3017
3072
|
*/
|
|
3018
3073
|
declare function PreviewCard({ open, defaultOpen, onOpenChange, children }: PreviewCardProps): Element_12xgc21;
|
|
3019
|
-
import { HTMLAttributes as HTMLAttributes26, ReactNode as ReactNode27, RefObject as
|
|
3020
|
-
import { ForwardRefExoticComponent as
|
|
3021
|
-
import { RefAttributes as
|
|
3074
|
+
import { HTMLAttributes as HTMLAttributes26, ReactNode as ReactNode27, RefObject as RefObject18 } from "react";
|
|
3075
|
+
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn20 } from "react";
|
|
3076
|
+
import { RefAttributes as RefAttributes_miuf5620 } from "react";
|
|
3022
3077
|
import { JSX as JSX_1kxb22 } from "react";
|
|
3023
3078
|
type SheetSide = "top" | "right" | "bottom" | "left";
|
|
3024
3079
|
interface SheetContentProps extends HTMLAttributes26<HTMLDivElement> {
|
|
3025
3080
|
/** Where the sheet grows from (see Morph): its own edge, the pressed trigger, the press point, its center, another edge, or a ref to any element. Defaults to the sheet's `side`. */
|
|
3026
|
-
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" |
|
|
3081
|
+
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject18<HTMLElement | null>;
|
|
3027
3082
|
/** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. Defaults to `'goo'`. */
|
|
3028
3083
|
effect?: "goo" | "morph" | "slide" | "fade";
|
|
3029
3084
|
/** Hide the trigger while open, so it reads as turning into the sheet. Defaults to `false`. */
|
|
@@ -3037,8 +3092,8 @@ interface SheetContentProps extends HTMLAttributes26<HTMLDivElement> {
|
|
|
3037
3092
|
/** The sheet's content. Everything inside reads the sheet's surface level as its substrate. */
|
|
3038
3093
|
children?: ReactNode27;
|
|
3039
3094
|
}
|
|
3040
|
-
declare const SheetContent:
|
|
3041
|
-
declare const SheetIndent:
|
|
3095
|
+
declare const SheetContent: ForwardRefExoticComponent_tcubfn20<SheetContentProps & RefAttributes_miuf5620<HTMLDivElement>>;
|
|
3096
|
+
declare const SheetIndent: ForwardRefExoticComponent_tcubfn20<HTMLAttributes26<HTMLDivElement> & RefAttributes_miuf5620<HTMLDivElement>>;
|
|
3042
3097
|
interface SheetProps {
|
|
3043
3098
|
/** Controlled open state. */
|
|
3044
3099
|
open?: boolean;
|
|
@@ -3083,8 +3138,8 @@ type Element_12xgc22 = JSX_1kxb22["Element"];
|
|
|
3083
3138
|
*/
|
|
3084
3139
|
declare function Sheet({ children, open, defaultOpen, onOpenChange, side, snapPoints, defaultSnapPoint, modal }: SheetProps): Element_12xgc22;
|
|
3085
3140
|
import { ReactNode as ReactNode28 } from "react";
|
|
3086
|
-
import { ForwardRefExoticComponent as
|
|
3087
|
-
import { RefAttributes as
|
|
3141
|
+
import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn21 } from "react";
|
|
3142
|
+
import { RefAttributes as RefAttributes_miuf5621 } from "react";
|
|
3088
3143
|
import { JSX as JSX_1kxb23 } from "react";
|
|
3089
3144
|
type ToastType = "success" | "loading" | "error" | "warning" | "info" | "action";
|
|
3090
3145
|
type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
|
|
@@ -3140,7 +3195,7 @@ interface ToastTriggerProps extends Omit<SlotProps, "type"> {
|
|
|
3140
3195
|
description?: string;
|
|
3141
3196
|
};
|
|
3142
3197
|
}
|
|
3143
|
-
declare const ToastTrigger:
|
|
3198
|
+
declare const ToastTrigger: ForwardRefExoticComponent_tcubfn21<ToastTriggerProps & RefAttributes_miuf5621<HTMLButtonElement>>;
|
|
3144
3199
|
interface ToastProps {
|
|
3145
3200
|
/** Where toasts stack; the pill sits on that side and the body opens away from the edge. Defaults to `'top-right'`. */
|
|
3146
3201
|
position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
|
|
@@ -3179,7 +3234,7 @@ type Element_12xgc23 = JSX_1kxb23["Element"];
|
|
|
3179
3234
|
* @example {@include ./examples.mdx}
|
|
3180
3235
|
*/
|
|
3181
3236
|
declare function Toast({ position, limit, timeout, children }: ToastProps): Element_12xgc23;
|
|
3182
|
-
import { ReactNode as ReactNode29, RefObject as
|
|
3237
|
+
import { ReactNode as ReactNode29, RefObject as RefObject19 } from "react";
|
|
3183
3238
|
import { JSX as JSX_1kxb24 } from "react";
|
|
3184
3239
|
type Element_12xgc24 = JSX_1kxb24["Element"];
|
|
3185
3240
|
declare function TooltipPortalContainer({ value, children }: {
|
|
@@ -3226,7 +3281,7 @@ interface TooltipProps {
|
|
|
3226
3281
|
/** Called when the tooltip's internal open state changes (before forceOpen is applied). */
|
|
3227
3282
|
onOpenChange?: (open: boolean) => void;
|
|
3228
3283
|
/** Where the label grows from (see Morph): the trigger, the pointer, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'`. */
|
|
3229
|
-
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" |
|
|
3284
|
+
from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject19<HTMLElement | null>;
|
|
3230
3285
|
/** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. `followCursor` tooltips always fade. Defaults to `'goo'`. */
|
|
3231
3286
|
effect?: "goo" | "morph" | "slide" | "fade";
|
|
3232
3287
|
/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'moderate'`. */
|
|
@@ -3342,7 +3397,7 @@ interface CraftProps {
|
|
|
3342
3397
|
}
|
|
3343
3398
|
import { ForwardRefExoticComponent as ForwardRefExoticComponent13, HTMLAttributes as HTMLAttributes28, ReactNode as ReactNode33, RefAttributes as RefAttributes13 } from "react";
|
|
3344
3399
|
import { Transition as Transition2 } from "motion/react";
|
|
3345
|
-
import { Dispatch as Dispatch2, MutableRefObject as MutableRefObject2, RefObject as
|
|
3400
|
+
import { Dispatch as Dispatch2, MutableRefObject as MutableRefObject2, RefObject as RefObject20, SetStateAction as SetStateAction2 } from "react";
|
|
3346
3401
|
interface ItemRect {
|
|
3347
3402
|
top: number;
|
|
3348
3403
|
height: number;
|
|
@@ -3422,7 +3477,7 @@ interface UseFluidHoverReturn {
|
|
|
3422
3477
|
*/
|
|
3423
3478
|
measureItems: () => void;
|
|
3424
3479
|
}
|
|
3425
|
-
declare function useFluidHover<T extends HTMLElement>(containerRef:
|
|
3480
|
+
declare function useFluidHover<T extends HTMLElement>(containerRef: RefObject20<T | null>, options?: UseFluidHoverOptions): UseFluidHoverReturn;
|
|
3426
3481
|
/**
|
|
3427
3482
|
* Registers an item's element with its list for as long as it is mounted.
|
|
3428
3483
|
* The one way rows join a list: pass the hook's `registerItem` (or the copy
|
|
@@ -3430,7 +3485,7 @@ declare function useFluidHover<T extends HTMLElement>(containerRef: RefObject19<
|
|
|
3430
3485
|
* missing for a row rendered outside a list (a standalone card, an accordion
|
|
3431
3486
|
* item that is not grouped); then nothing is registered.
|
|
3432
3487
|
*/
|
|
3433
|
-
declare function useRegisterFluidHoverItem(registerItem: ((index: number, element: HTMLElement | null) => void) | undefined, index: number | undefined, ref:
|
|
3488
|
+
declare function useRegisterFluidHoverItem(registerItem: ((index: number, element: HTMLElement | null) => void) | undefined, index: number | undefined, ref: RefObject20<HTMLElement | null>): void;
|
|
3434
3489
|
import { JSX as JSX_1kxb28 } from "react";
|
|
3435
3490
|
/** What the highlight reads off the hook: the highlighted index, the
|
|
3436
3491
|
* measured rects, whether they are current, and the pointer session. */
|
|
@@ -3956,4 +4011,4 @@ interface ElevatedStatics {
|
|
|
3956
4011
|
* @example {@include ./examples.mdx}
|
|
3957
4012
|
*/
|
|
3958
4013
|
declare const Elevated: ForwardRefExoticComponent15<ElevatedProps & RefAttributes15<HTMLDivElement>> & ElevatedStatics;
|
|
3959
|
-
export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogContent, AlertDialogProps, Badge, BadgeColor, BadgeProps, BadgeSize, Button2 as Button, ButtonProps, ButtonSize, Calendar, CalendarProps, Card, CardAction, CardButton, CardButtonProps, CardButtonVariant, CardContent, CardDescription, CardEyebrow, CardFeature, CardFooter, CardGroup, CardGroupProps, CardHeader, CardImage, CardLogo, CardMedia, CardProps, CardTitle, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, Code, ColorFormat, ColorPicker, ColorPickerPopover, ColorPickerPopoverProps, ColorPickerPortalContainer, ColorPickerProps, ColorSwatch, ColorSwatchProps, ColorTile, Combobox, ComboboxChips, ComboboxChipsProps, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxItemData, ComboboxItemObject, ComboboxItemProps, ComboboxList, ComboboxListProps, ComboboxProps, ComboboxValue, Command, CommandContent, CommandContentProps, CommandGroup, CommandItem, CommandItems, CommandList, CommandListRoot, CommandPalette, CommandPaletteProps, CommandProps, CommandShortcut, CommandTrigger, ContextMenu, ContextMenuContent, ContextMenuContentProps, ContextMenuItem, ContextMenuItemProps, ContextMenuProps, Copy, CopyAlign, CopyProps, CopyVariant, CraftProps, DatePicker, DatePickerProps, DateRangePicker, DateRangePickerProps, Dialog, DialogClose, DialogSlotProps as DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogProps, DialogState, DialogTitle, DialogTrigger, DialogSlotProps as DialogTriggerProps, Dropdown, DropdownContent, DropdownContentProps, DropdownContextValue, DropdownEmpty, DropdownLabel, DropdownMenu, DropdownMenuProps, DropdownProps, DropdownSearch, DropdownSearchProps, DropdownSeparator, DropdownTrigger, DropdownTriggerProps, DurationPicker, DurationPickerProps, Elevated, ElevatedProps, FileThumbnail, FluidHover, FluidHoverAxis, FluidHoverHighlight, FluidHoverHighlightProps, FluidHoverItem, FluidHoverItemProps, FluidHoverProps, IconProvider, Input2 as Input, InputFieldProps, InputGroup, InputGroupProps, InputMessage, InputMessageProps, InputMessageSlotContext, InputMessageStatus, InputProps, ItemRect, Label2 as Label, LabelProps, MenuItem2 as MenuItem, MenuItemRenderOptions, MonthPicker, MonthPickerProps, Morph2 as Morph, MorphPart, MorphProps, Motion, MotionProps, ParsedColor, Popover2 as Popover, PopoverClose, PopoverContent, PopoverContentProps, PopoverDescription, PopoverProps, PopoverTitle, PopoverTrigger, PopoverTriggerProps, PreviewCard, PreviewCardContent, PreviewCardContentProps, PreviewCardProps, PreviewCardTrigger, PreviewCardTriggerProps, QueuedMessage, Radio, RadioGroup, RadioGroupProps, RadioProps, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_KEYBOARD_SHORTCUT_RIGHT, SIDEBAR_MAX_WIDTH, SIDEBAR_MIN_WIDTH, SIDEBAR_WIDTH, SIDEBAR_WIDTH_MOBILE, ScrollArea, ScrollAreaProps, ScrollBar, Search2 as Search, SearchProps, Select, SelectContent, SelectContentProps, SelectGroup, SelectItem, SelectItemProps, SelectLabel, SelectProps, SelectSeparator, SelectTrigger, SelectTriggerProps, ShapeProvider, Sheet, SheetContent, SheetContentProps, SheetIndent, SheetProps, SheetSide, Sidebar, SidebarApp, SidebarAppProps, SidebarCollapsible, SidebarContent, SidebarContentProps, SidebarContextValue, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupActionProps, SidebarGroupActions, SidebarGroupContent, SidebarGroupLabel, SidebarGroupLabelProps, SidebarHeader, SidebarInput, SidebarInputProps, SidebarInset, SidebarInsetProps, SidebarMenu, SidebarMenuAction, SidebarMenuActionProps, SidebarMenuActions, SidebarMenuBadge, SidebarMenuBadgeProps, SidebarMenuButton, SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeleton, SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubButtonProps, SidebarMenuSubItem, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarRail, SidebarRailProps, SidebarSectionProps, SidebarSelection, SidebarSelectionValue, SidebarSeparator, SidebarSide, SidebarTrigger, SidebarTriggerProps, SidebarVariant, SizeClasses, SizeProvider, SizeVariant, Slider, SliderComfortable, SliderComfortableProps, SliderProps, SliderValue, SpringTier, SurfaceProvider, Switch, SwitchGroup, SwitchGroupProps, SwitchProps, TabItem, TabItemProps, TabPanel, TabPanelProps, Table, TableBody, TableCell, TableHead, TableHeader, TableProps, TableRow, TableRowProps, Tabs, TabsList, TabsListProps, TabsProps, TabsSubtle, TabsSubtleItem, TabsSubtleItemProps, TabsSubtlePanel, TabsSubtlePanelProps, TabsSubtleProps, ThinkingIndicator, ThinkingIndicatorProps, TimePicker, TimePickerProps, Toast, ToastOptions, ToastPosition, ToastProps, ToastTrigger, ToastTriggerProps, ToastType, Tooltip, TooltipPortalContainer, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipSide, TypeScaleRole, TypeScaleStep, UseFluidHoverOptions, UseFluidHoverReturn, ValuePosition, badgeColors, badgeVariants, buildParsed, buttonVariants, cn, fieldVariants as comboboxFieldVariants, exitFallbackMs, parseColor, sidebarMenuButtonVariants, sizeMap, spring, surfaceClasses, triggerVariants, typeScale, useDialogState, useDropdown, useDropdownMaybe, useFluidHover, useRegisterFluidHoverItem, useSidebar, useSize, useSizeContext, useSizeVariant, useSurface, useToast, useTypeScale };
|
|
4014
|
+
export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogContent, AlertDialogProps, Badge, BadgeColor, BadgeProps, BadgeSize, Button2 as Button, ButtonProps, ButtonSize, Calendar, CalendarProps, Card, CardAction, CardButton, CardButtonProps, CardButtonVariant, CardContent, CardDescription, CardEyebrow, CardFeature, CardFooter, CardGroup, CardGroupProps, CardHeader, CardImage, CardLogo, CardMedia, CardProps, CardTitle, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, Code, ColorFormat, ColorPicker, ColorPickerPopover, ColorPickerPopoverProps, ColorPickerPortalContainer, ColorPickerProps, ColorSwatch, ColorSwatchProps, ColorTile, Combobox, ComboboxChips, ComboboxChipsProps, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxItemData, ComboboxItemObject, ComboboxItemProps, ComboboxList, ComboboxListProps, ComboboxProps, ComboboxValue, Command, CommandContent, CommandContentProps, CommandGroup, CommandItem, CommandItems, CommandList, CommandListRoot, CommandPalette, CommandPaletteProps, CommandProps, CommandShortcut, CommandTrigger, ContextMenu, ContextMenuContent, ContextMenuContentProps, ContextMenuItem, ContextMenuItemProps, ContextMenuProps, Copy, CopyAlign, CopyProps, CopyVariant, CraftProps, DatePicker, DatePickerProps, DateRangePicker, DateRangePickerProps, Dialog, DialogClose, DialogSlotProps as DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogProps, DialogState, DialogTitle, DialogTrigger, DialogSlotProps as DialogTriggerProps, Dropdown, DropdownContent, DropdownContentProps, DropdownContextValue, DropdownEmpty, DropdownLabel, DropdownMenu, DropdownMenuProps, DropdownProps, DropdownSearch, DropdownSearchProps, DropdownSeparator, DropdownTrigger, DropdownTriggerProps, DurationPicker, DurationPickerProps, Elevated, ElevatedProps, FileThumbnail, FluidHover, FluidHoverAxis, FluidHoverHighlight, FluidHoverHighlightProps, FluidHoverItem, FluidHoverItemProps, FluidHoverProps, IconProvider, Input2 as Input, InputFieldProps, InputGroup, InputGroupProps, InputMessage, InputMessageProps, InputMessageSlotContext, InputMessageStatus, InputProps, ItemRect, Label2 as Label, LabelProps, MenuItem2 as MenuItem, MenuItemRenderOptions, MonthPicker, MonthPickerProps, Morph2 as Morph, MorphPart, MorphProps, Motion, MotionProps, ParsedColor, Popover2 as Popover, PopoverClose, PopoverContent, PopoverContentProps, PopoverDescription, PopoverProps, PopoverTitle, PopoverTrigger, PopoverTriggerProps, PreviewCard, PreviewCardContent, PreviewCardContentProps, PreviewCardProps, PreviewCardTrigger, PreviewCardTriggerProps, QueuedMessage, Radio, RadioGroup, RadioGroupProps, RadioProps, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_KEYBOARD_SHORTCUT_RIGHT, SIDEBAR_MAX_WIDTH, SIDEBAR_MIN_WIDTH, SIDEBAR_WIDTH, SIDEBAR_WIDTH_MOBILE, ScrollArea, ScrollAreaProps, ScrollBar, Search2 as Search, SearchProps, Select, SelectContent, SelectContentProps, SelectGroup, SelectItem, SelectItemProps, SelectLabel, SelectProps, SelectSeparator, SelectTrigger, SelectTriggerProps, ShapeProvider, Sheet, SheetContent, SheetContentProps, SheetIndent, SheetProps, SheetSide, Sidebar, SidebarApp, SidebarAppProps, SidebarCollapsible, SidebarContent, SidebarContentProps, SidebarContextValue, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupActionProps, SidebarGroupActions, SidebarGroupContent, SidebarGroupLabel, SidebarGroupLabelProps, SidebarHeader, SidebarInput, SidebarInputProps, SidebarInset, SidebarInsetProps, SidebarMenu, SidebarMenuAction, SidebarMenuActionProps, SidebarMenuActions, SidebarMenuBadge, SidebarMenuBadgeProps, SidebarMenuButton, SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuItemProps, SidebarMenuProps, SidebarMenuSkeleton, SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubButtonProps, SidebarMenuSubItem, SidebarMenuSubItemProps, SidebarMenuSubProps, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarRail, SidebarRailProps, SidebarSectionProps, SidebarSelection, SidebarSelectionValue, SidebarSeparator, SidebarSide, SidebarTrigger, SidebarTriggerProps, SidebarVariant, SizeClasses, SizeProvider, SizeVariant, Slider, SliderComfortable, SliderComfortableProps, SliderProps, SliderValue, SpringTier, SurfaceProvider, Switch, SwitchGroup, SwitchGroupProps, SwitchProps, TabItem, TabItemProps, TabPanel, TabPanelProps, Table, TableBody, TableCell, TableHead, TableHeader, TableProps, TableRow, TableRowProps, Tabs, TabsList, TabsListProps, TabsProps, TabsSubtle, TabsSubtleItem, TabsSubtleItemProps, TabsSubtlePanel, TabsSubtlePanelProps, TabsSubtleProps, Textarea, TextareaProps, ThinkingIndicator, ThinkingIndicatorProps, TimePicker, TimePickerProps, Toast, ToastOptions, ToastPosition, ToastProps, ToastTrigger, ToastTriggerProps, ToastType, Tooltip, TooltipPortalContainer, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipSide, TypeScaleRole, TypeScaleStep, UseFluidHoverOptions, UseFluidHoverReturn, ValuePosition, badgeColors, badgeVariants, buildParsed, buttonVariants, cn, fieldVariants as comboboxFieldVariants, exitFallbackMs, parseColor, sidebarMenuButtonVariants, sizeMap, spring, surfaceClasses, triggerVariants, typeScale, useDialogState, useDropdown, useDropdownMaybe, useFluidHover, useRegisterFluidHoverItem, useSidebar, useSize, useSizeContext, useSizeVariant, useSurface, useToast, useTypeScale };
|