@lolmath/ui 6.0.0 → 6.1.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.
@@ -702,7 +702,7 @@
702
702
  }
703
703
  }
704
704
 
705
- /* src/components/select/select.module.css?css_virtual&hash=0eee3 */
705
+ /* src/components/select/select.module.css?css_virtual&hash=aa964 */
706
706
  @layer lol {
707
707
  .button_560be {
708
708
  font-family: var(--lol-font-family-spiegel);
@@ -754,6 +754,7 @@
754
754
  background-color: var(--lol-color-hextech-black);
755
755
  border: 1px solid var(--lol-color-gold-600);
756
756
  outline: none;
757
+ overflow-y: auto;
757
758
  }
758
759
  .item_560be {
759
760
  border-bottom: 1px solid var(--lol-color-grey-300);
@@ -782,8 +783,8 @@
782
783
  }
783
784
  .popover_560be {
784
785
  width: var(--trigger-width);
785
- max-height: inherit;
786
- overflow-y: auto;
786
+ display: flex;
787
+ flex-direction: column;
787
788
  }
788
789
  }
789
790
 
@@ -1244,10 +1245,9 @@
1244
1245
  }
1245
1246
  }
1246
1247
 
1247
- /* src/components/menu.module.css?css_virtual&hash=e1151 */
1248
+ /* src/components/menu.module.css?css_virtual&hash=9a522 */
1248
1249
  @layer lol {
1249
1250
  .menu_bd9f7 {
1250
- max-height: inherit;
1251
1251
  box-sizing: border-box;
1252
1252
  overflow: auto;
1253
1253
  min-width: 150px;
@@ -1278,6 +1278,10 @@
1278
1278
  .item_bd9f7[data-pressed] {
1279
1279
  color: var(--lol-color-gold-300);
1280
1280
  }
1281
+ .popover_bd9f7 {
1282
+ display: flex;
1283
+ flex-direction: column;
1284
+ }
1281
1285
  }
1282
1286
 
1283
1287
  /* src/components/select/multiple-select.module.css?css_virtual&hash=2f6cf */
@@ -492,6 +492,7 @@ declare const MenuTrigger: typeof MenuTrigger$1;
492
492
  declare const SubmenuTrigger: (props: react_aria_components.SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => react.ReactElement | null;
493
493
  declare function Menu<T extends object>({ className, ...props }: MenuProps<T>): react_jsx_runtime.JSX.Element;
494
494
  declare function MenuItem<T extends object>({ className, ...props }: MenuItemProps<T>): react_jsx_runtime.JSX.Element;
495
+ declare function MenuPopover({ className, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
495
496
 
496
497
  interface SelectedKey {
497
498
  id: Key;
@@ -512,4 +513,4 @@ declare function MultipleSelect<T extends SelectedKey>({ children, items, select
512
513
 
513
514
  declare function Tag({ children, className, ...props }: TagProps): react_jsx_runtime.JSX.Element;
514
515
 
515
- 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 };
516
+ 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 CHANGED
@@ -49,6 +49,7 @@ __export(src_exports, {
49
49
  Label: () => Label2,
50
50
  Menu: () => Menu,
51
51
  MenuItem: () => MenuItem,
52
+ MenuPopover: () => MenuPopover,
52
53
  MenuTrigger: () => MenuTrigger,
53
54
  Modal: () => Modal,
54
55
  MultipleSelect: () => MultipleSelect,
@@ -1368,7 +1369,7 @@ var import_cva21 = require("cva");
1368
1369
  var import_react_aria_components21 = require("react-aria-components");
1369
1370
 
1370
1371
  // src/components/menu.module.css
1371
- var menu_default = { "menu": "menu_bd9f7", "item": "item_bd9f7" };
1372
+ var menu_default = { "menu": "menu_bd9f7", "item": "item_bd9f7", "popover": "popover_bd9f7" };
1372
1373
 
1373
1374
  // src/components/menu.tsx
1374
1375
  var import_jsx_runtime22 = require("react/jsx-runtime");
@@ -1392,6 +1393,18 @@ function MenuItem({
1392
1393
  }
1393
1394
  );
1394
1395
  }
1396
+ function MenuPopover({ className, ...props }) {
1397
+ return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
1398
+ import_react_aria_components21.Popover,
1399
+ {
1400
+ ...props,
1401
+ className: (0, import_react_aria_components21.composeRenderProps)(
1402
+ className,
1403
+ (className2) => (0, import_cva21.cx)(className2, menu_default.popover)
1404
+ )
1405
+ }
1406
+ );
1407
+ }
1395
1408
 
1396
1409
  // src/components/select/multiple-select.tsx
1397
1410
  var import_cva22 = require("cva");
@@ -1654,6 +1667,7 @@ var import_react_aria_components24 = require("react-aria-components");
1654
1667
  Label,
1655
1668
  Menu,
1656
1669
  MenuItem,
1670
+ MenuPopover,
1657
1671
  MenuTrigger,
1658
1672
  Modal,
1659
1673
  MultipleSelect,