@infinityfx/fluid
Version:
React UI library, using zero-runtime CSS-in-JS.
3 lines (2 loc) • 1.61 kB
JavaScript
import{jsx as r}from"react/jsx-runtime";import{combineClasses as t,classes as o}from"../../core/utils.js";import{Children as i,isValidElement as a,cloneElement as d}from"react";import{createStyles as e}from"../../core/style.js";const s=e("group",{".group":{display:"flex","--radius":0},".split":{gap:"var(--f-spacing-xxs)","--radius":"var(--f-radius-sml)"},".d__vertical":{flexDirection:"column"},".group .round":{borderRadius:"1.5em"},".d__horizontal .item:not(:last-child)":{borderTopRightRadius:"var(--radius) !important",borderBottomRightRadius:"var(--radius) !important"},".d__horizontal .item:not(:first-child)":{borderTopLeftRadius:"var(--radius) !important",borderBottomLeftRadius:"var(--radius) !important"},".d__vertical .item:not(:last-child)":{borderBottomLeftRadius:"var(--radius) !important",borderBottomRightRadius:"var(--radius) !important"},".d__vertical .item:not(:first-child)":{borderTopLeftRadius:"var(--radius) !important",borderTopRightRadius:"var(--radius) !important"},".d__horizontal:not(.split) .border + .border":{marginLeft:"-1px"},".d__vertical:not(.split) .border + .border":{marginTop:"-1px"},".border:has(:focus)":{zIndex:1}});function n({children:e,cc:n={},split:u=!1,direction:l="horizontal",...m}){const p=t(s,n);return r("div",{...m,className:o(p.group,u&&p.split,p[`d__${l}`],m.className),children:i.map(e,(r=>{if(!a(r))return r;const t=r.props.cc||{};return d(r,{cc:{...t,round:p.round,button:o(p.item,t.button),toggle:o(p.item,t.toggle),v__neutral:o(p.border,t.v__neutral),field:o(p.item,p.border,t.field)}})}))})}export{n as default};
//# sourceMappingURL=group.js.map