@lolmath/ui 6.3.0 → 6.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.
@@ -1,6 +1,6 @@
1
1
  import * as react_aria_components from 'react-aria-components';
2
- import { ButtonProps as ButtonProps$1, DisclosureProps, DisclosurePanelProps, BreadcrumbsProps, BreadcrumbProps, LinkProps, CheckboxProps, HeadingProps as HeadingProps$1, ModalOverlayProps, DialogProps, NumberFieldProps, Input, Group, ProgressBarProps as ProgressBarProps$1, RadioGroupProps, RadioProps, SearchFieldProps, PopoverProps, ListBoxProps, ListBoxItemProps, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SliderOutputProps, SwitchProps, TabListProps, TabProps, TabPanelProps, TextFieldProps, TextAreaProps, InputProps, ToggleButtonProps as ToggleButtonProps$1, LabelProps as LabelProps$1, MenuTrigger as MenuTrigger$1, MenuProps, MenuItemProps, MenuSectionProps, Header, SeparatorProps, ComboBoxProps, TagProps } from 'react-aria-components';
3
- export { Autocomplete, Collection, Dialog, DialogTrigger, Key, MenuItemProps, MenuProps, RouterProvider, Select, SelectValue, Selection, Popover as UnstyledPopover, useFilter } from 'react-aria-components';
2
+ import { ButtonProps as ButtonProps$1, DisclosureProps, DisclosurePanelProps, BreadcrumbsProps, BreadcrumbProps, LinkProps, CheckboxProps, HeadingProps as HeadingProps$1, ModalOverlayProps, DialogProps, NumberFieldProps, Input, Group, ProgressBarProps as ProgressBarProps$1, RadioGroupProps, RadioProps, SearchFieldProps, PopoverProps, ListBoxProps, ListBoxItemProps, VirtualizerProps, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SliderOutputProps, SwitchProps, TabListProps, TabProps, TabPanelProps, TextFieldProps, TextAreaProps, InputProps, ToggleButtonProps as ToggleButtonProps$1, TextProps as TextProps$1, LabelProps as LabelProps$1, MenuTrigger as MenuTrigger$1, MenuProps, MenuItemProps, MenuSectionProps, Header, SeparatorProps, ComboBoxProps, TagProps } from 'react-aria-components';
3
+ export { Autocomplete, Collection, Dialog, DialogTrigger, FieldError, GridLayout, Key, ListBoxItem, ListLayout, MenuItemProps, MenuProps, RouterProvider, Select, SelectValue, Selection, Size, TableLayout, Popover as UnstyledPopover, Virtualizer, WaterfallLayout, useFilter } from 'react-aria-components';
4
4
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
5
  import * as react from 'react';
6
6
  import react__default, { Ref, ComponentProps, JSX } from 'react';
@@ -146,6 +146,7 @@ declare function SelectButton({ className, size, ...props }: ButtonProps$1 & {
146
146
  declare function SelectPopover({ className, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
147
147
  declare function SelectListBox<T extends object>({ className, ...props }: ListBoxProps<T>): react_jsx_runtime.JSX.Element;
148
148
  declare function SelectListBoxItem({ className, ...props }: ListBoxItemProps): react_jsx_runtime.JSX.Element;
149
+ declare function SelectVirtualizer<T>(props: Omit<VirtualizerProps<T>, "layout" | "layoutOptions">): react_jsx_runtime.JSX.Element;
149
150
 
150
151
  declare function Slider<T extends number | number[]>({ children, className, sliderThumbProps, sliderTrackProps, sliderTrackBackgroundClassName, sliderTrackForegroundClassName, ...props }: SliderProps<T> & {
151
152
  sliderTrackProps?: SliderTrackProps;
@@ -475,16 +476,14 @@ declare const text: (props?: ({
475
476
  [x: string]: any;
476
477
  } | null | undefined;
477
478
  })) | undefined) => string;
478
- interface TextProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
479
+ interface TextProps extends TextProps$1 {
479
480
  preset?: TextPreset;
480
481
  color?: TextColor;
481
- as?: TextElement;
482
482
  }
483
- declare function Text({ as, preset, color, className, ...rest }: TextProps): JSX.Element;
483
+ declare function Text({ preset, color, className, ...rest }: TextProps): JSX.Element;
484
484
  interface LabelProps extends LabelProps$1 {
485
485
  preset?: TextPreset | "label";
486
486
  color?: TextColor;
487
- as?: TextElement;
488
487
  }
489
488
  declare function Label({ preset, color, className, ...rest }: LabelProps): JSX.Element;
490
489
 
@@ -496,6 +495,7 @@ declare function MenuPopover({ className, ...props }: PopoverProps): react_jsx_r
496
495
  declare function MenuSection<T extends object>({ className, ...props }: MenuSectionProps<T>): react_jsx_runtime.JSX.Element;
497
496
  declare function MenuHeader({ className, ...props }: ComponentProps<typeof Header>): react_jsx_runtime.JSX.Element;
498
497
  declare function MenuSeparator({ className, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;
498
+ declare function MenuVirtualizer<T>(props: Omit<VirtualizerProps<T>, "layout" | "layoutOptions">): react_jsx_runtime.JSX.Element;
499
499
 
500
500
  interface SelectedKey {
501
501
  id: Key;
@@ -516,4 +516,4 @@ declare function MultipleSelect<T extends SelectedKey>({ children, items, select
516
516
 
517
517
  declare function Tag({ children, className, ...props }: TagProps): react_jsx_runtime.JSX.Element;
518
518
 
519
- export { Breadcrumb, Breadcrumbs, Button, ButtonLink, type ButtonPreset, type ButtonShape, type ButtonSize, Checkbox, DialogButtons, DialogHeading, Disclosure, DisclosureButton, DisclosureGroup, DisclosurePanel, Divider, Heading, type HeadingColor, type HeadingElement, Label, Menu, MenuHeader, MenuItem, MenuPopover, MenuSection, MenuSeparator, MenuTrigger, Modal, MultipleSelect, NumberField, Popover, ProgressBar, Radio, RadioGroup, SearchField, SelectButton, SelectListBox, SelectListBoxItem, SelectPopover, type SelectedKey, Slider, SliderOutput, Sonner, type SonnerProps, Spinner, SubmenuTrigger, Switch, Tab, TabList, TabPanel, Tabs, Tag, Text, TextArea, type TextColor, type TextElement, TextField, type TextPreset, type ToastVariant, ToggleButton, type ToggleButtonPreset, _Button, _ButtonLink, button, heading, sonner, text, textField };
519
+ export { Breadcrumb, Breadcrumbs, Button, ButtonLink, type ButtonPreset, type ButtonShape, type ButtonSize, Checkbox, DialogButtons, DialogHeading, Disclosure, DisclosureButton, DisclosureGroup, DisclosurePanel, Divider, Heading, type HeadingColor, type HeadingElement, Label, Menu, MenuHeader, MenuItem, MenuPopover, MenuSection, MenuSeparator, MenuTrigger, MenuVirtualizer, Modal, MultipleSelect, NumberField, Popover, ProgressBar, Radio, RadioGroup, SearchField, SelectButton, SelectListBox, SelectListBoxItem, SelectPopover, SelectVirtualizer, type SelectedKey, Slider, SliderOutput, Sonner, type SonnerProps, Spinner, SubmenuTrigger, Switch, Tab, TabList, TabPanel, Tabs, Tag, Text, TextArea, type TextColor, type TextElement, TextField, type TextPreset, type ToastVariant, ToggleButton, type ToggleButtonPreset, _Button, _ButtonLink, button, heading, sonner, text, textField };
package/dist/es/index.js CHANGED
@@ -4,6 +4,14 @@ import {
4
4
  DialogTrigger,
5
5
  Dialog as Dialog3,
6
6
  Collection,
7
+ Virtualizer,
8
+ ListBoxItem,
9
+ ListLayout as ListLayout3,
10
+ GridLayout,
11
+ WaterfallLayout,
12
+ TableLayout,
13
+ FieldError,
14
+ Size,
7
15
  Popover as Popover3
8
16
  } from "react-aria-components";
9
17
 
@@ -633,6 +641,8 @@ import {
633
641
  ListBox as AriaListBox,
634
642
  ListBoxItem as AriaListBoxItem,
635
643
  Popover as AriaPopover,
644
+ Virtualizer as AriaVirtualizer,
645
+ ListLayout,
636
646
  composeRenderProps as composeRenderProps10
637
647
  } from "react-aria-components";
638
648
 
@@ -714,6 +724,21 @@ function SelectListBoxItem({ className, ...props }) {
714
724
  }
715
725
  );
716
726
  }
727
+ function SelectVirtualizer(props) {
728
+ return /* @__PURE__ */ jsx12(
729
+ AriaVirtualizer,
730
+ {
731
+ layout: ListLayout,
732
+ layoutOptions: {
733
+ padding: 0,
734
+ gap: 0,
735
+ rowHeight: 31,
736
+ headingHeight: 35
737
+ },
738
+ ...props
739
+ }
740
+ );
741
+ }
717
742
 
718
743
  // src/components/slider/slider.tsx
719
744
  import { cva as cva7, cx as cx9 } from "cva";
@@ -925,18 +950,11 @@ function Heading({
925
950
 
926
951
  // src/components/typography/text.tsx
927
952
  import { cva as cva9 } from "cva";
928
- import { createElement as createElement2 } from "react";
929
953
  import {
930
- Label as AriaLabel
954
+ Label as AriaLabel,
955
+ Text as AriaText
931
956
  } from "react-aria-components";
932
- var presetElements = {
933
- sm: "p",
934
- base: "p",
935
- md: "p",
936
- lg: "p",
937
- largeNumber: "span",
938
- stat: "span"
939
- };
957
+ import { jsx as jsx15 } from "react/jsx-runtime";
940
958
  var text = cva9({
941
959
  base: text_default.text,
942
960
  variants: {
@@ -957,17 +975,12 @@ var text = cva9({
957
975
  }
958
976
  });
959
977
  function Text({
960
- as = "p",
961
978
  preset = "base",
962
979
  color = "grey100",
963
980
  className,
964
981
  ...rest
965
982
  }) {
966
- const elementType = as ?? presetElements[preset];
967
- return createElement2(elementType, {
968
- ...rest,
969
- className: text({ preset, color, className })
970
- });
983
+ return /* @__PURE__ */ jsx15(AriaText, { className: text({ preset, color, className }), ...rest });
971
984
  }
972
985
  function Label2({
973
986
  preset = "sm",
@@ -975,10 +988,7 @@ function Label2({
975
988
  className,
976
989
  ...rest
977
990
  }) {
978
- return createElement2(AriaLabel, {
979
- ...rest,
980
- className: text({ preset, color, className })
981
- });
991
+ return /* @__PURE__ */ jsx15(AriaLabel, { className: text({ preset, color, className }), ...rest });
982
992
  }
983
993
 
984
994
  // src/components/sonner/sonner-error.svg
@@ -997,10 +1007,10 @@ var sonner_warning_default = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20hei
997
1007
  var sonner_default = { "toast": "toast_4d9ce", "default": "default_4d9ce", "title": "title_4d9ce", "content": "content_4d9ce", "icon": "icon_4d9ce", "actions": "actions_4d9ce", "button": "button_4d9ce", "closeButton": "closeButton_4d9ce", "loader": "loader_4d9ce" };
998
1008
 
999
1009
  // src/components/sonner/sonner.tsx
1000
- import { jsx as jsx15 } from "react/jsx-runtime";
1010
+ import { jsx as jsx16 } from "react/jsx-runtime";
1001
1011
  var sonner = sonnerToast;
1002
1012
  function Sonner(props) {
1003
- return /* @__PURE__ */ jsx15(
1013
+ return /* @__PURE__ */ jsx16(
1004
1014
  Toaster,
1005
1015
  {
1006
1016
  ...props,
@@ -1044,11 +1054,11 @@ function Sonner(props) {
1044
1054
  [props.toastOptions]
1045
1055
  ),
1046
1056
  icons: {
1047
- loading: /* @__PURE__ */ jsx15(Spinner, {}),
1048
- success: /* @__PURE__ */ jsx15("img", { src: sonner_success_default, alt: "" }),
1049
- error: /* @__PURE__ */ jsx15("img", { src: sonner_error_default, alt: "" }),
1050
- warning: /* @__PURE__ */ jsx15("img", { src: sonner_warning_default, alt: "" }),
1051
- info: /* @__PURE__ */ jsx15("img", { src: sonner_info_default, alt: "" })
1057
+ loading: /* @__PURE__ */ jsx16(Spinner, {}),
1058
+ success: /* @__PURE__ */ jsx16("img", { src: sonner_success_default, alt: "" }),
1059
+ error: /* @__PURE__ */ jsx16("img", { src: sonner_error_default, alt: "" }),
1060
+ warning: /* @__PURE__ */ jsx16("img", { src: sonner_warning_default, alt: "" }),
1061
+ info: /* @__PURE__ */ jsx16("img", { src: sonner_info_default, alt: "" })
1052
1062
  }
1053
1063
  }
1054
1064
  );
@@ -1065,14 +1075,14 @@ import {
1065
1075
  var switch_default = { "switch": "switch_cfb98", "track": "track_cfb98", "knob": "knob_cfb98" };
1066
1076
 
1067
1077
  // src/components/switch.tsx
1068
- import { Fragment as Fragment7, jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
1078
+ import { Fragment as Fragment7, jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
1069
1079
  function Switch({
1070
1080
  className,
1071
1081
  placeholder,
1072
1082
  children,
1073
1083
  ...props
1074
1084
  }) {
1075
- return /* @__PURE__ */ jsx16(
1085
+ return /* @__PURE__ */ jsx17(
1076
1086
  AriaSwitch,
1077
1087
  {
1078
1088
  ...props,
@@ -1087,7 +1097,7 @@ function Switch({
1087
1097
  )
1088
1098
  ),
1089
1099
  children: (values) => /* @__PURE__ */ jsxs9(Fragment7, { children: [
1090
- /* @__PURE__ */ jsx16("div", { className: switch_default.track, children: /* @__PURE__ */ jsx16("span", { className: switch_default.knob }) }),
1100
+ /* @__PURE__ */ jsx17("div", { className: switch_default.track, children: /* @__PURE__ */ jsx17("span", { className: switch_default.knob }) }),
1091
1101
  typeof children === "function" ? children(values) : children
1092
1102
  ] })
1093
1103
  }
@@ -1108,13 +1118,13 @@ import {
1108
1118
  var tabs_default = { "list": "list_c42a1", "tab": "tab_c42a1", "indicator": "indicator_c42a1" };
1109
1119
 
1110
1120
  // src/components/tabs.tsx
1111
- import { Fragment as Fragment8, jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
1121
+ import { Fragment as Fragment8, jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
1112
1122
  var Tabs = AriaTabs;
1113
1123
  function TabList({
1114
1124
  className,
1115
1125
  ...rest
1116
1126
  }) {
1117
- return /* @__PURE__ */ jsx17(
1127
+ return /* @__PURE__ */ jsx18(
1118
1128
  AriaTabList,
1119
1129
  {
1120
1130
  ...rest,
@@ -1126,7 +1136,7 @@ function TabList({
1126
1136
  );
1127
1137
  }
1128
1138
  function Tab({ children, className, ...rest }) {
1129
- return /* @__PURE__ */ jsx17(
1139
+ return /* @__PURE__ */ jsx18(
1130
1140
  AriaTab,
1131
1141
  {
1132
1142
  ...rest,
@@ -1136,13 +1146,13 @@ function Tab({ children, className, ...rest }) {
1136
1146
  ),
1137
1147
  children: (values) => /* @__PURE__ */ jsxs10(Fragment8, { children: [
1138
1148
  typeof children === "function" ? children(values) : children,
1139
- values.isSelected && /* @__PURE__ */ jsx17("div", { className: tabs_default.indicator })
1149
+ values.isSelected && /* @__PURE__ */ jsx18("div", { className: tabs_default.indicator })
1140
1150
  ] })
1141
1151
  }
1142
1152
  );
1143
1153
  }
1144
1154
  function TabPanel({ ...rest }) {
1145
- return /* @__PURE__ */ jsx17(AriaTabPanel, { ...rest });
1155
+ return /* @__PURE__ */ jsx18(AriaTabPanel, { ...rest });
1146
1156
  }
1147
1157
 
1148
1158
  // src/components/text-area.tsx
@@ -1164,7 +1174,7 @@ import { cva as cva10 } from "cva";
1164
1174
  var text_field_default = { "textField": "textField_32558", "small": "small_32558", "medium": "medium_32558", "large": "large_32558", "textArea": "textArea_32558" };
1165
1175
 
1166
1176
  // src/components/text-field.tsx
1167
- import { Fragment as Fragment9, jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
1177
+ import { Fragment as Fragment9, jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
1168
1178
  var textField = cva10({
1169
1179
  base: text_field_default.textField,
1170
1180
  variants: {
@@ -1183,9 +1193,9 @@ function TextField({
1183
1193
  size = "medium",
1184
1194
  ...props
1185
1195
  }) {
1186
- return /* @__PURE__ */ jsx18(AriaTextField, { ...props, children: (values) => /* @__PURE__ */ jsxs11(Fragment9, { children: [
1196
+ return /* @__PURE__ */ jsx19(AriaTextField, { ...props, children: (values) => /* @__PURE__ */ jsxs11(Fragment9, { children: [
1187
1197
  typeof children === "function" ? children(values) : children,
1188
- /* @__PURE__ */ jsx18(
1198
+ /* @__PURE__ */ jsx19(
1189
1199
  AriaInput3,
1190
1200
  {
1191
1201
  type: "text",
@@ -1204,15 +1214,15 @@ function TextField({
1204
1214
  }
1205
1215
 
1206
1216
  // src/components/text-area.tsx
1207
- import { Fragment as Fragment10, jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
1217
+ import { Fragment as Fragment10, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
1208
1218
  function TextArea({
1209
1219
  textAreaProps = {},
1210
1220
  children,
1211
1221
  ...props
1212
1222
  }) {
1213
- return /* @__PURE__ */ jsx19(AriaTextField2, { ...props, children: (values) => /* @__PURE__ */ jsxs12(Fragment10, { children: [
1223
+ return /* @__PURE__ */ jsx20(AriaTextField2, { ...props, children: (values) => /* @__PURE__ */ jsxs12(Fragment10, { children: [
1214
1224
  typeof children === "function" ? children(values) : children,
1215
- /* @__PURE__ */ jsx19(
1225
+ /* @__PURE__ */ jsx20(
1216
1226
  AriaTextArea,
1217
1227
  {
1218
1228
  ...textAreaProps,
@@ -1235,7 +1245,7 @@ import {
1235
1245
  ToggleButton as AriaToggleButton,
1236
1246
  composeRenderProps as composeRenderProps16
1237
1247
  } from "react-aria-components";
1238
- import { jsx as jsx20 } from "react/jsx-runtime";
1248
+ import { jsx as jsx21 } from "react/jsx-runtime";
1239
1249
  var button2 = cva11({
1240
1250
  base: button_default.button,
1241
1251
  variants: {
@@ -1268,7 +1278,7 @@ function ToggleButton({
1268
1278
  thin = preset === "dimmed",
1269
1279
  ...props
1270
1280
  }) {
1271
- return /* @__PURE__ */ jsx20(
1281
+ return /* @__PURE__ */ jsx21(
1272
1282
  AriaToggleButton,
1273
1283
  {
1274
1284
  ...props,
@@ -1301,7 +1311,7 @@ import {
1301
1311
  var popover_default = { "popover": "popover_f1fe1", "top": "top_f1fe1", "bottom": "bottom_f1fe1", "left": "left_f1fe1", "right": "right_f1fe1", "arrow": "arrow_f1fe1", "outer": "outer_f1fe1", "inner": "inner_f1fe1" };
1302
1312
 
1303
1313
  // src/components/popover.tsx
1304
- import { Fragment as Fragment11, jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
1314
+ import { Fragment as Fragment11, jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
1305
1315
  var popover = cva12({
1306
1316
  base: popover_default.popover,
1307
1317
  variants: {
@@ -1327,7 +1337,7 @@ var arrow = cva12({
1327
1337
  }
1328
1338
  });
1329
1339
  function Popover({ children, className, ...props }) {
1330
- return /* @__PURE__ */ jsx21(
1340
+ return /* @__PURE__ */ jsx22(
1331
1341
  AriaPopover2,
1332
1342
  {
1333
1343
  ...props,
@@ -1340,7 +1350,7 @@ function Popover({ children, className, ...props }) {
1340
1350
  })
1341
1351
  ),
1342
1352
  children: (values) => /* @__PURE__ */ jsxs13(Fragment11, { children: [
1343
- /* @__PURE__ */ jsx21(OverlayArrow, { children: (values2) => /* @__PURE__ */ jsx21(Fragment11, { children: /* @__PURE__ */ jsxs13(
1353
+ /* @__PURE__ */ jsx22(OverlayArrow, { children: (values2) => /* @__PURE__ */ jsx22(Fragment11, { children: /* @__PURE__ */ jsxs13(
1344
1354
  "svg",
1345
1355
  {
1346
1356
  viewBox: "0 0 12 6",
@@ -1352,12 +1362,12 @@ function Popover({ children, className, ...props }) {
1352
1362
  height: 10,
1353
1363
  "aria-hidden": "true",
1354
1364
  children: [
1355
- /* @__PURE__ */ jsx21("path", { d: "M0 0,L6 6,L12 0", className: popover_default.outer }),
1356
- /* @__PURE__ */ jsx21("path", { d: "M2 0 6 4 10 0", className: popover_default.inner })
1365
+ /* @__PURE__ */ jsx22("path", { d: "M0 0,L6 6,L12 0", className: popover_default.outer }),
1366
+ /* @__PURE__ */ jsx22("path", { d: "M2 0 6 4 10 0", className: popover_default.inner })
1357
1367
  ]
1358
1368
  }
1359
1369
  ) }) }),
1360
- /* @__PURE__ */ jsx21(Dialog2, { children: typeof children === "function" ? children(values) : children })
1370
+ /* @__PURE__ */ jsx22(Dialog2, { children: typeof children === "function" ? children(values) : children })
1361
1371
  ] })
1362
1372
  }
1363
1373
  );
@@ -1374,6 +1384,8 @@ import {
1374
1384
  Popover as AriaPopover3,
1375
1385
  Separator as AriaSeparator,
1376
1386
  SubmenuTrigger as AriaSubmenuTrigger,
1387
+ Virtualizer as AriaVirtualizer2,
1388
+ ListLayout as ListLayout2,
1377
1389
  composeRenderProps as composeRenderProps18
1378
1390
  } from "react-aria-components";
1379
1391
 
@@ -1381,17 +1393,17 @@ import {
1381
1393
  var menu_default = { "menu": "menu_c1735", "item": "item_c1735", "popover": "popover_c1735", "section": "section_c1735", "header": "header_c1735", "separator": "separator_c1735" };
1382
1394
 
1383
1395
  // src/components/menu/menu.tsx
1384
- import { jsx as jsx22 } from "react/jsx-runtime";
1396
+ import { jsx as jsx23 } from "react/jsx-runtime";
1385
1397
  var MenuTrigger = AriaMenuTrigger;
1386
1398
  var SubmenuTrigger = AriaSubmenuTrigger;
1387
1399
  function Menu({ className, ...props }) {
1388
- return /* @__PURE__ */ jsx22(AriaMenu, { ...props, className: cx13(menu_default.menu, className) });
1400
+ return /* @__PURE__ */ jsx23(AriaMenu, { ...props, className: cx13(menu_default.menu, className) });
1389
1401
  }
1390
1402
  function MenuItem({
1391
1403
  className,
1392
1404
  ...props
1393
1405
  }) {
1394
- return /* @__PURE__ */ jsx22(
1406
+ return /* @__PURE__ */ jsx23(
1395
1407
  AriaMenuItem,
1396
1408
  {
1397
1409
  ...props,
@@ -1403,7 +1415,7 @@ function MenuItem({
1403
1415
  );
1404
1416
  }
1405
1417
  function MenuPopover({ className, ...props }) {
1406
- return /* @__PURE__ */ jsx22(
1418
+ return /* @__PURE__ */ jsx23(
1407
1419
  AriaPopover3,
1408
1420
  {
1409
1421
  ...props,
@@ -1418,13 +1430,13 @@ function MenuSection({
1418
1430
  className,
1419
1431
  ...props
1420
1432
  }) {
1421
- return /* @__PURE__ */ jsx22(AriaMenuSection, { ...props, className: cx13(className, menu_default.section) });
1433
+ return /* @__PURE__ */ jsx23(AriaMenuSection, { ...props, className: cx13(className, menu_default.section) });
1422
1434
  }
1423
1435
  function MenuHeader({
1424
1436
  className,
1425
1437
  ...props
1426
1438
  }) {
1427
- return /* @__PURE__ */ jsx22(
1439
+ return /* @__PURE__ */ jsx23(
1428
1440
  AriaHeader,
1429
1441
  {
1430
1442
  ...props,
@@ -1437,7 +1449,24 @@ function MenuHeader({
1437
1449
  );
1438
1450
  }
1439
1451
  function MenuSeparator({ className, ...props }) {
1440
- return /* @__PURE__ */ jsx22(AriaSeparator, { ...props, className: cx13(className, menu_default.separator) });
1452
+ return /* @__PURE__ */ jsx23(AriaSeparator, { ...props, className: cx13(className, menu_default.separator) });
1453
+ }
1454
+ function MenuVirtualizer(props) {
1455
+ return /* @__PURE__ */ jsx23(
1456
+ AriaVirtualizer2,
1457
+ {
1458
+ layout: ListLayout2,
1459
+ layoutOptions: {
1460
+ padding: 0,
1461
+ gap: 0,
1462
+ rowHeight: 30,
1463
+ headingHeight: 35
1464
+ // estimatedRowHeight: 30,
1465
+ // estimatedHeadingHeight: 35,
1466
+ },
1467
+ ...props
1468
+ }
1469
+ );
1441
1470
  }
1442
1471
 
1443
1472
  // src/components/select/multiple-select.tsx
@@ -1462,7 +1491,7 @@ var multiple_select_default = { "multiSelect": "multiSelect_e6fde", "focusWithin
1462
1491
  var select_closed_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAAiUlEQVR42mL8//8/A6mAiYEMQJYmFnSBk6vzYcwmIP4LxI0gjnnoRNyaoKAViKuQ+I14bQKCTiAuA+I6IGYG4gZ0jSw4nFwB1QwDjIRsKkbjNwxckFNNUw8QlyLx66EYb0D8A+IuIGaDyjcQE0+gOPoDxC1I8dNASBMDNDX8hWKMIGcc3FkDIMAA1n8bpHnZDOAAAAAASUVORK5CYII=";
1463
1492
 
1464
1493
  // src/components/select/multiple-select.tsx
1465
- import { Fragment as Fragment12, jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
1494
+ import { Fragment as Fragment12, jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
1466
1495
  var multiSelect = cva13({
1467
1496
  base: multiple_select_default.multiSelect,
1468
1497
  variants: {
@@ -1569,20 +1598,20 @@ function MultipleSelect({
1569
1598
  };
1570
1599
  }, []);
1571
1600
  const triggerButtonRef = React.useRef(null);
1572
- return /* @__PURE__ */ jsx23(Group2, { children: (groupRenderProps) => /* @__PURE__ */ jsx23(Fragment12, { children: /* @__PURE__ */ jsxs14(
1601
+ return /* @__PURE__ */ jsx24(Group2, { children: (groupRenderProps) => /* @__PURE__ */ jsx24(Fragment12, { children: /* @__PURE__ */ jsxs14(
1573
1602
  "div",
1574
1603
  {
1575
1604
  ref: triggerRef,
1576
1605
  className: multiSelect({ size, ...groupRenderProps }),
1577
1606
  children: [
1578
1607
  /* @__PURE__ */ jsxs14("div", { className: multiple_select_default.tagsAndInput, children: [
1579
- /* @__PURE__ */ jsx23(
1608
+ /* @__PURE__ */ jsx24(
1580
1609
  TagGroup,
1581
1610
  {
1582
1611
  "aria-label": "Selected items",
1583
1612
  id: tagGroupIdentifier,
1584
1613
  onRemove,
1585
- children: /* @__PURE__ */ jsx23(TagList, { items: selectedItems, className: multiple_select_default.tagList, children: props.tag })
1614
+ children: /* @__PURE__ */ jsx24(TagList, { items: selectedItems, className: multiple_select_default.tagList, children: props.tag })
1586
1615
  }
1587
1616
  ),
1588
1617
  /* @__PURE__ */ jsxs14(
@@ -1598,7 +1627,7 @@ function MultipleSelect({
1598
1627
  onSelectionChange,
1599
1628
  onInputChange,
1600
1629
  children: [
1601
- /* @__PURE__ */ jsx23(
1630
+ /* @__PURE__ */ jsx24(
1602
1631
  Input,
1603
1632
  {
1604
1633
  className: multiple_select_default.input,
@@ -1612,7 +1641,7 @@ function MultipleSelect({
1612
1641
  ...props.inputProps
1613
1642
  }
1614
1643
  ),
1615
- /* @__PURE__ */ jsx23(VisuallyHidden, { children: /* @__PURE__ */ jsx23(
1644
+ /* @__PURE__ */ jsx24(VisuallyHidden, { children: /* @__PURE__ */ jsx24(
1616
1645
  Button2,
1617
1646
  {
1618
1647
  slot: "remove",
@@ -1621,21 +1650,21 @@ function MultipleSelect({
1621
1650
  children: "Remove"
1622
1651
  }
1623
1652
  ) }),
1624
- /* @__PURE__ */ jsx23(
1653
+ /* @__PURE__ */ jsx24(
1625
1654
  Popover2,
1626
1655
  {
1627
1656
  className: select_default.popover,
1628
1657
  style: { width: `${width}px` },
1629
1658
  triggerRef,
1630
1659
  trigger: "ComboBox",
1631
- children: /* @__PURE__ */ jsx23(
1660
+ children: /* @__PURE__ */ jsx24(
1632
1661
  ListBox,
1633
1662
  {
1634
1663
  className: select_default.listBox,
1635
- renderEmptyState: () => renderEmptyState ? renderEmptyState(fieldState.inputValue) : /* @__PURE__ */ jsx23(Text, { className: multiple_select_default.emptyText, children: fieldState.inputValue ? /* @__PURE__ */ jsxs14(Fragment12, { children: [
1664
+ renderEmptyState: () => renderEmptyState ? renderEmptyState(fieldState.inputValue) : /* @__PURE__ */ jsx24(Text, { className: multiple_select_default.emptyText, children: fieldState.inputValue ? /* @__PURE__ */ jsxs14(Fragment12, { children: [
1636
1665
  "No results found for:",
1637
1666
  " ",
1638
- /* @__PURE__ */ jsx23("strong", { children: fieldState.inputValue })
1667
+ /* @__PURE__ */ jsx24("strong", { children: fieldState.inputValue })
1639
1668
  ] }) : "No options" }),
1640
1669
  selectionMode: "multiple",
1641
1670
  children
@@ -1647,13 +1676,13 @@ function MultipleSelect({
1647
1676
  }
1648
1677
  )
1649
1678
  ] }),
1650
- /* @__PURE__ */ jsx23("div", { "aria-hidden": true, children: /* @__PURE__ */ jsx23(
1679
+ /* @__PURE__ */ jsx24("div", { "aria-hidden": true, children: /* @__PURE__ */ jsx24(
1651
1680
  AriaButton5,
1652
1681
  {
1653
1682
  excludeFromTabOrder: true,
1654
1683
  onPress: () => triggerButtonRef.current?.click(),
1655
1684
  className: multiple_select_default.chevronButton,
1656
- children: /* @__PURE__ */ jsx23("img", { src: select_closed_default, alt: "" })
1685
+ children: /* @__PURE__ */ jsx24("img", { src: select_closed_default, alt: "" })
1657
1686
  }
1658
1687
  ) })
1659
1688
  ]
@@ -1673,9 +1702,9 @@ import {
1673
1702
  var tag_default = { "tag": "tag_c7c88", "text": "text_c7c88", "remove": "remove_c7c88" };
1674
1703
 
1675
1704
  // src/components/tag/tag.tsx
1676
- import { Fragment as Fragment13, jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
1705
+ import { Fragment as Fragment13, jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
1677
1706
  function Tag({ children, className, ...props }) {
1678
- return /* @__PURE__ */ jsx24(
1707
+ return /* @__PURE__ */ jsx25(
1679
1708
  AriaTag,
1680
1709
  {
1681
1710
  ...props,
@@ -1684,8 +1713,8 @@ function Tag({ children, className, ...props }) {
1684
1713
  (className2) => cx14(tag_default.tag, className2)
1685
1714
  ),
1686
1715
  children: composeRenderProps19(children, (children2) => /* @__PURE__ */ jsxs15(Fragment13, { children: [
1687
- /* @__PURE__ */ jsx24("span", { className: tag_default.text, children: children2 }),
1688
- /* @__PURE__ */ jsx24(AriaButton6, { slot: "remove", className: tag_default.remove })
1716
+ /* @__PURE__ */ jsx25("span", { className: tag_default.text, children: children2 }),
1717
+ /* @__PURE__ */ jsx25(AriaButton6, { slot: "remove", className: tag_default.remove })
1689
1718
  ] }))
1690
1719
  }
1691
1720
  );
@@ -1710,8 +1739,12 @@ export {
1710
1739
  DisclosureGroup,
1711
1740
  DisclosurePanel,
1712
1741
  Divider,
1742
+ FieldError,
1743
+ GridLayout,
1713
1744
  Heading,
1714
1745
  Label2 as Label,
1746
+ ListBoxItem,
1747
+ ListLayout3 as ListLayout,
1715
1748
  Menu,
1716
1749
  MenuHeader,
1717
1750
  MenuItem,
@@ -1719,6 +1752,7 @@ export {
1719
1752
  MenuSection,
1720
1753
  MenuSeparator,
1721
1754
  MenuTrigger,
1755
+ MenuVirtualizer,
1722
1756
  Modal,
1723
1757
  MultipleSelect,
1724
1758
  NumberField,
@@ -1734,6 +1768,8 @@ export {
1734
1768
  SelectListBoxItem,
1735
1769
  SelectPopover,
1736
1770
  SelectValue,
1771
+ SelectVirtualizer,
1772
+ Size,
1737
1773
  Slider,
1738
1774
  SliderOutput,
1739
1775
  Sonner,
@@ -1743,6 +1779,7 @@ export {
1743
1779
  Tab,
1744
1780
  TabList,
1745
1781
  TabPanel,
1782
+ TableLayout,
1746
1783
  Tabs,
1747
1784
  Tag,
1748
1785
  Text,
@@ -1750,6 +1787,8 @@ export {
1750
1787
  TextField,
1751
1788
  ToggleButton,
1752
1789
  Popover3 as UnstyledPopover,
1790
+ Virtualizer,
1791
+ WaterfallLayout,
1753
1792
  _Button,
1754
1793
  _ButtonLink,
1755
1794
  button,