@lolmath/ui 6.1.0 → 6.3.0

package/dist/es/index.css

@@ -1245,9 +1245,9 @@
   }
 }
 
-/* src/components/menu.module.css?css_virtual&hash=9a522 */
+/* src/components/menu/menu.module.css?css_virtual&hash=740d4 */
 @layer lol {
-  .menu_bd9f7 {
+  .menu_c1735 {
     box-sizing: border-box;
     overflow: auto;
     min-width: 150px;
@@ -1258,7 +1258,7 @@
     border: 2px solid transparent;
     font-family: var(--lol-font-family-spiegel);
   }
-  .item_bd9f7 {
+  .item_c1735 {
     padding: 0.375rem 0.5rem;
     outline: none;
     font-size: var(--lol-font-size-sm);
@@ -1267,21 +1267,47 @@
     letter-spacing: var(--lol-letter-spacing-sm);
     color: var(--lol-color-gold-300);
   }
-  .item_bd9f7[data-disabled] {
+  .item_c1735[data-disabled] {
     color: var(--lol-color-grey-150);
   }
-  .item_bd9f7[data-hovered],
-  .item_bd9f7[data-focus-visible] {
+  .item_c1735[data-hovered],
+  .item_c1735[data-focus-visible] {
     background: var(--lol-color-grey-300);
     color: var(--lol-color-gold-100);
   }
-  .item_bd9f7[data-pressed] {
+  .item_c1735[data-pressed] {
     color: var(--lol-color-gold-300);
   }
-  .popover_bd9f7 {
+  .item_c1735[data-selection-mode] {
+    padding-right: 2rem;
+  }
+  .item_c1735[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;
+  }
+  .item_c1735[aria-haspopup] {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAH5QTFRFAAAA8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS0Xa8KQAAACp0Uk5TABq/MRLO/+oKqeQkCy8NpOE2Ca4mBrzfBbbbIAeo3iOeMrCjE9TmLR7Bzkf64wAAAH1JREFUeJw9zrEKwkAQhOF/yAlyBiHhlBQWFha+/9tYyaERBEUhBhtPPPA22327CzMCJCX+I3CZnzRxnm9Oo5E6ZVeDkaXeeD2MtBrw7mZkpSfNazR2uhPUF250zZtYnutwoauOFrQ+E2axBLXNCb/orcZOcavDVJK9vkX8ALB9HQ/tuMKnAAAAAElFTkSuQmCC);
+    background-size: 12px;
+    background-position: right 0.5rem center;
+    background-repeat: no-repeat;
+  }
+  .popover_c1735 {
     display: flex;
     flex-direction: column;
   }
+  .section_c1735:not(:first-child) {
+    margin-top: 0.1rem;
+  }
+  .header_c1735 {
+    padding: 0.5rem 0.5rem 0.2rem 0.5rem;
+    font-size: var(--lol-font-size-sm);
+  }
+  .separator_c1735 {
+    height: 1px;
+    background: rgb(from var(--lol-color-gold-100) r g b / 0.25);
+    margin: 0.4rem 0.5rem;
+  }
 }
 
 /* src/components/select/multiple-select.module.css?css_virtual&hash=2f6cf */

package/dist/es/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';
+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';
+export { Autocomplete, Collection, 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';
@@ -493,6 +493,9 @@ declare const SubmenuTrigger: (props: react_aria_components.SubmenuTriggerProps
 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;
+declare function MenuSection<T extends object>({ className, ...props }: MenuSectionProps<T>): react_jsx_runtime.JSX.Element;
+declare function MenuHeader({ className, ...props }: ComponentProps<typeof Header>): react_jsx_runtime.JSX.Element;
+declare function MenuSeparator({ className, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;
 
 interface SelectedKey {
     id: Key;
@@ -513,4 +516,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, 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 };
+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 };

package/dist/es/index.js

@@ -3,6 +3,7 @@ import {
   RouterProvider,
   DialogTrigger,
   Dialog as Dialog3,
+  Collection,
   Popover as Popover3
 } from "react-aria-components";
 
@@ -1362,21 +1363,24 @@ function Popover({ children, className, ...props }) {
   );
 }
 
-// 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,
   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
+// src/components/menu/menu.tsx
 import { jsx as jsx22 } from "react/jsx-runtime";
 var MenuTrigger = AriaMenuTrigger;
 var SubmenuTrigger = AriaSubmenuTrigger;
@@ -1393,7 +1397,7 @@ function MenuItem({
       ...props,
       className: composeRenderProps18(
         className,
-        (className2, values) => cx13(menu_default.item, className2, values)
+        (className2) => cx13(menu_default.item, className2)
       )
     }
   );
@@ -1410,6 +1414,31 @@ function MenuPopover({ className, ...props }) {
     }
   );
 }
+function MenuSection({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx22(AriaMenuSection, { ...props, className: cx13(className, menu_default.section) });
+}
+function MenuHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx22(
+    AriaHeader,
+    {
+      ...props,
+      className: heading({
+        className: cx13(className, menu_default.header),
+        color: "gold100",
+        preset: "h5"
+      })
+    }
+  );
+}
+function MenuSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx22(AriaSeparator, { ...props, className: cx13(className, menu_default.separator) });
+}
 
 // src/components/select/multiple-select.tsx
 import { cva as cva13 } from "cva";
@@ -1671,6 +1700,7 @@ export {
   Button2 as Button,
   ButtonLink,
   Checkbox,
+  Collection,
   Dialog3 as Dialog,
   DialogButtons,
   DialogHeading,
@@ -1683,8 +1713,11 @@ export {
   Heading,
   Label2 as Label,
   Menu,
+  MenuHeader,
   MenuItem,
   MenuPopover,
+  MenuSection,
+  MenuSeparator,
   MenuTrigger,
   Modal,
   MultipleSelect,