@start-base/start-ui/FloatingMenuItem/index.mjs

<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>

import e,{createContext as t,forwardRef as r,useContext as a}from"react";import{useListItem as l,useFloatingTree as n,useMergeRefs as o}from"@floating-ui/react";import i from"clsx";var s=Object.defineProperty,c=Object.defineProperties,m=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,f=(e,t,r)=>t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,v=(e,t)=>{for(var r in t||(t={}))d.call(t,r)&&f(e,r,t[r]);if(u)for(var r of u(t))p.call(t,r)&&f(e,r,t[r]);return e},b=t({getItemProps:()=>({}),activeIndex:null,setActiveIndex:()=>({}),setHasFocusInside:()=>({}),isOpen:!1});b.displayName="FloatingMenuContext";var I=b,O="SUI-FloatingMenuItem-module-menuItem-C2-Kz",g="SUI-FloatingMenuItem-module-disabled-WhJR4",x=r((t,r)=>{var s=t,{label:f,disabled:b,className:x}=s,y=((e,t)=>{var r={};for(var a in e)d.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&u)for(var a of u(e))t.indexOf(a)<0&&p.call(e,a)&&(r[a]=e[a]);return r})(s,["label","disabled","className"]);const F=a(I),P=l(),j=n(),N=P.index===F.activeIndex;return e.createElement("div",v((w=v({},y),C={ref:o([P.ref,r]),role:"menuitem",className:i(O,x&&{[x]:!0},{[g]:b}),tabIndex:N?0:-1},c(w,m(C))),F.getItemProps({onClick(e){var t;null==(t=y.onClick)||t.call(y,e),null==j||j.events.emit("click")},onFocus(e){var t;null==(t=y.onFocus)||t.call(y,e),F.setHasFocusInside(!0)}})),f);var w,C});x.displayName="FloatingMenuItem";var y=x;export{y as default};