@mittwald/flow-react-components 0.1.0-alpha.389 → 0.1.0-alpha.390

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.1.0-alpha.390](https://github.com/mittwald/flow/compare/0.1.0-alpha.389...0.1.0-alpha.390) (2024-12-18)
+
+### Features
+
+- **ContextMenu:** support switch and selection mode in context menu section
+  ([#1051](https://github.com/mittwald/flow/issues/1051))
+  ([42c750e](https://github.com/mittwald/flow/commit/42c750e92b17ace552af2d08a41d41b791bd05ef))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 # [0.1.0-alpha.389](https://github.com/mittwald/flow/compare/0.1.0-alpha.388...0.1.0-alpha.389) (2024-12-18)
 
 **Note:** Version bump only for package @mittwald/flow-react-components

package/dist/css/MenuItem.css

@@ -1 +1 @@
-.flow--menu-item{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--menu-item:not(a){cursor:default}.flow--menu-item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--menu-item[data-focused],.flow--menu-item:focus{outline-style:none}.flow--menu-item[data-focus-visible],.flow--menu-item:focus-visible{outline-style:auto}.flow--menu-item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--menu-item{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--menu-item .flow--menu-item--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--menu-item .flow--menu-item--text{order:1}.flow--menu-item .flow--menu-item--icon+.flow--menu-item--text{margin-inline-start:var(--menu-item--spacing)}.flow--menu-item:hover{background-color:var(--menu-item--background-color--hover)}.flow--menu-item[data-focused]{outline-style:none}.flow--menu-item[data-focus-visible]{outline-style:solid}.flow--menu-item:not(:has(.flow--menu-item--control-icon))[aria-current],.flow--menu-item:not(:has(.flow--menu-item--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--menu-item[aria-current] .flow--menu-item--icon,.flow--menu-item[data-selected] .flow--menu-item--icon{color:var(--menu-item--icon-color--current)}.flow--menu-item[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--menu-item[aria-disabled] .flow--menu-item--icon{color:var(--menu-item--icon-color--disabled)}.flow--menu-item:has(.flow--menu-item--avatar){padding:0;background:none;width:fit-content;position:relative;border-radius:var(--corner-radius--round)}.flow--menu-item:has(.flow--menu-item--avatar) .flow--menu-item--icon{display:none;position:absolute;width:70%;height:70%;top:15%;left:15%;color:var(--image-button--hover-icon-color)}.flow--menu-item:has(.flow--menu-item--avatar):hover .flow--menu-item--avatar{filter:brightness(var(--image-button--brightness--hover))}.flow--menu-item:has(.flow--menu-item--avatar):hover .flow--menu-item--icon{display:block}.flow--menu-item:has(.flow--menu-item--avatar)[data-pressed] .flow--menu-item--avatar{filter:brightness(var(--image-button--brightness--pressed))}.flow--menu-item:has(.flow--menu-item--avatar)[data-pressed] .flow--menu-item--icon{display:block}
+.flow--menu-item{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--menu-item:not(a){cursor:default}.flow--menu-item:has(.flow--menu-item--switch){justify-content:space-between}.flow--menu-item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--menu-item[data-focused],.flow--menu-item:focus{outline-style:none}.flow--menu-item[data-focus-visible],.flow--menu-item:focus-visible{outline-style:auto}.flow--menu-item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--menu-item{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--menu-item .flow--menu-item--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--menu-item .flow--menu-item--text{order:1}.flow--menu-item .flow--menu-item--icon+.flow--menu-item--text{margin-inline-start:var(--menu-item--spacing)}.flow--menu-item .flow--menu-item--switch{order:2}.flow--menu-item:hover{background-color:var(--menu-item--background-color--hover)}.flow--menu-item[data-focused]{outline-style:none}.flow--menu-item[data-focus-visible]{outline-style:solid}.flow--menu-item:not(:has(.flow--menu-item--control-icon))[aria-current],.flow--menu-item:not(:has(.flow--menu-item--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--menu-item[aria-current] .flow--menu-item--icon,.flow--menu-item[data-selected] .flow--menu-item--icon{color:var(--menu-item--icon-color--current)}.flow--menu-item[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--menu-item[aria-disabled] .flow--menu-item--icon{color:var(--menu-item--icon-color--disabled)}.flow--menu-item:has(.flow--menu-item--avatar){padding:0;background:none;width:fit-content;position:relative;border-radius:var(--corner-radius--round)}.flow--menu-item:has(.flow--menu-item--avatar) .flow--menu-item--icon{display:none;position:absolute;width:70%;height:70%;top:15%;left:15%;color:var(--image-button--hover-icon-color)}.flow--menu-item:has(.flow--menu-item--avatar):hover .flow--menu-item--avatar{filter:brightness(var(--image-button--brightness--hover))}.flow--menu-item:has(.flow--menu-item--avatar):hover .flow--menu-item--icon{display:block}.flow--menu-item:has(.flow--menu-item--avatar)[data-pressed] .flow--menu-item--avatar{filter:brightness(var(--image-button--brightness--pressed))}.flow--menu-item:has(.flow--menu-item--avatar)[data-pressed] .flow--menu-item--icon{display:block}

package/dist/css/Navigation.css

@@ -1 +1 @@
-.flow--navigation ul{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--navigation .flow--navigation--item{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--navigation .flow--navigation--item:not(a){cursor:default}.flow--navigation .flow--navigation--item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--navigation .flow--navigation--item[data-focused],.flow--navigation .flow--navigation--item:focus{outline-style:none}.flow--navigation .flow--navigation--item[data-focus-visible],.flow--navigation .flow--navigation--item:focus-visible{outline-style:auto}.flow--navigation .flow--navigation--item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--navigation .flow--navigation--item{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--navigation .flow--navigation--item .flow--navigation--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--navigation .flow--navigation--item .flow--navigation--text{order:1}.flow--navigation .flow--navigation--item .flow--navigation--icon+.flow--navigation--text{margin-inline-start:var(--menu-item--spacing)}.flow--navigation .flow--navigation--item:hover{background-color:var(--menu-item--background-color--hover)}.flow--navigation .flow--navigation--item[data-focused]{outline-style:none}.flow--navigation .flow--navigation--item[data-focus-visible]{outline-style:solid}.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[aria-current],.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--navigation .flow--navigation--item[aria-current] .flow--navigation--icon,.flow--navigation .flow--navigation--item[data-selected] .flow--navigation--icon{color:var(--menu-item--icon-color--current)}.flow--navigation .flow--navigation--item[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--navigation .flow--navigation--item[aria-disabled] .flow--navigation--icon{color:var(--menu-item--icon-color--disabled)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar){padding:0;background:none;width:fit-content;position:relative;border-radius:var(--corner-radius--round)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar) .flow--navigation--icon{display:none;position:absolute;width:70%;height:70%;top:15%;left:15%;color:var(--image-button--hover-icon-color)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar):hover .flow--navigation--avatar{filter:brightness(var(--image-button--brightness--hover))}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar):hover .flow--navigation--icon{display:block}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar)[data-pressed] .flow--navigation--avatar{filter:brightness(var(--image-button--brightness--pressed))}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar)[data-pressed] .flow--navigation--icon{display:block}.flow--navigation hr{margin-bottom:var(--menu--group-to-group-spacing)}.flow--navigation--navigation-group:not(.flow--navigation--navigation-group--collapsable) ul{padding-inline:var(--accordion--padding-x);padding-block:var(--accordion--padding-y)}.flow--navigation--navigation-group:not(:last-child){margin-bottom:var(--menu--group-to-group-spacing)}.flow--navigation--navigation-group .flow--navigation--navigation-group--label{display:block;padding-inline-start:var(--accordion--padding-x);padding-block:var(--accordion--padding-y)}
+.flow--navigation ul{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--navigation .flow--navigation--item{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--navigation .flow--navigation--item:not(a){cursor:default}.flow--navigation .flow--navigation--item:has(.flow--navigation--switch){justify-content:space-between}.flow--navigation .flow--navigation--item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--navigation .flow--navigation--item[data-focused],.flow--navigation .flow--navigation--item:focus{outline-style:none}.flow--navigation .flow--navigation--item[data-focus-visible],.flow--navigation .flow--navigation--item:focus-visible{outline-style:auto}.flow--navigation .flow--navigation--item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--navigation .flow--navigation--item{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--navigation .flow--navigation--item .flow--navigation--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--navigation .flow--navigation--item .flow--navigation--text{order:1}.flow--navigation .flow--navigation--item .flow--navigation--icon+.flow--navigation--text{margin-inline-start:var(--menu-item--spacing)}.flow--navigation .flow--navigation--item .flow--navigation--switch{order:2}.flow--navigation .flow--navigation--item:hover{background-color:var(--menu-item--background-color--hover)}.flow--navigation .flow--navigation--item[data-focused]{outline-style:none}.flow--navigation .flow--navigation--item[data-focus-visible]{outline-style:solid}.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[aria-current],.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--navigation .flow--navigation--item[aria-current] .flow--navigation--icon,.flow--navigation .flow--navigation--item[data-selected] .flow--navigation--icon{color:var(--menu-item--icon-color--current)}.flow--navigation .flow--navigation--item[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--navigation .flow--navigation--item[aria-disabled] .flow--navigation--icon{color:var(--menu-item--icon-color--disabled)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar){padding:0;background:none;width:fit-content;position:relative;border-radius:var(--corner-radius--round)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar) .flow--navigation--icon{display:none;position:absolute;width:70%;height:70%;top:15%;left:15%;color:var(--image-button--hover-icon-color)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar):hover .flow--navigation--avatar{filter:brightness(var(--image-button--brightness--hover))}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar):hover .flow--navigation--icon{display:block}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar)[data-pressed] .flow--navigation--avatar{filter:brightness(var(--image-button--brightness--pressed))}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar)[data-pressed] .flow--navigation--icon{display:block}.flow--navigation hr{margin-bottom:var(--menu--group-to-group-spacing)}.flow--navigation--navigation-group:not(.flow--navigation--navigation-group--collapsable) ul{padding-inline:var(--accordion--padding-x);padding-block:var(--accordion--padding-y)}.flow--navigation--navigation-group:not(:last-child){margin-bottom:var(--menu--group-to-group-spacing)}.flow--navigation--navigation-group .flow--navigation--navigation-group--label{display:block;padding-inline-start:var(--accordion--padding-x);padding-block:var(--accordion--padding-y)}

package/dist/css/Select.css

@@ -1 +1 @@
-.flow--select .flow--select--toggle{display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:var(--font-size-text--default);text-align:left;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--default)}.flow--select .flow--select--toggle:hover{background-color:var(--form-control--background-color--hover)}.flow--select .flow--select--toggle[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .flow--select--toggle:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--select .flow--select--toggle:focus-visible,.flow--select .flow--select--toggle:focus{outline:none}.flow--select .flow--select--toggle[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--select .flow--select--toggle:disabled,.flow--select .flow--select--toggle[data-disabled],[aria-disabled] .flow--select .flow--select--toggle{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--select .flow--select--toggle:disabled::placeholder,.flow--select .flow--select--toggle[data-disabled]::placeholder,[aria-disabled] .flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--select[data-invalid] .flow--select--toggle{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .react-aria-SelectValue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow--select--options--popover{width:var(--trigger-width)}.flow--select--options{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing);outline:none}.flow--select--option{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--select--option:not(a){cursor:default}.flow--select--option{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--select--option[data-focused],.flow--select--option:focus{outline-style:none}.flow--select--option[data-focus-visible],.flow--select--option:focus-visible{outline-style:auto}.flow--select--option[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--select--option{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--select--option .flow--select--option--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--select--option .flow--select--option--text{order:1}.flow--select--option .flow--select--option--icon+.flow--select--option--text{margin-inline-start:var(--menu-item--spacing)}.flow--select--option:hover{background-color:var(--menu-item--background-color--hover)}.flow--select--option[data-focused]{outline-style:none}.flow--select--option[data-focus-visible]{outline-style:solid}.flow--select--option:not(:has(.flow--select--option--control-icon))[aria-current],.flow--select--option:not(:has(.flow--select--option--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--select--option[aria-current] .flow--select--option--icon,.flow--select--option[data-selected] .flow--select--option--icon{color:var(--menu-item--icon-color--current)}.flow--select--option[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--select--option[aria-disabled] .flow--select--option--icon{color:var(--menu-item--icon-color--disabled)}.flow--select--option:has(.flow--select--option--avatar){padding:0;background:none;width:fit-content;position:relative;border-radius:var(--corner-radius--round)}.flow--select--option:has(.flow--select--option--avatar) .flow--select--option--icon{display:none;position:absolute;width:70%;height:70%;top:15%;left:15%;color:var(--image-button--hover-icon-color)}.flow--select--option:has(.flow--select--option--avatar):hover .flow--select--option--avatar{filter:brightness(var(--image-button--brightness--hover))}.flow--select--option:has(.flow--select--option--avatar):hover .flow--select--option--icon{display:block}.flow--select--option:has(.flow--select--option--avatar)[data-pressed] .flow--select--option--avatar{filter:brightness(var(--image-button--brightness--pressed))}.flow--select--option:has(.flow--select--option--avatar)[data-pressed] .flow--select--option--icon{display:block}
+.flow--select .flow--select--toggle{display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:var(--font-size-text--default);text-align:left;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--default)}.flow--select .flow--select--toggle:hover{background-color:var(--form-control--background-color--hover)}.flow--select .flow--select--toggle[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .flow--select--toggle:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--select .flow--select--toggle:focus-visible,.flow--select .flow--select--toggle:focus{outline:none}.flow--select .flow--select--toggle[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--select .flow--select--toggle:disabled,.flow--select .flow--select--toggle[data-disabled],[aria-disabled] .flow--select .flow--select--toggle{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--select .flow--select--toggle:disabled::placeholder,.flow--select .flow--select--toggle[data-disabled]::placeholder,[aria-disabled] .flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--select[data-invalid] .flow--select--toggle{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .react-aria-SelectValue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow--select--options--popover{width:var(--trigger-width)}.flow--select--options{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing);outline:none}.flow--select--option{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--select--option:not(a){cursor:default}.flow--select--option:has(.flow--select--option--switch){justify-content:space-between}.flow--select--option{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--select--option[data-focused],.flow--select--option:focus{outline-style:none}.flow--select--option[data-focus-visible],.flow--select--option:focus-visible{outline-style:auto}.flow--select--option[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--select--option{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--select--option .flow--select--option--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--select--option .flow--select--option--text{order:1}.flow--select--option .flow--select--option--icon+.flow--select--option--text{margin-inline-start:var(--menu-item--spacing)}.flow--select--option .flow--select--option--switch{order:2}.flow--select--option:hover{background-color:var(--menu-item--background-color--hover)}.flow--select--option[data-focused]{outline-style:none}.flow--select--option[data-focus-visible]{outline-style:solid}.flow--select--option:not(:has(.flow--select--option--control-icon))[aria-current],.flow--select--option:not(:has(.flow--select--option--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--select--option[aria-current] .flow--select--option--icon,.flow--select--option[data-selected] .flow--select--option--icon{color:var(--menu-item--icon-color--current)}.flow--select--option[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--select--option[aria-disabled] .flow--select--option--icon{color:var(--menu-item--icon-color--disabled)}.flow--select--option:has(.flow--select--option--avatar){padding:0;background:none;width:fit-content;position:relative;border-radius:var(--corner-radius--round)}.flow--select--option:has(.flow--select--option--avatar) .flow--select--option--icon{display:none;position:absolute;width:70%;height:70%;top:15%;left:15%;color:var(--image-button--hover-icon-color)}.flow--select--option:has(.flow--select--option--avatar):hover .flow--select--option--avatar{filter:brightness(var(--image-button--brightness--hover))}.flow--select--option:has(.flow--select--option--avatar):hover .flow--select--option--icon{display:block}.flow--select--option:has(.flow--select--option--avatar)[data-pressed] .flow--select--option--avatar{filter:brightness(var(--image-button--brightness--pressed))}.flow--select--option:has(.flow--select--option--avatar)[data-pressed] .flow--select--option--icon{display:block}

package/dist/js/ContextMenu.js

@@ -1,11 +1,13 @@
 "use client"
 /* */
-import { C as t } from "./ContextMenuTrigger-CsnzKkVf.js";
-import { a } from "./ContextMenuTrigger-CsnzKkVf.js";
-import { M as n } from "./MenuItem-BhQ--5y5.js";
+import { C as t } from "./ContextMenuTrigger-BAV29sr-.js";
+import { a as n } from "./ContextMenuTrigger-BAV29sr-.js";
+import { M as x } from "./MenuItem-BUyas6dP.js";
+import { C as f } from "./ContextMenuSection-CmajFz_f.js";
 export {
   t as ContextMenu,
-  a as ContextMenuTrigger,
-  n as MenuItem,
+  f as ContextMenuSection,
+  n as ContextMenuTrigger,
+  x as MenuItem,
   t as default
 };

package/dist/js/ContextMenuSection-CmajFz_f.js

@@ -0,0 +1,43 @@
+"use client"
+/* */
+import * as o from "react-aria-components";
+import t from "react";
+import "./propsContext-DzAKlmhS.js";
+import { PropsContextProvider as m } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "remeda";
+import { f as l } from "./flowComponent-BQs9wMX_.js";
+import { A as r } from "./Action-Bm7dBV7s.js";
+const p = "flow--context-menu", u = "flow--context-menu--section", x = {
+  contextMenu: p,
+  section: u
+}, g = (e) => e === "navigation" ? "none" : e === "switch" ? "multiple" : e, f = (e) => e === "single" || e === "multiple" ? "control" : e, C = (e) => e === "single" || e === "navigation" ? "ContextMenu" : void 0, d = l(
+  "ContextMenuSection",
+  (e) => {
+    const { children: i, selectionMode: n, ...s } = e, a = f(n), c = {
+      Heading: {
+        level: 5,
+        wrapWith: /* @__PURE__ */ t.createElement(o.Header, null)
+      },
+      MenuItem: {
+        selectionVariant: a
+      }
+    };
+    return /* @__PURE__ */ t.createElement(
+      o.MenuSection,
+      {
+        ...s,
+        selectionMode: g(n),
+        className: x.section
+      },
+      /* @__PURE__ */ t.createElement(m, { props: c, mergeInParentContext: !0 }, /* @__PURE__ */ t.createElement(r, { skip: !0 }, /* @__PURE__ */ t.createElement(r, { closeOverlay: C(n) }, i)))
+    );
+  }
+);
+export {
+  d as C,
+  C as a,
+  f as b,
+  g,
+  x as s
+};

package/dist/js/ContextMenuTrigger-BAV29sr-.js

@@ -0,0 +1,102 @@
+"use client"
+/* */
+import e from "react";
+import * as a from "react-aria-components";
+import { s as f, g as y, a as d, b as v } from "./ContextMenuSection-CmajFz_f.js";
+import { f as s } from "./flowComponent-BQs9wMX_.js";
+import { P } from "./Popover-3qM_-J3x.js";
+import { C as A } from "./ClearPropsContext-CUvsbMn8.js";
+import { PropsContextProvider as E } from "./PropsContextProvider.js";
+import "@react-aria/utils";
+import "./propsContext-DzAKlmhS.js";
+import "remeda";
+import "mobx";
+import { u as S } from "./useOverlayController-BwSJj4Ly.js";
+import { O, a as T } from "./OverlayTrigger-j2zD8W4S.js";
+import { A as I } from "./Action-Bm7dBV7s.js";
+const G = s("ContextMenu", (t) => {
+  const {
+    children: o,
+    onAction: r,
+    selectionMode: n,
+    selectedKeys: i,
+    defaultSelectedKeys: m,
+    disabledKeys: c,
+    onSelectionChange: p,
+    refProp: C,
+    controller: u,
+    ...M
+  } = t, g = S("ContextMenu", {
+    reuseControllerFromContext: !0
+  }), l = u ?? g, x = {
+    MenuItem: {
+      selectionVariant: v(n),
+      Avatar: {
+        size: "l"
+      }
+    },
+    Section: {
+      MenuItem: {
+        Avatar: {
+          size: "l"
+        }
+      },
+      renderContextMenuSection: !0
+    },
+    ContextMenuSection: {
+      MenuItem: {
+        Avatar: {
+          size: "l"
+        }
+      }
+    }
+  };
+  return /* @__PURE__ */ e.createElement(A, null, /* @__PURE__ */ e.createElement(
+    P,
+    {
+      ...M,
+      controller: l,
+      isDialogContent: !1,
+      padding: "s"
+    },
+    /* @__PURE__ */ e.createElement(
+      O,
+      {
+        type: "ContextMenu",
+        controller: l
+      },
+      /* @__PURE__ */ e.createElement(
+        a.Menu,
+        {
+          className: f.contextMenu,
+          onAction: r,
+          selectionMode: y(n),
+          selectedKeys: i,
+          defaultSelectedKeys: m,
+          disabledKeys: c,
+          onSelectionChange: p,
+          ref: C
+        },
+        /* @__PURE__ */ e.createElement(E, { props: x }, /* @__PURE__ */ e.createElement(I, { closeOverlay: d(n) }, o))
+      )
+    )
+  ));
+}), H = s(
+  "ContextMenuTrigger",
+  (t) => {
+    const { children: o, ...r } = t;
+    return /* @__PURE__ */ e.createElement(
+      T,
+      {
+        overlayType: "ContextMenu",
+        ...r,
+        component: a.MenuTrigger
+      },
+      o
+    );
+  }
+);
+export {
+  G as C,
+  H as a
+};