@infinityfx/fluid/dist/components/layout/group.js

React UI library, using zero-runtime CSS-in-JS.

import{jsx as t,jsxs as a}from"react/jsx-runtime";import{Children as r,Fragment as i}from"react";import{combineClasses as o,classes as d}from"../../core/utils.js";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-xsm)"},".divider":{position:"relative",alignSelf:"stretch",zIndex:2},".divider::after":{content:'""',position:"absolute",backgroundColor:"var(--f-clr-fg-200)"},".d__horizontal > .divider::after":{width:"1px",right:"-.5px",insetBlock:"var(--f-spacing-xsm)"},".d__vertical > .divider::after":{height:"1px",bottom:"-.5px",insetInline:"var(--f-spacing-xsm)"},".d__vertical":{flexDirection:"column"},".d__horizontal > :not(:last-child), .d__horizontal > :not(:last-child) [data-fc]":{borderTopRightRadius:"var(--radius) !important",borderBottomRightRadius:"var(--radius) !important"},".d__horizontal > :not(:first-child), .d__horizontal > :not(:first-child) [data-fc]":{borderTopLeftRadius:"var(--radius) !important",borderBottomLeftRadius:"var(--radius) !important"},".d__vertical > :not(:last-child), .d__vertical > :not(:last-child) [data-fc]":{borderBottomLeftRadius:"var(--radius) !important",borderBottomRightRadius:"var(--radius) !important"},".d__vertical > :not(:first-child), .d__vertical > :not(:first-child) [data-fc]":{borderTopLeftRadius:"var(--radius) !important",borderTopRightRadius:"var(--radius) !important"},".d__horizontal:not(.split) > :where([data-fb], :has([data-fb])) + :where([data-fb], :has([data-fb]))":{marginLeft:"-1px"},".d__vertical:not(.split) > :where([data-fb], :has([data-fb])) + :where([data-fb], :has([data-fb]))":{marginTop:"-1px"},".group > :has(:focus)":{zIndex:1}});function n({children:e,cc:n={},split:l=!1,direction:c="horizontal",dividers:p,...f}){const h=o(s,n);return t("div",{...f,className:d(h.group,l&&h.split,h[`d__${c}`],f.className),children:r.map(e,((r,o)=>a(i,{children:[p&&!l&&o>0&&t("div",{className:h.divider}),r]},o)))})}export{n as default};
//# sourceMappingURL=group.js.map