@lolmath/ui 6.0.0 → 6.2.0

package/dist/lib/index.css

@@ -702,7 +702,7 @@
   }
 }
 
-/* src/components/select/select.module.css?css_virtual&hash=0eee3 */
+/* src/components/select/select.module.css?css_virtual&hash=aa964 */
 @layer lol {
   .button_560be {
     font-family: var(--lol-font-family-spiegel);
@@ -754,6 +754,7 @@
     background-color: var(--lol-color-hextech-black);
     border: 1px solid var(--lol-color-gold-600);
     outline: none;
+    overflow-y: auto;
   }
   .item_560be {
     border-bottom: 1px solid var(--lol-color-grey-300);
@@ -782,8 +783,8 @@
   }
   .popover_560be {
     width: var(--trigger-width);
-    max-height: inherit;
-    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
   }
 }
 
@@ -1244,10 +1245,9 @@
   }
 }
 
-/* src/components/menu.module.css?css_virtual&hash=e1151 */
+/* src/components/menu.module.css?css_virtual&hash=0a00d */
 @layer lol {
   .menu_bd9f7 {
-    max-height: inherit;
     box-sizing: border-box;
     overflow: auto;
     min-width: 150px;
@@ -1278,6 +1278,18 @@
   .item_bd9f7[data-pressed] {
     color: var(--lol-color-gold-300);
   }
+  .item_bd9f7[data-selection-mode] {
+    padding-right: 2rem;
+  }
+  .item_bd9f7[data-selected] {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAAsElEQVR42pTQXQoBURTA8ZmbdxuxAi/WgfLmQb4pYgMi36QUJUuxBIvw7FEi/qfOrds0NPfW7+We85+mG95v18DjhGjglPKMNqjibTyilUYTbE3CaIE65ujLZZJQlptYomsvJUyjp1+Oi1pYo+MOjA7GmEWiKdrY6c7HHcqrjpDRpQeGGslv7VGLRjZ8Ii9PjAFyyOKISlxkQzkvFDUu4Izyr8gNA41KuODwL5LzFWAAUJ8mTIVblvcAAAAASUVORK5CYII=);
+    background-position: right 0.5rem center;
+    background-repeat: no-repeat;
+  }
+  .popover_bd9f7 {
+    display: flex;
+    flex-direction: column;
+  }
 }
 
 /* src/components/select/multiple-select.module.css?css_virtual&hash=2f6cf */

package/dist/lib/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_aria_components from 'react-aria-components';
 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, ComboBoxProps, TagProps } from 'react-aria-components';
-export { Autocomplete, Dialog, DialogTrigger, Key, MenuItemProps, MenuProps, RouterProvider, Select, SelectValue, Popover as UnstyledPopover, useFilter } from 'react-aria-components';
+export { Autocomplete, Dialog, DialogTrigger, Key, MenuItemProps, MenuProps, RouterProvider, Select, SelectValue, Selection, Popover as UnstyledPopover, useFilter } from 'react-aria-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { Ref, ComponentProps, JSX } from 'react';
@@ -492,6 +492,7 @@ declare const MenuTrigger: typeof MenuTrigger$1;
 declare const SubmenuTrigger: (props: react_aria_components.SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
 declare function Menu<T extends object>({ className, ...props }: MenuProps<T>): react_jsx_runtime.JSX.Element;
 declare function MenuItem<T extends object>({ className, ...props }: MenuItemProps<T>): react_jsx_runtime.JSX.Element;
+declare function MenuPopover({ className, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
 
 interface SelectedKey {
     id: Key;
@@ -512,4 +513,4 @@ declare function MultipleSelect<T extends SelectedKey>({ children, items, select
 
 declare function Tag({ children, className, ...props }: TagProps): react_jsx_runtime.JSX.Element;
 
-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, MenuItem, 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 };
+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, MenuItem, MenuPopover, 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 };

package/dist/lib/index.js

@@ -49,6 +49,7 @@ __export(src_exports, {
   Label: () => Label2,
   Menu: () => Menu,
   MenuItem: () => MenuItem,
+  MenuPopover: () => MenuPopover,
   MenuTrigger: () => MenuTrigger,
   Modal: () => Modal,
   MultipleSelect: () => MultipleSelect,
@@ -1368,7 +1369,7 @@ var import_cva21 = require("cva");
 var import_react_aria_components21 = require("react-aria-components");
 
 // src/components/menu.module.css
-var menu_default = { "menu": "menu_bd9f7", "item": "item_bd9f7" };
+var menu_default = { "menu": "menu_bd9f7", "item": "item_bd9f7", "popover": "popover_bd9f7" };
 
 // src/components/menu.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
@@ -1387,7 +1388,19 @@ function MenuItem({
       ...props,
       className: (0, import_react_aria_components21.composeRenderProps)(
         className,
-        (className2, values) => (0, import_cva21.cx)(menu_default.item, className2, values)
+        (className2) => (0, import_cva21.cx)(menu_default.item, className2)
+      )
+    }
+  );
+}
+function MenuPopover({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_react_aria_components21.Popover,
+    {
+      ...props,
+      className: (0, import_react_aria_components21.composeRenderProps)(
+        className,
+        (className2) => (0, import_cva21.cx)(className2, menu_default.popover)
       )
     }
   );
@@ -1654,6 +1667,7 @@ var import_react_aria_components24 = require("react-aria-components");
   Label,
   Menu,
   MenuItem,
+  MenuPopover,
   MenuTrigger,
   Modal,
   MultipleSelect,