@lolmath/ui 6.2.0 → 6.4.0

package/dist/es/index.js

@@ -3,6 +3,15 @@ import {
   RouterProvider,
   DialogTrigger,
   Dialog as Dialog3,
+  Collection,
+  Virtualizer,
+  ListBoxItem,
+  ListLayout as ListLayout3,
+  GridLayout,
+  WaterfallLayout,
+  TableLayout,
+  FieldError,
+  Size,
   Popover as Popover3
 } from "react-aria-components";
 
@@ -632,6 +641,8 @@ import {
   ListBox as AriaListBox,
   ListBoxItem as AriaListBoxItem,
   Popover as AriaPopover,
+  Virtualizer as AriaVirtualizer,
+  ListLayout,
   composeRenderProps as composeRenderProps10
 } from "react-aria-components";
 
@@ -713,6 +724,21 @@ function SelectListBoxItem({ className, ...props }) {
     }
   );
 }
+function SelectVirtualizer(props) {
+  return /* @__PURE__ */ jsx12(
+    AriaVirtualizer,
+    {
+      layout: ListLayout,
+      layoutOptions: {
+        padding: 0,
+        gap: 0,
+        rowHeight: 31,
+        headingHeight: 35
+      },
+      ...props
+    }
+  );
+}
 
 // src/components/slider/slider.tsx
 import { cva as cva7, cx as cx9 } from "cva";
@@ -924,18 +950,11 @@ function Heading({
 
 // src/components/typography/text.tsx
 import { cva as cva9 } from "cva";
-import { createElement as createElement2 } from "react";
 import {
-  Label as AriaLabel
+  Label as AriaLabel,
+  Text as AriaText
 } from "react-aria-components";
-var presetElements = {
-  sm: "p",
-  base: "p",
-  md: "p",
-  lg: "p",
-  largeNumber: "span",
-  stat: "span"
-};
+import { jsx as jsx15 } from "react/jsx-runtime";
 var text = cva9({
   base: text_default.text,
   variants: {
@@ -956,17 +975,12 @@ var text = cva9({
   }
 });
 function Text({
-  as = "p",
   preset = "base",
   color = "grey100",
   className,
   ...rest
 }) {
-  const elementType = as ?? presetElements[preset];
-  return createElement2(elementType, {
-    ...rest,
-    className: text({ preset, color, className })
-  });
+  return /* @__PURE__ */ jsx15(AriaText, { className: text({ preset, color, className }), ...rest });
 }
 function Label2({
   preset = "sm",
@@ -974,10 +988,7 @@ function Label2({
   className,
   ...rest
 }) {
-  return createElement2(AriaLabel, {
-    ...rest,
-    className: text({ preset, color, className })
-  });
+  return /* @__PURE__ */ jsx15(AriaLabel, { className: text({ preset, color, className }), ...rest });
 }
 
 // src/components/sonner/sonner-error.svg
@@ -996,10 +1007,10 @@ 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
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var sonner = sonnerToast;
 function Sonner(props) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     Toaster,
     {
       ...props,
@@ -1043,11 +1054,11 @@ function Sonner(props) {
         [props.toastOptions]
       ),
       icons: {
-        loading: /* @__PURE__ */ jsx15(Spinner, {}),
-        success: /* @__PURE__ */ jsx15("img", { src: sonner_success_default, alt: "" }),
-        error: /* @__PURE__ */ jsx15("img", { src: sonner_error_default, alt: "" }),
-        warning: /* @__PURE__ */ jsx15("img", { src: sonner_warning_default, alt: "" }),
-        info: /* @__PURE__ */ jsx15("img", { src: sonner_info_default, alt: "" })
+        loading: /* @__PURE__ */ jsx16(Spinner, {}),
+        success: /* @__PURE__ */ jsx16("img", { src: sonner_success_default, alt: "" }),
+        error: /* @__PURE__ */ jsx16("img", { src: sonner_error_default, alt: "" }),
+        warning: /* @__PURE__ */ jsx16("img", { src: sonner_warning_default, alt: "" }),
+        info: /* @__PURE__ */ jsx16("img", { src: sonner_info_default, alt: "" })
       }
     }
   );
@@ -1064,14 +1075,14 @@ import {
 var switch_default = { "switch": "switch_cfb98", "track": "track_cfb98", "knob": "knob_cfb98" };
 
 // src/components/switch.tsx
-import { Fragment as Fragment7, jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 function Switch({
   className,
   placeholder,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     AriaSwitch,
     {
       ...props,
@@ -1086,7 +1097,7 @@ function Switch({
         )
       ),
       children: (values) => /* @__PURE__ */ jsxs9(Fragment7, { children: [
-        /* @__PURE__ */ jsx16("div", { className: switch_default.track, children: /* @__PURE__ */ jsx16("span", { className: switch_default.knob }) }),
+        /* @__PURE__ */ jsx17("div", { className: switch_default.track, children: /* @__PURE__ */ jsx17("span", { className: switch_default.knob }) }),
         typeof children === "function" ? children(values) : children
       ] })
     }
@@ -1107,13 +1118,13 @@ import {
 var tabs_default = { "list": "list_c42a1", "tab": "tab_c42a1", "indicator": "indicator_c42a1" };
 
 // src/components/tabs.tsx
-import { Fragment as Fragment8, jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 var Tabs = AriaTabs;
 function TabList({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     AriaTabList,
     {
       ...rest,
@@ -1125,7 +1136,7 @@ function TabList({
   );
 }
 function Tab({ children, className, ...rest }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     AriaTab,
     {
       ...rest,
@@ -1135,13 +1146,13 @@ function Tab({ children, className, ...rest }) {
       ),
       children: (values) => /* @__PURE__ */ jsxs10(Fragment8, { children: [
         typeof children === "function" ? children(values) : children,
-        values.isSelected && /* @__PURE__ */ jsx17("div", { className: tabs_default.indicator })
+        values.isSelected && /* @__PURE__ */ jsx18("div", { className: tabs_default.indicator })
       ] })
     }
   );
 }
 function TabPanel({ ...rest }) {
-  return /* @__PURE__ */ jsx17(AriaTabPanel, { ...rest });
+  return /* @__PURE__ */ jsx18(AriaTabPanel, { ...rest });
 }
 
 // src/components/text-area.tsx
@@ -1163,7 +1174,7 @@ import { cva as cva10 } from "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
-import { Fragment as Fragment9, jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
 var textField = cva10({
   base: text_field_default.textField,
   variants: {
@@ -1182,9 +1193,9 @@ function TextField({
   size = "medium",
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(AriaTextField, { ...props, children: (values) => /* @__PURE__ */ jsxs11(Fragment9, { children: [
+  return /* @__PURE__ */ jsx19(AriaTextField, { ...props, children: (values) => /* @__PURE__ */ jsxs11(Fragment9, { children: [
     typeof children === "function" ? children(values) : children,
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(
       AriaInput3,
       {
         type: "text",
@@ -1203,15 +1214,15 @@ function TextField({
 }
 
 // src/components/text-area.tsx
-import { Fragment as Fragment10, jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
 function TextArea({
   textAreaProps = {},
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(AriaTextField2, { ...props, children: (values) => /* @__PURE__ */ jsxs12(Fragment10, { children: [
+  return /* @__PURE__ */ jsx20(AriaTextField2, { ...props, children: (values) => /* @__PURE__ */ jsxs12(Fragment10, { children: [
     typeof children === "function" ? children(values) : children,
-    /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx20(
       AriaTextArea,
       {
         ...textAreaProps,
@@ -1234,7 +1245,7 @@ import {
   ToggleButton as AriaToggleButton,
   composeRenderProps as composeRenderProps16
 } from "react-aria-components";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var button2 = cva11({
   base: button_default.button,
   variants: {
@@ -1267,7 +1278,7 @@ function ToggleButton({
   thin = preset === "dimmed",
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     AriaToggleButton,
     {
       ...props,
@@ -1300,7 +1311,7 @@ import {
 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
-import { Fragment as Fragment11, jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
 var popover = cva12({
   base: popover_default.popover,
   variants: {
@@ -1326,7 +1337,7 @@ var arrow = cva12({
   }
 });
 function Popover({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     AriaPopover2,
     {
       ...props,
@@ -1339,7 +1350,7 @@ function Popover({ children, className, ...props }) {
         })
       ),
       children: (values) => /* @__PURE__ */ jsxs13(Fragment11, { children: [
-        /* @__PURE__ */ jsx21(OverlayArrow, { children: (values2) => /* @__PURE__ */ jsx21(Fragment11, { children: /* @__PURE__ */ jsxs13(
+        /* @__PURE__ */ jsx22(OverlayArrow, { children: (values2) => /* @__PURE__ */ jsx22(Fragment11, { children: /* @__PURE__ */ jsxs13(
           "svg",
           {
             viewBox: "0 0 12 6",
@@ -1351,43 +1362,48 @@ function Popover({ children, className, ...props }) {
             height: 10,
             "aria-hidden": "true",
             children: [
-              /* @__PURE__ */ jsx21("path", { d: "M0 0,L6 6,L12 0", className: popover_default.outer }),
-              /* @__PURE__ */ jsx21("path", { d: "M2 0 6 4 10 0", className: popover_default.inner })
+              /* @__PURE__ */ jsx22("path", { d: "M0 0,L6 6,L12 0", className: popover_default.outer }),
+              /* @__PURE__ */ jsx22("path", { d: "M2 0 6 4 10 0", className: popover_default.inner })
             ]
           }
         ) }) }),
-        /* @__PURE__ */ jsx21(Dialog2, { children: typeof children === "function" ? children(values) : children })
+        /* @__PURE__ */ jsx22(Dialog2, { children: typeof children === "function" ? children(values) : children })
       ] })
     }
   );
 }
 
-// src/components/menu.tsx
+// src/components/menu/menu.tsx
 import { cx as cx13 } from "cva";
 import {
+  Header as AriaHeader,
   Menu as AriaMenu,
   MenuItem as AriaMenuItem,
+  MenuSection as AriaMenuSection,
   MenuTrigger as AriaMenuTrigger,
   Popover as AriaPopover3,
+  Separator as AriaSeparator,
   SubmenuTrigger as AriaSubmenuTrigger,
+  Virtualizer as AriaVirtualizer2,
+  ListLayout as ListLayout2,
   composeRenderProps as composeRenderProps18
 } from "react-aria-components";
 
-// src/components/menu.module.css
-var menu_default = { "menu": "menu_bd9f7", "item": "item_bd9f7", "popover": "popover_bd9f7" };
+// src/components/menu/menu.module.css
+var menu_default = { "menu": "menu_c1735", "item": "item_c1735", "popover": "popover_c1735", "section": "section_c1735", "header": "header_c1735", "separator": "separator_c1735" };
 
-// src/components/menu.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+// src/components/menu/menu.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
 var MenuTrigger = AriaMenuTrigger;
 var SubmenuTrigger = AriaSubmenuTrigger;
 function Menu({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(AriaMenu, { ...props, className: cx13(menu_default.menu, className) });
+  return /* @__PURE__ */ jsx23(AriaMenu, { ...props, className: cx13(menu_default.menu, className) });
 }
 function MenuItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     AriaMenuItem,
     {
       ...props,
@@ -1399,7 +1415,7 @@ function MenuItem({
   );
 }
 function MenuPopover({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     AriaPopover3,
     {
       ...props,
@@ -1410,6 +1426,48 @@ function MenuPopover({ className, ...props }) {
     }
   );
 }
+function MenuSection({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(AriaMenuSection, { ...props, className: cx13(className, menu_default.section) });
+}
+function MenuHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(
+    AriaHeader,
+    {
+      ...props,
+      className: heading({
+        className: cx13(className, menu_default.header),
+        color: "gold100",
+        preset: "h5"
+      })
+    }
+  );
+}
+function MenuSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx23(AriaSeparator, { ...props, className: cx13(className, menu_default.separator) });
+}
+function MenuVirtualizer(props) {
+  return /* @__PURE__ */ jsx23(
+    AriaVirtualizer2,
+    {
+      layout: ListLayout2,
+      layoutOptions: {
+        padding: 0,
+        gap: 0,
+        rowHeight: 30,
+        headingHeight: 35
+        // estimatedRowHeight: 30,
+        // estimatedHeadingHeight: 35,
+      },
+      ...props
+    }
+  );
+}
 
 // src/components/select/multiple-select.tsx
 import { cva as cva13 } from "cva";
@@ -1433,7 +1491,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
-import { Fragment as Fragment12, jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
 var multiSelect = cva13({
   base: multiple_select_default.multiSelect,
   variants: {
@@ -1540,20 +1598,20 @@ function MultipleSelect({
     };
   }, []);
   const triggerButtonRef = React.useRef(null);
-  return /* @__PURE__ */ jsx23(Group2, { children: (groupRenderProps) => /* @__PURE__ */ jsx23(Fragment12, { children: /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsx24(Group2, { children: (groupRenderProps) => /* @__PURE__ */ jsx24(Fragment12, { children: /* @__PURE__ */ jsxs14(
     "div",
     {
       ref: triggerRef,
       className: multiSelect({ size, ...groupRenderProps }),
       children: [
         /* @__PURE__ */ jsxs14("div", { className: multiple_select_default.tagsAndInput, children: [
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             TagGroup,
             {
               "aria-label": "Selected items",
               id: tagGroupIdentifier,
               onRemove,
-              children: /* @__PURE__ */ jsx23(TagList, { items: selectedItems, className: multiple_select_default.tagList, children: props.tag })
+              children: /* @__PURE__ */ jsx24(TagList, { items: selectedItems, className: multiple_select_default.tagList, children: props.tag })
             }
           ),
           /* @__PURE__ */ jsxs14(
@@ -1569,7 +1627,7 @@ function MultipleSelect({
               onSelectionChange,
               onInputChange,
               children: [
-                /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsx24(
                   Input,
                   {
                     className: multiple_select_default.input,
@@ -1583,7 +1641,7 @@ function MultipleSelect({
                     ...props.inputProps
                   }
                 ),
-                /* @__PURE__ */ jsx23(VisuallyHidden, { children: /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsx24(VisuallyHidden, { children: /* @__PURE__ */ jsx24(
                   Button2,
                   {
                     slot: "remove",
@@ -1592,21 +1650,21 @@ function MultipleSelect({
                     children: "Remove"
                   }
                 ) }),
-                /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsx24(
                   Popover2,
                   {
                     className: select_default.popover,
                     style: { width: `${width}px` },
                     triggerRef,
                     trigger: "ComboBox",
-                    children: /* @__PURE__ */ jsx23(
+                    children: /* @__PURE__ */ jsx24(
                       ListBox,
                       {
                         className: select_default.listBox,
-                        renderEmptyState: () => renderEmptyState ? renderEmptyState(fieldState.inputValue) : /* @__PURE__ */ jsx23(Text, { className: multiple_select_default.emptyText, children: fieldState.inputValue ? /* @__PURE__ */ jsxs14(Fragment12, { children: [
+                        renderEmptyState: () => renderEmptyState ? renderEmptyState(fieldState.inputValue) : /* @__PURE__ */ jsx24(Text, { className: multiple_select_default.emptyText, children: fieldState.inputValue ? /* @__PURE__ */ jsxs14(Fragment12, { children: [
                           "No results found for:",
                           " ",
-                          /* @__PURE__ */ jsx23("strong", { children: fieldState.inputValue })
+                          /* @__PURE__ */ jsx24("strong", { children: fieldState.inputValue })
                         ] }) : "No options" }),
                         selectionMode: "multiple",
                         children
@@ -1618,13 +1676,13 @@ function MultipleSelect({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx23("div", { "aria-hidden": true, children: /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx24("div", { "aria-hidden": true, children: /* @__PURE__ */ jsx24(
           AriaButton5,
           {
             excludeFromTabOrder: true,
             onPress: () => triggerButtonRef.current?.click(),
             className: multiple_select_default.chevronButton,
-            children: /* @__PURE__ */ jsx23("img", { src: select_closed_default, alt: "" })
+            children: /* @__PURE__ */ jsx24("img", { src: select_closed_default, alt: "" })
           }
         ) })
       ]
@@ -1644,9 +1702,9 @@ import {
 var tag_default = { "tag": "tag_c7c88", "text": "text_c7c88", "remove": "remove_c7c88" };
 
 // src/components/tag/tag.tsx
-import { Fragment as Fragment13, jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
 function Tag({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     AriaTag,
     {
       ...props,
@@ -1655,8 +1713,8 @@ function Tag({ children, className, ...props }) {
         (className2) => cx14(tag_default.tag, className2)
       ),
       children: composeRenderProps19(children, (children2) => /* @__PURE__ */ jsxs15(Fragment13, { children: [
-        /* @__PURE__ */ jsx24("span", { className: tag_default.text, children: children2 }),
-        /* @__PURE__ */ jsx24(AriaButton6, { slot: "remove", className: tag_default.remove })
+        /* @__PURE__ */ jsx25("span", { className: tag_default.text, children: children2 }),
+        /* @__PURE__ */ jsx25(AriaButton6, { slot: "remove", className: tag_default.remove })
       ] }))
     }
   );
@@ -1671,6 +1729,7 @@ export {
   Button2 as Button,
   ButtonLink,
   Checkbox,
+  Collection,
   Dialog3 as Dialog,
   DialogButtons,
   DialogHeading,
@@ -1680,12 +1739,20 @@ export {
   DisclosureGroup,
   DisclosurePanel,
   Divider,
+  FieldError,
+  GridLayout,
   Heading,
   Label2 as Label,
+  ListBoxItem,
+  ListLayout3 as ListLayout,
   Menu,
+  MenuHeader,
   MenuItem,
   MenuPopover,
+  MenuSection,
+  MenuSeparator,
   MenuTrigger,
+  MenuVirtualizer,
   Modal,
   MultipleSelect,
   NumberField,
@@ -1701,6 +1768,8 @@ export {
   SelectListBoxItem,
   SelectPopover,
   SelectValue,
+  SelectVirtualizer,
+  Size,
   Slider,
   SliderOutput,
   Sonner,
@@ -1710,6 +1779,7 @@ export {
   Tab,
   TabList,
   TabPanel,
+  TableLayout,
   Tabs,
   Tag,
   Text,
@@ -1717,6 +1787,8 @@ export {
   TextField,
   ToggleButton,
   Popover3 as UnstyledPopover,
+  Virtualizer,
+  WaterfallLayout,
   _Button,
   _ButtonLink,
   button,