@snowball-tech/fractal/dist/chunk-X56QGRXO.js

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

'use client';
import{a,c as f}from"./chunk-ANQSN7DK.js";import{f as C}from"./chunk-2FP3EMO2.js";import{a as l}from"./chunk-HTOKQYVM.js";import{b as t,c as n,d as c}from"./chunk-CMFNILWJ.js";import{a as e,b as y}from"./chunk-XYM7TA65.js";import{UilTimes as O}from"@tooni/iconscout-unicons-react";import u from"lodash/fp/isEmpty";import A from"lodash/fp/isFunction";import L from"lodash/fp/omit";import{jsx as r,jsxs as v}from"react/jsx-runtime";var N=({children:s,color:m=f,dismissable:$=!1,dismissButtonLabel:h="Close",fontSize:o=1,icon:i,onDismiss:p,title:_,...d})=>{let x=!!s;return v("div",{className:y(`${t}-${a}`,`${t}-${a}--${m}`,`${t}-${a}--${o}`,"relative flex flex-col gap-1 rounded-sm p-2 text-dark",n[m],$?`${t}-${a}--dismissable pr-6`:"",d.className),...L(["className"],d),children:[(!u(_)||i)&&v(l,{className:e(`${t}-${a}__title`,`${t}-${a}__title--${o}`,"flex items-center gap-1"),element:"div",variant:`body-${o}-bold`,children:[i&&r("div",{className:e(`${t}-${a}__title__icon`,`${t}-${a}__title__icon--${m}`,"h-3 w-3 text",c[m]),children:i}),_]}),x&&r(l,{className:e(`${t}-${a}__content`,`${t}-${a}__content--${o}`,"max-h-full overflow-y-auto"),element:"div",variant:`body-${o}`,children:s}),$&&r("div",{className:e(`${t}-${a}__dismiss`,"absolute right-2 top-2 h-3 w-3"),children:r(C,{icon:r(O,{}),iconOnly:!0,label:h,variant:"text",...A(p)?{onClick:p}:{}})})]})};N.displayName="Card";var w=N;export{N as a,w as b};
//# sourceMappingURL=chunk-X56QGRXO.js.map