@lolmath/ui 6.2.0 → 6.3.0

package/dist/lib/index.css

@@ -1245,9 +1245,9 @@
   }
 }
 
-/* src/components/menu.module.css?css_virtual&hash=0a00d */
+/* 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,29 +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);
   }
-  .item_bd9f7[data-selection-mode] {
+  .item_c1735[data-selection-mode] {
     padding-right: 2rem;
   }
-  .item_bd9f7[data-selected] {
+  .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;
   }
-  .popover_bd9f7 {
+  .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/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, Selection, 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/lib/index.js

@@ -36,6 +36,7 @@ __export(src_exports, {
   Button: () => Button2,
   ButtonLink: () => ButtonLink,
   Checkbox: () => Checkbox,
+  Collection: () => import_react_aria_components25.Collection,
   Dialog: () => import_react_aria_components25.Dialog,
   DialogButtons: () => DialogButtons,
   DialogHeading: () => DialogHeading,
@@ -48,8 +49,11 @@ __export(src_exports, {
   Heading: () => Heading,
   Label: () => Label2,
   Menu: () => Menu,
+  MenuHeader: () => MenuHeader,
   MenuItem: () => MenuItem,
   MenuPopover: () => MenuPopover,
+  MenuSection: () => MenuSection,
+  MenuSeparator: () => MenuSeparator,
   MenuTrigger: () => MenuTrigger,
   Modal: () => Modal,
   MultipleSelect: () => MultipleSelect,
@@ -1364,14 +1368,14 @@ function Popover({ children, className, ...props }) {
   );
 }
 
-// src/components/menu.tsx
+// src/components/menu/menu.tsx
 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", "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
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var MenuTrigger = import_react_aria_components21.MenuTrigger;
 var SubmenuTrigger = import_react_aria_components21.SubmenuTrigger;
@@ -1405,6 +1409,31 @@ function MenuPopover({ className, ...props }) {
     }
   );
 }
+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) });
+}
+function MenuHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_react_aria_components21.Header,
+    {
+      ...props,
+      className: heading({
+        className: (0, import_cva21.cx)(className, menu_default.header),
+        color: "gold100",
+        preset: "h5"
+      })
+    }
+  );
+}
+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) });
+}
 
 // src/components/select/multiple-select.tsx
 var import_cva22 = require("cva");
@@ -1654,6 +1683,7 @@ var import_react_aria_components24 = require("react-aria-components");
   Button,
   ButtonLink,
   Checkbox,
+  Collection,
   Dialog,
   DialogButtons,
   DialogHeading,
@@ -1666,8 +1696,11 @@ var import_react_aria_components24 = require("react-aria-components");
   Heading,
   Label,
   Menu,
+  MenuHeader,
   MenuItem,
   MenuPopover,
+  MenuSection,
+  MenuSeparator,
   MenuTrigger,
   Modal,
   MultipleSelect,