koval-ui/dist/src/lib/Layout/Col.cjs

React components collection with minimalistic design. Supports theming, layout, and input validation.

"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),S=require("react"),g=require("css-vars-hook"),k=require("classnames"),p=require("../../internal/hooks/useLinkRefs.cjs"),s=require("./SizeTypes.cjs"),e=require("./Layout.module.css.cjs"),v=r=>Object.fromEntries(Object.entries(r).filter(([o,d])=>d!==void 0)),q=S.forwardRef(({as:r="div",children:o,className:d,xs:i,sm:t,md:u,lg:l,xl:f,shiftXS:a,shiftSM:n,shiftMD:c,shiftLG:m,shiftXL:z,...R},j)=>{const{LocalRoot:y,ref:$}=g.useLocalTheme();p.useLinkRefs(j,$);const b=S.useMemo(()=>v({[s.Sizes.xs]:i??"",[s.Sizes.sm]:t??"",[s.Sizes.md]:u??"",[s.Sizes.lg]:l??"",[s.Sizes.xl]:f??"",[`shift-${s.Sizes.xs}`]:a??"",[`shift-${s.Sizes.sm}`]:n??"",[`shift-${s.Sizes.md}`]:c??"",[`shift-${s.Sizes.lg}`]:m??"",[`shift-${s.Sizes.xl}`]:z??""}),[i,t,u,l,f,a,n,c,m,z]);return x.jsx(y,{...R,theme:b,as:r,className:k(e.default.column,{[e.default.xs]:!!i,[e.default.sm]:!!t,[e.default.md]:!!u,[e.default.lg]:!!l,[e.default.xl]:!!f,[e.default["fluid-xs"]]:i==="fluid",[e.default["fluid-sm"]]:t==="fluid",[e.default["fluid-md"]]:u==="fluid",[e.default["fluid-lg"]]:l==="fluid",[e.default["fluid-xl"]]:f==="fluid"},d),children:o})});q.displayName="Col";exports.Col=q;
//# sourceMappingURL=Col.cjs.map