@snowball-tech/fractal/dist/chunk-24RMGA7S.js

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

'use client';
import{a,c as d,d as $}from"./chunk-BKR6EQEX.js";import{b}from"./chunk-JCH6ZCER.js";import{a as u}from"./chunk-HTOKQYVM.js";import{b as e}from"./chunk-CMFNILWJ.js";import{a as n,b as c}from"./chunk-XYM7TA65.js";import{UilUser as y}from"@tooni/iconscout-unicons-react";import p from"lodash/fp/isEmpty";import g from"lodash/fp/omit";import{jsx as m}from"react/jsx-runtime";var z=({children:h,disabled:s=!1,imageUrl:f,name:t,size:i=d,...r})=>{let o={s:"h-5 max-h-5 min-h-5 w-5 max-w-5 min-w-5",m:"h-6 max-h-6 min-h-6 w-6 max-w-6 min-w-6",l:"h-7 max-h-7 min-h-7 w-7 max-w-7 min-w-7",xl:"h-8 max-h-8 min-h-8 w-8 max-w-8 min-w-8",fluid:"w-full h-full min-h-5 min-w-5"},v={s:"h-[calc(theme(spacing.5)/2)] max-h-[calc(theme(spacing.5)/2)] min-h-[calc(theme(spacing.5)/2)] w-[calc(theme(spacing.5)/2)] max-w-[calc(theme(spacing.5)/2)] min-w-[calc(theme(spacing.5)/2)]",m:"h-3 max-h-3 min-h-3 w-3 max-w-3 min-w-3",l:"h-[calc(theme(spacing.7)/2)] max-h-[calc(theme(spacing.7)/2)] min-h-[calc(theme(spacing.7)/2)] w-[calc(theme(spacing.7)/2)] max-w-[calc(theme(spacing.7)/2)] min-w-[calc(theme(spacing.7)/2)]",xl:"h-4 max-h-4 min-h-4 w-4 max-w-4 min-w-4",fluid:"w-full h-full min-h-[calc(theme(spacing.5)/2)] min-w-[calc(theme(spacing.5)/2)]"},x=n(`${e}-${a}__bubble`,"rounded-full border-1 border-normal",o[i]),l=t?.split(" ").map(_=>_.charAt(0).toUpperCase()).slice(0,2).join(""),N=!!h,w=p(f)?m(u,{"aria-label":t,className:n(x,"flex items-center justify-center overflow-hidden bg-decorative-pink-70 text-dark",p(l)?`${e}-${a}__bubble--with-icon`:`${e}-${a}__bubble--with-initials`,i==="fluid"?"[font-size:0.75rem] @[56px]:[font-size:1rem] @[64px]:[font-size:1.2rem] @[72px]:[font-size:1.4rem] @[80px]:[font-size:1.6rem] @[88px]:[font-size:1.8rem] @[96px]:[font-size:2rem] @[104px]:[font-size:2.2rem] @[112px]:[font-size:2.44rem] @[120px]:[font-size:2.6rem] @[128px]:[font-size:2.8rem] @[136px]:[font-size:3rem] @[144px]:[font-size:3.2rem] @[152px]:[font-size:3.44rem] @[160px]:[font-size:3.6rem] @[168px]:[font-size:3.83rem] @[176px]:[font-size:4rem] @[184px]:[font-size:4.2rem] @[192px]:[font-size:4.4rem] @[200px]:[font-size:4.6rem] @[208px]:[font-size:4.81rem] @[216px]:[font-size:5rem] @[224px]:[font-size:5.2rem] @[232px]:[font-size:5.4rem] @[240px]:[font-size:5.65rem]":""),element:"div",title:t,variant:$[i],...g(["className"],r),children:p(l)?m(y,{className:n(`${e}-${a}__bubble`,v[i])}):l}):m("div",{"aria-label":t,className:n(x,"bg-cover bg-center bg-no-repeat",`${e}-${a}__bubble--with-picture`),style:{backgroundImage:`url(${f})`},title:t,...g(["className"],r)});return N&&!s?m("div",{className:c(`${e}-${a}`,`${e}-${a}--${i}`,`${e}-${a}--with-menu`,"cursor-pointer @container",i==="fluid"?"h-full w-full":o[i],r.className),children:m(b,{className:`${e}-${a}__dropdown`,disabled:s,trigger:w,children:h})}):m("div",{className:c(`${e}-${a}`,`${e}-${a}--${i}`,"cursor-default @container",i==="fluid"?"h-full w-full":o[i],s?`${e}-${a}--disabled`:"",r.className),children:w})};z.displayName="Avatar";var P=z;export{z as a,P as b};
//# sourceMappingURL=chunk-24RMGA7S.js.map