UNPKG

@snowball-tech/fractal

Version:

Fractal's (Snowball's design system) React component library based on RadixUI and PandaCSS

3 lines 1.66 kB
'use client'; import{b as f}from"./chunk-JDQUYD4B.js";import{a as l}from"./chunk-4T67RILQ.js";import{a}from"./chunk-FJXP7YHG.js";import{a as m}from"./chunk-GIEDMTVD.js";import{c as p}from"./chunk-LYTTDLE2.js";import{b as n}from"./chunk-CMFNILWJ.js";import{b as s}from"./chunk-XYM7TA65.js";import{forwardRef as P,useContext as y,useState as M}from"react";import E from"lodash/fp/isFunction";import N from"lodash/fp/isString";import _ from"lodash/fp/omit";import{jsx as c}from"react/jsx-runtime";var b=P(({active:g=!1,children:h,disabled:w=!1,elevation:u="2",icon:D,iconOnly:x=!1,iconPosition:C="left",label:e,...t},v)=>{e||console.warn("You must provide a `label` to the `ToolbarDropdown` component");let{disabled:T}=y(l),o=w||T,[r,O]=M(!1),R=d=>{E(t.onMenuOpenChange)&&t.onMenuOpenChange(d),O(d)},i=N(e)?e:p(e);return c(m,{ref:v,"aria-label":i,className:s(`${n}-${a}__dropdown`,"group h-3 max-h-3 rounded-xs",r&&!o?"text-dark":o?"text-disabled":"text-placeholder",r&&!o?"bg-decorative-pink-90":"",o?`${n}-${a}__dropdown--disabled`:"hover:bg-decorative-pink-90 hover:text-dark"),condensed:!0,disabled:o,dropdown:{className:'data-[side="bottom"]:mt-2 data-[side="top"]:mb-2 data-[side="right"]:ml-[calc(theme(spacing.2)+theme(spacing.half))] data-[side="left"]:mr-[calc(theme(spacing.2)+theme(spacing.half))]'},elevation:u,open:t.open||r,title:i,trigger:c(f,{active:g,disabled:o,icon:D,iconOnly:x,iconPosition:C,label:e}),triggerAsButton:!1,onMenuOpenChange:R,..._(["className","condensed","trigger","onMenuOpenChange","triggerAsButton"],t),children:h})});b.displayName="ToolbarDropdown";var Y=b;export{b as a,Y as b}; //# sourceMappingURL=chunk-LKHMCCVE.js.map