@snowball-tech/fractal
Version:
Fractal's (Snowball's design system) React component library based on RadixUI and PandaCSS
3 lines • 1.89 kB
JavaScript
'use client';
import{a,c as i}from"./chunk-5TNQPIQZ.js";import{b as r,c as o}from"./chunk-CMFNILWJ.js";import{b as s}from"./chunk-XYM7TA65.js";import f from"lodash/fp/isEmpty";import m from"lodash/fp/omit";import{jsx as b}from"react/jsx-runtime";var g=({children:d,color:t=i,shape:n,...l})=>{let p={...o,black:"bg-black","dark-grey":"bg-grey-30",grey:"bg-grey-70","light-grey":"bg-grey-90"},c={blue:"after:bg-[linear-gradient(90deg,transparent,var(--color-decorative-blue-70),transparent)]",green:"after:bg-[linear-gradient(90deg,transparent,var(--color-decorative-green-70),transparent)]",pink:"after:bg-[linear-gradient(90deg,transparent,var(--color-decorative-pink-70),transparent)]",purple:"after:bg-[linear-gradient(90deg,transparent,var(--color-decorative-purple-70),transparent)]",yellow:"after:bg-[linear-gradient(90deg,transparent,var(--color-decorative-yellow-70),transparent)]",black:"","dark-grey":"",grey:"after:bg-[linear-gradient(90deg,transparent,var(--color-base-grey-50),transparent)]","light-grey":"after:bg-[linear-gradient(90deg,transparent,var(--color-base-grey-70),transparent)]",white:"after:bg-[linear-gradient(90deg,transparent,var(--color-base-grey-90),transparent)]"},e="";switch(n){case"circle":{e="rounded-full [aspect-ratio:1/1]";break}case"rectangle":{e="w-full rounded-sm";break}case"roundedRectangle":{e="w-full rounded-full";break}case"square":{e="rounded-sm [aspect-ratio:1/1] ";break}default:return!1}return f(e)?!1:b("div",{className:s(`${r}-${a}`,`${r}-${a}--${n}`,`${r}-${a}--${t}`,p[t],"relative h-full overflow-hidden",e,"after:absolute after:inset-0 after:-translate-x-full after:animate-wave after:bg-[linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent)] after:content-empty",c[t],l.className),...m(["className"],l),children:d})};g.displayName="Skeleton";var N=g;export{g as a,N as b};
//# sourceMappingURL=chunk-EQDKCAPR.js.map