@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.
Files changed (35) hide show
  1. package/README.md +2 -1
  2. package/dist/blocks/sidebar-app/index.js +3 -3
  3. package/dist/components/inputs/combobox/index.d.ts +7 -6
  4. package/dist/components/inputs/combobox/index.js +2 -2
  5. package/dist/components/inputs/date-time/date-picker/index.d.ts +7 -3
  6. package/dist/components/inputs/date-time/date-picker/index.js +5 -5
  7. package/dist/components/inputs/date-time/date-range-picker/index.d.ts +7 -3
  8. package/dist/components/inputs/date-time/date-range-picker/index.js +4 -4
  9. package/dist/components/inputs/date-time/duration-picker/index.d.ts +7 -3
  10. package/dist/components/inputs/date-time/duration-picker/index.js +4 -4
  11. package/dist/components/inputs/date-time/month-picker/index.d.ts +7 -3
  12. package/dist/components/inputs/date-time/month-picker/index.js +4 -4
  13. package/dist/components/inputs/date-time/time-picker/index.d.ts +7 -3
  14. package/dist/components/inputs/date-time/time-picker/index.js +4 -4
  15. package/dist/components/inputs/input/index.d.ts +5 -1
  16. package/dist/components/inputs/input/index.js +2 -2
  17. package/dist/components/inputs/textarea/index.d.ts +46 -0
  18. package/dist/components/inputs/textarea/index.js +13 -0
  19. package/dist/components/navigation/sidebar/index.js +2 -2
  20. package/dist/index.d.ts +166 -111
  21. package/dist/index.js +15 -11
  22. package/dist/shared/{components-mhd39z7x.js → components-3myrw7ne.js} +36 -1
  23. package/dist/shared/{components-gvr9w41t.js → components-50m950y9.js} +19 -23
  24. package/dist/shared/{components-nb87fjy4.js → components-mqyvvh8k.js} +1 -1
  25. package/dist/shared/{components-3fbbvq5j.js → components-nsjec21k.js} +3 -1
  26. package/dist/shared/{components-re6rs21k.js → components-nyq0rym2.js} +3 -1
  27. package/dist/shared/{components-7btqt08d.js → components-qtqxgfrb.js} +17 -20
  28. package/dist/shared/components-rd9tbsqv.js +89 -0
  29. package/dist/shared/{components-8ey44d79.js → components-tcee5k0s.js} +22 -24
  30. package/dist/shared/{components-bshdmf75.js → components-wshd8f3n.js} +3 -1
  31. package/dist/shared/{components-2nhgyh31.js → components-wtbesgdp.js} +3 -1
  32. package/dist/shared/{components-2n3whx7z.js → components-ye0ze0h8.js} +1 -1
  33. package/dist/shared/{components-k809mbn0.js → components-zwhtxm15.js} +3 -1
  34. package/dist/styles.css +1 -1
  35. 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 { VariantProps as VariantProps3 } from "class-variance-authority";
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">, VariantProps3<typeof fieldVariants> {
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?: "bordered" | "borderless" | null;
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" | RefObject3<HTMLElement | null>;
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 RefObject4 } from "react";
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" | RefObject4<HTMLElement | null>;
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 RefObject5 } from "react";
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" | RefObject5<HTMLElement | null>;
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 RefObject6 } from "react";
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" | RefObject6<HTMLElement | null>;
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 RefObject7 } from "react";
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" | RefObject7<HTMLElement | null>;
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 RefObject8 } from "react";
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" | RefObject8<HTMLElement | null>;
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 RefObject9 } from "react";
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" | RefObject9<HTMLElement | null>;
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 VariantProps4 } from "class-variance-authority";
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">, VariantProps4<typeof triggerVariants> {
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 { ForwardRefExoticComponent as ForwardRefExoticComponent8, HTMLAttributes as HTMLAttributes18, ReactNode as ReactNode17, RefAttributes as RefAttributes8 } from "react";
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: ForwardRefExoticComponent_tcubfn10<SidebarProviderProps & RefAttributes_miuf5610<HTMLDivElement>>;
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: ForwardRefExoticComponent_tcubfn10<ButtonProps & RefAttributes_miuf5610<HTMLButtonElement>>;
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: ForwardRefExoticComponent_tcubfn10<SidebarRailProps & RefAttributes_miuf5610<HTMLButtonElement>>;
2110
+ declare const SidebarRail: ForwardRefExoticComponent_tcubfn11<SidebarRailProps & RefAttributes_miuf5611<HTMLButtonElement>>;
2056
2111
  type SidebarInsetProps = HTMLAttributes16<HTMLElement>;
2057
- declare const SidebarInset: ForwardRefExoticComponent_tcubfn10<SidebarInsetProps & RefAttributes_miuf5610<HTMLElement>>;
2112
+ declare const SidebarInset: ForwardRefExoticComponent_tcubfn11<SidebarInsetProps & RefAttributes_miuf5611<HTMLElement>>;
2058
2113
  type SidebarInputProps = React.InputHTMLAttributes<HTMLInputElement>;
2059
- declare const SidebarInput: ForwardRefExoticComponent_tcubfn10<SidebarInputProps & RefAttributes_miuf5610<HTMLInputElement>>;
2114
+ declare const SidebarInput: ForwardRefExoticComponent_tcubfn11<SidebarInputProps & RefAttributes_miuf5611<HTMLInputElement>>;
2060
2115
  type SidebarSectionProps = HTMLAttributes16<HTMLDivElement>;
2061
- declare const SidebarHeader: ForwardRefExoticComponent_tcubfn10<SidebarSectionProps & RefAttributes_miuf5610<HTMLDivElement>>;
2062
- declare const SidebarFooter: ForwardRefExoticComponent_tcubfn10<SidebarSectionProps & RefAttributes_miuf5610<HTMLDivElement>>;
2063
- declare const SidebarSeparator: ForwardRefExoticComponent_tcubfn10<SidebarSectionProps & RefAttributes_miuf5610<HTMLDivElement>>;
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: ForwardRefExoticComponent_tcubfn10<SidebarGroupProps & RefAttributes_miuf5610<HTMLDivElement>>;
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: ForwardRefExoticComponent_tcubfn10<SidebarGroupLabelProps & RefAttributes_miuf5610<HTMLDivElement>>;
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: ForwardRefExoticComponent_tcubfn10<SidebarGroupActionProps & RefAttributes_miuf5610<HTMLButtonElement>>;
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: ForwardRefExoticComponent_tcubfn10<SidebarGroupActionsProps & RefAttributes_miuf5610<HTMLDivElement>>;
2089
- declare const SidebarGroupContent: ForwardRefExoticComponent_tcubfn10<SidebarSectionProps & RefAttributes_miuf5610<HTMLDivElement>>;
2090
- import { VariantProps as VariantProps5 } from "class-variance-authority";
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 ForwardRefExoticComponent_tcubfn11 } from "react";
2094
- import { RefAttributes as RefAttributes_miuf5611 } from "react";
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: ForwardRefExoticComponent_tcubfn11<SidebarMenuProps & RefAttributes_miuf5611<HTMLUListElement>>;
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: ForwardRefExoticComponent_tcubfn11<SidebarMenuItemProps & RefAttributes_miuf5611<HTMLLIElement>>;
2176
+ declare const SidebarMenuItem: ForwardRefExoticComponent_tcubfn12<SidebarMenuItemProps & RefAttributes_miuf5612<HTMLLIElement>>;
2122
2177
  type SidebarMenuSubItemProps = LiHTMLAttributes<HTMLLIElement>;
2123
- declare const SidebarMenuSubItem: ForwardRefExoticComponent_tcubfn11<SidebarMenuSubItemProps & RefAttributes_miuf5611<HTMLLIElement>>;
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>, VariantProps5<typeof sidebarMenuButtonVariants> {
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: ForwardRefExoticComponent_tcubfn11<SidebarMenuButtonProps & RefAttributes_miuf5611<HTMLButtonElement>>;
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: ForwardRefExoticComponent_tcubfn11<SidebarMenuActionProps & RefAttributes_miuf5611<HTMLButtonElement>>;
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: ForwardRefExoticComponent_tcubfn11<SidebarMenuActionsProps & RefAttributes_miuf5611<HTMLDivElement>>;
2216
+ declare const SidebarMenuActions: ForwardRefExoticComponent_tcubfn12<SidebarMenuActionsProps & RefAttributes_miuf5612<HTMLDivElement>>;
2162
2217
  type SidebarMenuBadgeProps = HTMLAttributes17<HTMLDivElement>;
2163
- declare const SidebarMenuBadge: ForwardRefExoticComponent_tcubfn11<SidebarMenuBadgeProps & RefAttributes_miuf5611<HTMLDivElement>>;
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: ForwardRefExoticComponent_tcubfn11<SidebarMenuSkeletonProps & RefAttributes_miuf5611<HTMLDivElement>>;
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: ForwardRefExoticComponent_tcubfn11<SidebarMenuSubProps & RefAttributes_miuf5611<HTMLUListElement>>;
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: ForwardRefExoticComponent_tcubfn11<SidebarMenuSubButtonProps & RefAttributes_miuf5611<HTMLAnchorElement>>;
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 RefObject11 } from "react";
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 ForwardRefExoticComponent_tcubfn12 } from "react";
2445
- import { RefAttributes as RefAttributes_miuf5612 } from "react";
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: RefObject11<MorphOrigin>;
2506
+ origin: RefObject12<MorphOrigin>;
2452
2507
  };
2453
- declare const DialogTrigger: ForwardRefExoticComponent_tcubfn12<SlotProps & RefAttributes_miuf5612<HTMLButtonElement>>;
2454
- declare const DialogClose: ForwardRefExoticComponent_tcubfn12<SlotProps & RefAttributes_miuf5612<HTMLButtonElement>>;
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" | RefObject11<HTMLElement | null>;
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: ForwardRefExoticComponent_tcubfn12<DialogContentProps & RefAttributes_miuf5612<HTMLDivElement>>;
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: ForwardRefExoticComponent_tcubfn12<HTMLAttributes20<HTMLHeadingElement> & RefAttributes_miuf5612<HTMLHeadingElement>>;
2491
- declare const DialogDescription: ForwardRefExoticComponent_tcubfn12<HTMLAttributes20<HTMLParagraphElement> & RefAttributes_miuf5612<HTMLParagraphElement>>;
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 ForwardRefExoticComponent_tcubfn13 } from "react";
2556
- import { RefAttributes as RefAttributes_miuf5613 } from "react";
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: ForwardRefExoticComponent_tcubfn13<DialogContentProps & RefAttributes_miuf5613<HTMLDivElement>>;
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 RefObject12 } from "react";
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 ForwardRefExoticComponent_tcubfn14 } from "react";
2591
- import { RefAttributes as RefAttributes_miuf5614 } from "react";
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: ForwardRefExoticComponent_tcubfn14<MenuItemProps & RefAttributes_miuf5614<HTMLDivElement>>;
2665
- import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn15 } from "react";
2666
- import { RefAttributes as RefAttributes_miuf5615 } from "react";
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: ForwardRefExoticComponent_tcubfn15<ContextMenuItemProps & RefAttributes_miuf5615<HTMLDivElement>>;
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" | RefObject12<HTMLElement | null>;
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: ForwardRefExoticComponent_tcubfn15<ContextMenuContentProps & RefAttributes_miuf5615<HTMLDivElement>>;
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 RefObject14 } from "react";
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 ForwardRefExoticComponent_tcubfn16 } from "react";
2736
- import { RefAttributes as RefAttributes_miuf5616 } from "react";
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: ForwardRefExoticComponent_tcubfn16<DropdownSearchProps & RefAttributes_miuf5616<HTMLInputElement>>;
2753
- declare const DropdownEmpty: ForwardRefExoticComponent_tcubfn16<HTMLAttributes22<HTMLDivElement> & RefAttributes_miuf5616<HTMLDivElement>>;
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" | RefObject14<HTMLElement | null>;
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 RefObject15 } from "react";
2869
- import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn17 } from "react";
2870
- import { RefAttributes as RefAttributes_miuf5617 } from "react";
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: ForwardRefExoticComponent_tcubfn17<PopoverTriggerProps & RefAttributes_miuf5617<HTMLButtonElement>>;
2881
- declare const PopoverClose: ForwardRefExoticComponent_tcubfn17<SlotProps & RefAttributes_miuf5617<HTMLButtonElement>>;
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" | RefObject15<HTMLElement | null>;
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: ForwardRefExoticComponent_tcubfn17<PopoverContentProps & RefAttributes_miuf5617<HTMLDivElement>>;
2905
- declare const PopoverTitle: ForwardRefExoticComponent_tcubfn17<HTMLAttributes24<HTMLHeadingElement> & RefAttributes_miuf5617<HTMLHeadingElement>>;
2906
- declare const PopoverDescription: ForwardRefExoticComponent_tcubfn17<HTMLAttributes24<HTMLParagraphElement> & RefAttributes_miuf5617<HTMLParagraphElement>>;
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 RefObject16 } from "react";
2946
- import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn18 } from "react";
2947
- import { RefAttributes as RefAttributes_miuf5618 } from "react";
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: ForwardRefExoticComponent_tcubfn18<PreviewCardTriggerProps & RefAttributes_miuf5618<HTMLAnchorElement>>;
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" | RefObject16<HTMLElement | null>;
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: ForwardRefExoticComponent_tcubfn18<PreviewCardContentProps & RefAttributes_miuf5618<HTMLDivElement>>;
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 RefObject17 } from "react";
3020
- import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn19 } from "react";
3021
- import { RefAttributes as RefAttributes_miuf5619 } from "react";
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" | RefObject17<HTMLElement | null>;
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: ForwardRefExoticComponent_tcubfn19<SheetContentProps & RefAttributes_miuf5619<HTMLDivElement>>;
3041
- declare const SheetIndent: ForwardRefExoticComponent_tcubfn19<HTMLAttributes26<HTMLDivElement> & RefAttributes_miuf5619<HTMLDivElement>>;
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 ForwardRefExoticComponent_tcubfn20 } from "react";
3087
- import { RefAttributes as RefAttributes_miuf5620 } from "react";
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: ForwardRefExoticComponent_tcubfn20<ToastTriggerProps & RefAttributes_miuf5620<HTMLButtonElement>>;
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 RefObject18 } from "react";
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" | RefObject18<HTMLElement | null>;
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 RefObject19, SetStateAction as SetStateAction2 } from "react";
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: RefObject19<T | null>, options?: UseFluidHoverOptions): UseFluidHoverReturn;
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: RefObject19<HTMLElement | null>): void;
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 };