@snowball-tech/fractal
Version:
Fractal's (Snowball's design system) React component library based on RadixUI and PandaCSS
3 lines • 1.6 kB
JavaScript
'use client';
import{a as R}from"./chunk-Q4YA32NC.js";import{a as r,c as h,d as s}from"./chunk-3CV5UMCN.js";import{e as a}from"./chunk-CTNPTC5G.js";import{a as N}from"./chunk-AOLTZ2WJ.js";import{b as e}from"./chunk-CMFNILWJ.js";import{b as E,c}from"./chunk-XYM7TA65.js";import{forwardRef as L,useImperativeHandle as A,useRef as b}from"react";import I from"lodash/fp/isNumber";import O from"lodash/fp/omit";import{jsx as n}from"react/jsx-runtime";var g=L(({children:m,condensed:y=!1,disabled:i=!1,elevation:t=s,embedded:l=!1,fullWidth:M=!1,menu:P={},orientation:d=h,rainbow:u=!0,...f},T)=>{let p=b(null),v=b(null);A(T,()=>({get container(){return p?.current??null},get menu(){return v?.current??null}}));let $=!!m,w=I(t)?String(t):t,o=a[w];Object.keys(a).includes(o)||(o=s);let C={"0":"rounded-sm shadow-none border-none",light:"rounded-sm shadow-none border-grey-70","1":"rounded-sm shadow-none","2":"rounded-sm shadow-subtle ml-quarter","3":"rounded-sm shadow-brutal ml-quarter"};return n("div",{ref:p,className:E(`${e}-${r}`,`${e}-${r}--${o}`,i?`${e}-${r}--disabled`:"",M?`${e}-${r}--full-width`:"sm:w-fit","pointer-events-auto relative z-50",l?"":"rounded-sm border-1 border-normal bg-white p-1",$?"":`${e}-${r}__menu--empty invisible`,l?"":C[o],f.className),...O(["className"],f),children:n("div",{ref:v,"aria-orientation":d,role:"menu",...P,children:n(R.Provider,{value:{condensed:y,disabled:i,orientation:d,rainbow:u},children:n(N,{className:u?c:"",element:"div",variant:"body-1",children:m})})})})});g.displayName="Menu";var k=g;export{g as a,k as b};
//# sourceMappingURL=chunk-YJE2Q24W.js.map