@lolmath/ui 6.3.0 → 6.4.0

package/dist/lib/index.js

@@ -46,8 +46,12 @@ __export(src_exports, {
   DisclosureGroup: () => DisclosureGroup,
   DisclosurePanel: () => DisclosurePanel,
   Divider: () => Divider,
+  FieldError: () => import_react_aria_components25.FieldError,
+  GridLayout: () => import_react_aria_components25.GridLayout,
   Heading: () => Heading,
   Label: () => Label2,
+  ListBoxItem: () => import_react_aria_components25.ListBoxItem,
+  ListLayout: () => import_react_aria_components25.ListLayout,
   Menu: () => Menu,
   MenuHeader: () => MenuHeader,
   MenuItem: () => MenuItem,
@@ -55,6 +59,7 @@ __export(src_exports, {
   MenuSection: () => MenuSection,
   MenuSeparator: () => MenuSeparator,
   MenuTrigger: () => MenuTrigger,
+  MenuVirtualizer: () => MenuVirtualizer,
   Modal: () => Modal,
   MultipleSelect: () => MultipleSelect,
   NumberField: () => NumberField,
@@ -70,6 +75,8 @@ __export(src_exports, {
   SelectListBoxItem: () => SelectListBoxItem,
   SelectPopover: () => SelectPopover,
   SelectValue: () => import_react_aria_components12.SelectValue,
+  SelectVirtualizer: () => SelectVirtualizer,
+  Size: () => import_react_aria_components25.Size,
   Slider: () => Slider,
   SliderOutput: () => SliderOutput,
   Sonner: () => Sonner,
@@ -79,6 +86,7 @@ __export(src_exports, {
   Tab: () => Tab,
   TabList: () => TabList,
   TabPanel: () => TabPanel,
+  TableLayout: () => import_react_aria_components25.TableLayout,
   Tabs: () => Tabs,
   Tag: () => Tag,
   Text: () => Text,
@@ -86,6 +94,8 @@ __export(src_exports, {
   TextField: () => TextField,
   ToggleButton: () => ToggleButton,
   UnstyledPopover: () => import_react_aria_components25.Popover,
+  Virtualizer: () => import_react_aria_components25.Virtualizer,
+  WaterfallLayout: () => import_react_aria_components25.WaterfallLayout,
   _Button: () => _Button,
   _ButtonLink: () => _ButtonLink,
   button: () => button,
@@ -755,6 +765,21 @@ function SelectListBoxItem({ className, ...props }) {
     }
   );
 }
+function SelectVirtualizer(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_react_aria_components11.Virtualizer,
+    {
+      layout: import_react_aria_components11.ListLayout,
+      layoutOptions: {
+        padding: 0,
+        gap: 0,
+        rowHeight: 31,
+        headingHeight: 35
+      },
+      ...props
+    }
+  );
+}
 
 // src/components/slider/slider.tsx
 var import_cva12 = require("cva");
@@ -888,7 +913,7 @@ function SliderOutput({
 }
 
 // src/components/sonner/sonner.tsx
-var import_react5 = require("react");
+var import_react4 = require("react");
 var import_sonner = require("sonner");
 
 // src/components/spinner/spinner.tsx
@@ -957,16 +982,8 @@ function Heading({
 
 // src/components/typography/text.tsx
 var import_cva15 = require("cva");
-var import_react4 = require("react");
 var import_react_aria_components14 = require("react-aria-components");
-var presetElements = {
-  sm: "p",
-  base: "p",
-  md: "p",
-  lg: "p",
-  largeNumber: "span",
-  stat: "span"
-};
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var text = (0, import_cva15.cva)({
   base: text_default.text,
   variants: {
@@ -987,17 +1004,12 @@ var text = (0, import_cva15.cva)({
   }
 });
 function Text({
-  as = "p",
   preset = "base",
   color = "grey100",
   className,
   ...rest
 }) {
-  const elementType = as ?? presetElements[preset];
-  return (0, import_react4.createElement)(elementType, {
-    ...rest,
-    className: text({ preset, color, className })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_aria_components14.Text, { className: text({ preset, color, className }), ...rest });
 }
 function Label2({
   preset = "sm",
@@ -1005,10 +1017,7 @@ function Label2({
   className,
   ...rest
 }) {
-  return (0, import_react4.createElement)(import_react_aria_components14.Label, {
-    ...rest,
-    className: text({ preset, color, className })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_aria_components14.Label, { className: text({ preset, color, className }), ...rest });
 }
 
 // src/components/sonner/sonner-error.svg
@@ -1027,14 +1036,14 @@ var sonner_warning_default = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20hei
 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" };
 
 // src/components/sonner/sonner.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var sonner = import_sonner.toast;
 function Sonner(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     import_sonner.Toaster,
     {
       ...props,
-      toastOptions: (0, import_react5.useMemo)(
+      toastOptions: (0, import_react4.useMemo)(
         () => ({
           ...props.toastOptions,
           unstyled: true,
@@ -1074,11 +1083,11 @@ function Sonner(props) {
         [props.toastOptions]
       ),
       icons: {
-        loading: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Spinner, {}),
-        success: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("img", { src: sonner_success_default, alt: "" }),
-        error: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("img", { src: sonner_error_default, alt: "" }),
-        warning: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("img", { src: sonner_warning_default, alt: "" }),
-        info: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("img", { src: sonner_info_default, alt: "" })
+        loading: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Spinner, {}),
+        success: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("img", { src: sonner_success_default, alt: "" }),
+        error: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("img", { src: sonner_error_default, alt: "" }),
+        warning: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("img", { src: sonner_warning_default, alt: "" }),
+        info: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("img", { src: sonner_info_default, alt: "" })
       }
     }
   );
@@ -1092,14 +1101,14 @@ var import_react_aria_components15 = require("react-aria-components");
 var switch_default = { "switch": "switch_cfb98", "track": "track_cfb98", "knob": "knob_cfb98" };
 
 // src/components/switch.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function Switch({
   className,
   placeholder,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     import_react_aria_components15.Switch,
     {
       ...props,
@@ -1113,8 +1122,8 @@ function Switch({
           className2
         )
       ),
-      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: switch_default.track, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: switch_default.knob }) }),
+      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: switch_default.track, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: switch_default.knob }) }),
         typeof children === "function" ? children(values) : children
       ] })
     }
@@ -1129,13 +1138,13 @@ var import_react_aria_components16 = require("react-aria-components");
 var tabs_default = { "list": "list_c42a1", "tab": "tab_c42a1", "indicator": "indicator_c42a1" };
 
 // src/components/tabs.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var Tabs = import_react_aria_components16.Tabs;
 function TabList({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     import_react_aria_components16.TabList,
     {
       ...rest,
@@ -1147,7 +1156,7 @@ function TabList({
   );
 }
 function Tab({ children, className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     import_react_aria_components16.Tab,
     {
       ...rest,
@@ -1155,15 +1164,15 @@ function Tab({ children, className, ...rest }) {
         className,
         (className2) => (0, import_cva17.cx)(tabs_default.tab, className2)
       ),
-      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
         typeof children === "function" ? children(values) : children,
-        values.isSelected && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: tabs_default.indicator })
+        values.isSelected && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: tabs_default.indicator })
       ] })
     }
   );
 }
 function TabPanel({ ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_aria_components16.TabPanel, { ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components16.TabPanel, { ...rest });
 }
 
 // src/components/text-area.tsx
@@ -1177,7 +1186,7 @@ var import_cva18 = require("cva");
 var text_field_default = { "textField": "textField_32558", "small": "small_32558", "medium": "medium_32558", "large": "large_32558", "textArea": "textArea_32558" };
 
 // src/components/text-field.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var textField = (0, import_cva18.cva)({
   base: text_field_default.textField,
   variants: {
@@ -1196,9 +1205,9 @@ function TextField({
   size = "medium",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components17.TextField, { ...props, children: (values) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components17.TextField, { ...props, children: (values) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
     typeof children === "function" ? children(values) : children,
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       import_react_aria_components17.Input,
       {
         type: "text",
@@ -1217,15 +1226,15 @@ function TextField({
 }
 
 // src/components/text-area.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function TextArea({
   textAreaProps = {},
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components18.TextField, { ...props, children: (values) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components18.TextField, { ...props, children: (values) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
     typeof children === "function" ? children(values) : children,
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       import_react_aria_components18.TextArea,
       {
         ...textAreaProps,
@@ -1245,7 +1254,7 @@ function TextArea({
 // src/components/toggle-button.tsx
 var import_cva19 = require("cva");
 var import_react_aria_components19 = require("react-aria-components");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var button2 = (0, import_cva19.cva)({
   base: button_default.button,
   variants: {
@@ -1278,7 +1287,7 @@ function ToggleButton({
   thin = preset === "dimmed",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     import_react_aria_components19.ToggleButton,
     {
       ...props,
@@ -1306,7 +1315,7 @@ var import_react_aria_components20 = require("react-aria-components");
 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" };
 
 // src/components/popover.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var popover = (0, import_cva20.cva)({
   base: popover_default.popover,
   variants: {
@@ -1332,7 +1341,7 @@ var arrow = (0, import_cva20.cva)({
   }
 });
 function Popover({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_react_aria_components20.Popover,
     {
       ...props,
@@ -1344,8 +1353,8 @@ function Popover({ children, className, ...props }) {
           placement: values.placement ?? void 0
         })
       ),
-      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components20.OverlayArrow, { children: (values2) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components20.OverlayArrow, { children: (values2) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_jsx_runtime22.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
           "svg",
           {
             viewBox: "0 0 12 6",
@@ -1357,12 +1366,12 @@ function Popover({ children, className, ...props }) {
             height: 10,
             "aria-hidden": "true",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { d: "M0 0,L6 6,L12 0", className: popover_default.outer }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { d: "M2 0 6 4 10 0", className: popover_default.inner })
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M0 0,L6 6,L12 0", className: popover_default.outer }),
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M2 0 6 4 10 0", className: popover_default.inner })
             ]
           }
         ) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components20.Dialog, { children: typeof children === "function" ? children(values) : children })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components20.Dialog, { children: typeof children === "function" ? children(values) : children })
       ] })
     }
   );
@@ -1376,17 +1385,17 @@ var import_react_aria_components21 = require("react-aria-components");
 var menu_default = { "menu": "menu_c1735", "item": "item_c1735", "popover": "popover_c1735", "section": "section_c1735", "header": "header_c1735", "separator": "separator_c1735" };
 
 // src/components/menu/menu.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var MenuTrigger = import_react_aria_components21.MenuTrigger;
 var SubmenuTrigger = import_react_aria_components21.SubmenuTrigger;
 function Menu({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components21.Menu, { ...props, className: (0, import_cva21.cx)(menu_default.menu, className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components21.Menu, { ...props, className: (0, import_cva21.cx)(menu_default.menu, className) });
 }
 function MenuItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_react_aria_components21.MenuItem,
     {
       ...props,
@@ -1398,7 +1407,7 @@ function MenuItem({
   );
 }
 function MenuPopover({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_react_aria_components21.Popover,
     {
       ...props,
@@ -1413,13 +1422,13 @@ function MenuSection({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components21.MenuSection, { ...props, className: (0, import_cva21.cx)(className, menu_default.section) });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components21.MenuSection, { ...props, className: (0, import_cva21.cx)(className, menu_default.section) });
 }
 function MenuHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_react_aria_components21.Header,
     {
       ...props,
@@ -1432,12 +1441,29 @@ function MenuHeader({
   );
 }
 function MenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components21.Separator, { ...props, className: (0, import_cva21.cx)(className, menu_default.separator) });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components21.Separator, { ...props, className: (0, import_cva21.cx)(className, menu_default.separator) });
+}
+function MenuVirtualizer(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_react_aria_components21.Virtualizer,
+    {
+      layout: import_react_aria_components21.ListLayout,
+      layoutOptions: {
+        padding: 0,
+        gap: 0,
+        rowHeight: 30,
+        headingHeight: 35
+        // estimatedRowHeight: 30,
+        // estimatedHeadingHeight: 35,
+      },
+      ...props
+    }
+  );
 }
 
 // src/components/select/multiple-select.tsx
 var import_cva22 = require("cva");
-var import_react6 = __toESM(require("react"));
+var import_react5 = __toESM(require("react"));
 var import_react_aria = require("react-aria");
 var import_react_aria_components22 = require("react-aria-components");
 
@@ -1448,7 +1474,7 @@ var multiple_select_default = { "multiSelect": "multiSelect_e6fde", "focusWithin
 var select_closed_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAAiUlEQVR42mL8//8/A6mAiYEMQJYmFnSBk6vzYcwmIP4LxI0gjnnoRNyaoKAViKuQ+I14bQKCTiAuA+I6IGYG4gZ0jSw4nFwB1QwDjIRsKkbjNwxckFNNUw8QlyLx66EYb0D8A+IuIGaDyjcQE0+gOPoDxC1I8dNASBMDNDX8hWKMIGcc3FkDIMAA1n8bpHnZDOAAAAAASUVORK5CYII=";
 
 // src/components/select/multiple-select.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var multiSelect = (0, import_cva22.cva)({
   base: multiple_select_default.multiSelect,
   variants: {
@@ -1479,15 +1505,15 @@ function MultipleSelect({
   size = "medium",
   ...props
 }) {
-  const tagGroupIdentifier = import_react6.default.useId();
-  const triggerRef = import_react6.default.useRef(null);
-  const [width, setWidth] = import_react6.default.useState(0);
+  const tagGroupIdentifier = import_react5.default.useId();
+  const triggerRef = import_react5.default.useRef(null);
+  const [width, setWidth] = import_react5.default.useState(0);
   const selectedKeys = selectedItems.map((i) => i.id);
-  const [fieldState, setFieldState] = import_react6.default.useState({
+  const [fieldState, setFieldState] = import_react5.default.useState({
     selectedKey: null,
     inputValue: ""
   });
-  const accessibleItems = (0, import_react6.useMemo)(
+  const accessibleItems = (0, import_react5.useMemo)(
     () => items.filter(
       (item2) => !selectedItems.some((selected) => selected.id === item2.id)
     ).filter(
@@ -1495,7 +1521,7 @@ function MultipleSelect({
     ),
     [selectedItems, fieldState.inputValue, items]
   );
-  const onRemove = import_react6.default.useCallback(
+  const onRemove = import_react5.default.useCallback(
     (keys) => {
       const key = keys.values().next().value;
       onChange?.(selectedItems.filter((i) => i.id !== key));
@@ -1523,7 +1549,7 @@ function MultipleSelect({
       selectedKey: v === "" ? null : prevState.selectedKey
     }));
   };
-  const popLast = import_react6.default.useCallback(() => {
+  const popLast = import_react5.default.useCallback(() => {
     if (selectedItems.length > 0) {
       onChange?.(selectedItems.slice(0, -1));
     }
@@ -1532,7 +1558,7 @@ function MultipleSelect({
       selectedKey: null
     });
   }, [selectedItems, onChange]);
-  const onKeyDownCapture = import_react6.default.useCallback(
+  const onKeyDownCapture = import_react5.default.useCallback(
     (e) => {
       if (e.key === "Backspace" && fieldState.inputValue === "") {
         popLast();
@@ -1540,7 +1566,7 @@ function MultipleSelect({
     },
     [popLast, fieldState.inputValue]
   );
-  import_react6.default.useEffect(() => {
+  import_react5.default.useEffect(() => {
     const trigger = triggerRef.current;
     if (!trigger)
       return;
@@ -1554,24 +1580,24 @@ function MultipleSelect({
       observer.unobserve(trigger);
     };
   }, []);
-  const triggerButtonRef = import_react6.default.useRef(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components22.Group, { children: (groupRenderProps) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_jsx_runtime23.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  const triggerButtonRef = import_react5.default.useRef(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components22.Group, { children: (groupRenderProps) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "div",
     {
       ref: triggerRef,
       className: multiSelect({ size, ...groupRenderProps }),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: multiple_select_default.tagsAndInput, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: multiple_select_default.tagsAndInput, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             import_react_aria_components22.TagGroup,
             {
               "aria-label": "Selected items",
               id: tagGroupIdentifier,
               onRemove,
-              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components22.TagList, { items: selectedItems, className: multiple_select_default.tagList, children: props.tag })
+              children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components22.TagList, { items: selectedItems, className: multiple_select_default.tagList, children: props.tag })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
             import_react_aria_components22.ComboBox,
             {
               ...props,
@@ -1584,7 +1610,7 @@ function MultipleSelect({
               onSelectionChange,
               onInputChange,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                   import_react_aria_components22.Input,
                   {
                     className: multiple_select_default.input,
@@ -1598,7 +1624,7 @@ function MultipleSelect({
                     ...props.inputProps
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                   Button2,
                   {
                     slot: "remove",
@@ -1607,21 +1633,21 @@ function MultipleSelect({
                     children: "Remove"
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                   import_react_aria_components22.Popover,
                   {
                     className: select_default.popover,
                     style: { width: `${width}px` },
                     triggerRef,
                     trigger: "ComboBox",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                       import_react_aria_components22.ListBox,
                       {
                         className: select_default.listBox,
-                        renderEmptyState: () => renderEmptyState ? renderEmptyState(fieldState.inputValue) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text, { className: multiple_select_default.emptyText, children: fieldState.inputValue ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+                        renderEmptyState: () => renderEmptyState ? renderEmptyState(fieldState.inputValue) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text, { className: multiple_select_default.emptyText, children: fieldState.inputValue ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
                           "No results found for:",
                           " ",
-                          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("strong", { children: fieldState.inputValue })
+                          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("strong", { children: fieldState.inputValue })
                         ] }) : "No options" }),
                         selectionMode: "multiple",
                         children
@@ -1633,13 +1659,13 @@ function MultipleSelect({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           import_react_aria_components22.Button,
           {
             excludeFromTabOrder: true,
             onPress: () => triggerButtonRef.current?.click(),
             className: multiple_select_default.chevronButton,
-            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("img", { src: select_closed_default, alt: "" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src: select_closed_default, alt: "" })
           }
         ) })
       ]
@@ -1655,9 +1681,9 @@ var import_react_aria_components23 = require("react-aria-components");
 var tag_default = { "tag": "tag_c7c88", "text": "text_c7c88", "remove": "remove_c7c88" };
 
 // src/components/tag/tag.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function Tag({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_react_aria_components23.Tag,
     {
       ...props,
@@ -1665,9 +1691,9 @@ function Tag({ children, className, ...props }) {
         className,
         (className2) => (0, import_cva23.cx)(tag_default.tag, className2)
       ),
-      children: (0, import_react_aria_components23.composeRenderProps)(children, (children2) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: tag_default.text, children: children2 }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components23.Button, { slot: "remove", className: tag_default.remove })
+      children: (0, import_react_aria_components23.composeRenderProps)(children, (children2) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: tag_default.text, children: children2 }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_aria_components23.Button, { slot: "remove", className: tag_default.remove })
       ] }))
     }
   );
@@ -1693,8 +1719,12 @@ var import_react_aria_components24 = require("react-aria-components");
   DisclosureGroup,
   DisclosurePanel,
   Divider,
+  FieldError,
+  GridLayout,
   Heading,
   Label,
+  ListBoxItem,
+  ListLayout,
   Menu,
   MenuHeader,
   MenuItem,
@@ -1702,6 +1732,7 @@ var import_react_aria_components24 = require("react-aria-components");
   MenuSection,
   MenuSeparator,
   MenuTrigger,
+  MenuVirtualizer,
   Modal,
   MultipleSelect,
   NumberField,
@@ -1717,6 +1748,8 @@ var import_react_aria_components24 = require("react-aria-components");
   SelectListBoxItem,
   SelectPopover,
   SelectValue,
+  SelectVirtualizer,
+  Size,
   Slider,
   SliderOutput,
   Sonner,
@@ -1726,6 +1759,7 @@ var import_react_aria_components24 = require("react-aria-components");
   Tab,
   TabList,
   TabPanel,
+  TableLayout,
   Tabs,
   Tag,
   Text,
@@ -1733,6 +1767,8 @@ var import_react_aria_components24 = require("react-aria-components");
   TextField,
   ToggleButton,
   UnstyledPopover,
+  Virtualizer,
+  WaterfallLayout,
   _Button,
   _ButtonLink,
   button,