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

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

'use client';
import{a as b}from"./chunk-GIEDMTVD.js";import{a as $}from"./chunk-AOLTZ2WJ.js";import{b as e}from"./chunk-CMFNILWJ.js";import{a as n,b as p}from"./chunk-XYM7TA65.js";import{a,c as d,d as g}from"./chunk-BKR6EQEX.js";import{UilUser as A}from"@tooni/iconscout-unicons-react";import h from"lodash/fp/isEmpty";import z from"lodash/fp/omit";import{jsx as i}from"react/jsx-runtime";var v=({children:s,disabled:o=!1,imageUrl:f,name:t,rawChildren:x=!1,size:m=d,...r})=>{let l={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"},N={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)]"},w=n(`${e}-${a}__bubble`,"rounded-full border-1 border-normal",l[m]),c=t?.split(" ").map(y=>y.charAt(0).toUpperCase()).slice(0,2).join(""),_=!!s,u=h(f)?i($,{"aria-label":t,className:n(w,"flex items-center justify-center overflow-hidden bg-decorative-pink-70 text-dark",h(c)?`${e}-${a}__bubble--with-icon`:`${e}-${a}__bubble--with-initials`,m==="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:g[m],...z(["className"],r),children:h(c)?i(A,{className:n(`${e}-${a}__bubble`,N[m])}):c}):i("div",{"aria-label":t,className:n(w,"bg-cover bg-center bg-no-repeat",`${e}-${a}__bubble--with-picture`),style:{backgroundImage:`url(${f})`},title:t,...z(["className"],r)});return _&&!o?i("div",{className:p(`${e}-${a}`,`${e}-${a}--${m}`,x?`${e}-${a}--with-raw-children cursor-default`:`${e}-${a}--with-menu cursor-pointer`,"@container",m==="fluid"?"h-full w-full":l[m],r.className),children:x?s:i(b,{className:`${e}-${a}__dropdown`,disabled:o,trigger:u,children:s})}):i("div",{className:p(`${e}-${a}`,`${e}-${a}--${m}`,`${e}-${a}--empty`,"cursor-default @container",m==="fluid"?"h-full w-full":l[m],o?`${e}-${a}--disabled`:"",r.className),children:u})};v.displayName="Avatar";var k=v;export{v as a,k as b};
//# sourceMappingURL=chunk-MTSZ5MAL.js.map