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

<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>

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