@infinityfx/fluid/dist/components/display/action-menu/menu.js

React UI library, using zero-runtime CSS-in-JS.

"use client";
import{jsx as e}from"react/jsx-runtime";import r from"../../layout/popover/index.js";import{Animate as o}from"@infinityfx/lively";import{combineClasses as n,classes as i}from"../../../core/utils.js";import{createStyles as t}from"../../../core/style.js";const a=t("action-menu.menu",{".menu":{padding:".25em",background:"var(--f-clr-fg-100)",border:"solid 1px var(--f-clr-fg-200)",borderRadius:"calc(.25em + var(--f-radius-sml))",boxShadow:"var(--f-shadow-med)",fontSize:"var(--f-font-size-sml)",minWidth:"min(100vw, 10em)"}});function m({children:t,cc:m={},className:s,...c}){const l=n(a,m);return e(r.Content,{role:"menu",children:e(o,{id:"action-menu",animations:[{opacity:[0,.2,1],scale:[.9,1],duration:.2},{opacity:[0,1],scale:[.95,1],duration:.2}],triggers:[{on:"mount"},{on:"unmount",reverse:!0}],levels:2,stagger:.05,children:e("div",{...c,className:i(l.menu,s),role:"group",children:t})})})}m.displayName="ActionMenu.Menu";export{m as default};
//# sourceMappingURL=menu.js.map