@shmidko61/lc-ui-kit 0.1.0 → 0.2.0

package/dist/box/box.d.ts

@@ -8,5 +8,5 @@ type BoxComponentType = {
     displayName?: string;
 };
 export declare const Box: BoxComponentType;
-export type { BoxAs, BoxBackgroundValue, BoxBreakpointProps, BoxComponentProps, BoxProps } from './box.types';
-export type { BorderRadiusItem, BorderRadiusKeys, BorderRadiusSides, BorderWidthItem, BorderWidthSides, PositionValue, UiKitAnyIndentationMargin, UiKitAnyIndentationPadding, UiKitArrayIndentation, UiKitAxisIndentationMargin, UiKitAxisIndentationPadding, UiKitDimensionProps, UiKitIndentations, UiKitIndentationsProps, UiKitMarginArrayIndentation, UiKitMarginIndentation, UiKitBackgroundProps, UiKitBorderColor, UiKitBorderProps, UiKitBorderRadius, UiKitBorderWidth, UiKitCursorProps, UiKitDisplayProps, UiKitListStyleProps, UiKitMixedXAxisIndentationMargin, UiKitMixedXAxisIndentationPadding, UiKitMixedYAxisIndentationMargin, UiKitMixedYAxisIndentationPadding, UiKitOutlineProps, UiKitPositionProps, } from '../types/index';
+export type { BoxAs, BoxBackgroundValue, BoxBreakpointProps, BoxComponentProps, BoxProps, } from './box.types';
+export type { BorderRadiusItem, BorderRadiusKeys, BorderRadiusSides, BorderWidthItem, BorderWidthSides, PositionValue, UiKitAnyIndentationMargin, UiKitAnyIndentationPadding, UiKitArrayIndentation, UiKitAxisIndentationMargin, UiKitAxisIndentationPadding, UiKitDimensionProps, UiKitIndentations, UiKitIndentationsProps, UiKitMarginArrayIndentation, UiKitMarginIndentation, UiKitBackgroundProps, UiKitAspectRatioProps, UiKitAspectRatioValue, UiKitBoxShadowProps, UiKitBoxShadowValue, UiKitBorderColor, UiKitBorderProps, UiKitBorderRadius, UiKitBorderWidth, UiKitCursorProps, UiKitColorProps, UiKitColorValue, UiKitDisplayProps, UiKitListStyleProps, UiKitMixedXAxisIndentationMargin, UiKitMixedXAxisIndentationPadding, UiKitMixedYAxisIndentationMargin, UiKitMixedYAxisIndentationPadding, UiKitOutlineProps, UiKitOpacityProps, UiKitOpacityValue, UiKitOverflowProps, UiKitOverflowValue, UiKitPointerEventsProps, UiKitPointerEventsValue, UiKitPositionProps, } from '../types/index';

package/dist/box/box.types.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
 import { ResponsiveStyleBreakpoint } from '../shared/responsive-style/responsive-style.types';
-import { UiKitBackgroundProps, UiKitBackgroundValue, UiKitBorderProps, UiKitCursorProps, UiKitDimensionProps, UiKitIndentationsProps, UiKitDisplayProps, UiKitListStyleProps, UiKitOutlineProps, UiKitPositionProps } from '../types/index';
+import { UiKitBackgroundProps, UiKitBackgroundValue, UiKitAspectRatioProps, UiKitBoxShadowProps, UiKitBorderProps, UiKitColorProps, UiKitCursorProps, UiKitDimensionProps, UiKitIndentationsProps, UiKitDisplayProps, UiKitListStyleProps, UiKitOutlineProps, UiKitOpacityProps, UiKitOverflowProps, UiKitPointerEventsProps, UiKitPositionProps } from '../types/index';
 /**
  * Допустимые HTML-теги для Box.
  *
@@ -20,7 +20,7 @@ export type BoxBackgroundValue = UiKitBackgroundValue;
 /**
  * Стилевые props, общие для base-состояния и responsive overrides.
  */
-export type BoxStyleProps = UiKitDisplayProps & UiKitPositionProps & UiKitBackgroundProps & UiKitCursorProps & UiKitIndentationsProps & UiKitOutlineProps & UiKitListStyleProps & UiKitDimensionProps;
+export type BoxStyleProps = UiKitDisplayProps & UiKitPositionProps & UiKitOverflowProps & UiKitAspectRatioProps & UiKitColorProps & UiKitOpacityProps & UiKitPointerEventsProps & UiKitBoxShadowProps & UiKitBackgroundProps & UiKitCursorProps & UiKitIndentationsProps & UiKitOutlineProps & UiKitListStyleProps & UiKitDimensionProps;
 /**
  * Собственные стилевые props Box поверх общих контрактов ui-kit.
  */

package/dist/box.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react/jsx-runtime"),F=require("react"),j=require("./responsive-style.config-B2m9jVlX.cjs");function J({background:t,backgroundColor:o,bg:i,bgSize:d,bgRepeat:f,bgPosition:a,border:h,cursor:u,p:s,m,outlineColor:l,outlineWidth:c,outlineOffset:b,outlineStyle:v,listStyle:p,display:y,position:r,width:R,maxWidth:x,minWidth:k,height:S,maxHeight:z,minHeight:W}){const e={};return i!==void 0?lo(e,i):t!==void 0&&(e.background=T(t)),o!==void 0&&(e.backgroundColor=T(o)),d!==void 0&&(e.backgroundSize=ao(d)),f!==void 0&&(e.backgroundRepeat=co(f)),a!==void 0&&(e.backgroundPosition=so(a)),io(e,h),u!==void 0&&(e.cursor=u),oo(e,s),to(e,m),l!==void 0&&(e.outlineColor=N(l)),c!==void 0&&(e.outlineWidth=c),b!==void 0&&(e.outlineOffset=b),v!==void 0&&(e.outlineStyle=v),p?.position!==void 0&&(e.listStylePosition=p.position),p?.type!==void 0&&(e.listStyleType=p.type),y!==void 0&&(e.display=fo(y)),r?.type!==void 0&&(e.position=r.type),r?.top!==void 0&&(e.top=C(r.top)),r?.left!==void 0&&(e.left=C(r.left)),r?.right!==void 0&&(e.right=C(r.right)),r?.bottom!==void 0&&(e.bottom=C(r.bottom)),r?.zIndex!==void 0&&(e.zIndex=r.zIndex),R!==void 0&&(e.width=g(R)),x!==void 0&&(e.maxWidth=g(x)),k!==void 0&&(e.minWidth=g(k)),S!==void 0&&(e.height=g(S)),z!==void 0&&(e.maxHeight=g(z)),W!==void 0&&(e.minHeight=g(W)),Object.keys(e).length>0?e:void 0}function Q(t){const o=[],i={},d=t.groupParent===!0;P(t,o,i,"","",d);for(const f of j.responsiveBreakpoints){const a=t[f];a&&P(a,o,i,`${f}:`,`${f}-`,d)}return{className:o.join(" "),style:Object.keys(i).length>0?i:void 0}}function P(t,o,i,d="",f="",a=!1){const h=J(t);for(const[u,s]of Object.entries(h??{})){if(s==null)continue;const m=String(s),l=U(u,m);if(l){o.push(`${d}${l}`);continue}const c=`${f}${Y(u)}`,b=X(u,c);b&&(i[`--${c}`]=m,o.push(`${d}${b}`))}if(t.bgGroup!==void 0){const u=`${f}group-background`;i[`--${u}`]=T(t.bgGroup),o.push(`${d}group-hover:[background:var(--${u})]`),a&&o.push(`${d}hover:[background:var(--${u})]`)}}function U(t,o){if(t==="display")return o==="none"?"hidden":o;if(t==="position")return o==="inherit"?"[position:inherit]":o;if(t==="cursor")return`cursor-${o}`;if(t==="backgroundRepeat")return{"no-repeat":"bg-no-repeat",repeat:"bg-repeat",round:"bg-repeat-round",space:"bg-repeat-space","repeat-x":"bg-repeat-x","repeat-y":"bg-repeat-y"}[o];if(t==="backgroundSize")return{auto:"bg-auto",contain:"bg-contain",cover:"bg-cover"}[o];if(t==="backgroundPosition")return{bottom:"bg-bottom",center:"bg-center",left:"bg-left","left bottom":"bg-left-bottom","left top":"bg-left-top",right:"bg-right","right bottom":"bg-right-bottom","right top":"bg-right-top",top:"bg-top"}[o];if(t==="borderStyle")return o==="none"?"border-none":`border-${o}`;if(t==="outlineStyle")return o==="none"?"outline-none":`outline-${o}`;if(t==="listStylePosition")return`list-${o}`;if(t==="listStyleType")return`list-${o}`}function X(t,o){const i=`var(--${o})`;return{background:`[background:${i}]`,backgroundColor:`bg-[${i}]`,backgroundPosition:`bg-[position:${i}]`,backgroundSize:`bg-[length:${i}]`,borderBottomLeftRadius:`rounded-bl-[${i}]`,borderBottomRightRadius:`rounded-br-[${i}]`,borderBottomWidth:`border-b-[length:${i}]`,borderColor:`border-[color:${i}]`,borderLeftWidth:`border-l-[length:${i}]`,borderRadius:`rounded-[${i}]`,borderRightWidth:`border-r-[length:${i}]`,borderTopLeftRadius:`rounded-tl-[${i}]`,borderTopRightRadius:`rounded-tr-[${i}]`,borderTopWidth:`border-t-[length:${i}]`,borderWidth:`border-[length:${i}]`,bottom:`bottom-[${i}]`,height:`h-[${i}]`,left:`left-[${i}]`,margin:`m-[${i}]`,marginBottom:`mb-[${i}]`,marginLeft:`ml-[${i}]`,marginRight:`mr-[${i}]`,marginTop:`mt-[${i}]`,maxHeight:`max-h-[${i}]`,maxWidth:`max-w-[${i}]`,minHeight:`min-h-[${i}]`,minWidth:`min-w-[${i}]`,outlineColor:`outline-[color:${i}]`,outlineOffset:`outline-offset-[${i}]`,outlineWidth:`outline-[length:${i}]`,padding:`p-[${i}]`,paddingBottom:`pb-[${i}]`,paddingLeft:`pl-[${i}]`,paddingRight:`pr-[${i}]`,paddingTop:`pt-[${i}]`,right:`right-[${i}]`,top:`top-[${i}]`,width:`w-[${i}]`,zIndex:`z-[${i}]`}[t]}function Y(t){return t.replace(/[A-Z]/g,o=>`-${o.toLowerCase()}`)}function oo(t,o){if(o!==void 0){if(Array.isArray(o)){t.padding=o.map(n).join(" ");return}if(typeof o!="object"){t.padding=n(o);return}"px"in o&&o.px!==void 0&&(t.paddingLeft=n(o.px),t.paddingRight=n(o.px)),"py"in o&&o.py!==void 0&&(t.paddingTop=n(o.py),t.paddingBottom=n(o.py)),"pt"in o&&o.pt!==void 0&&(t.paddingTop=n(o.pt)),"pb"in o&&o.pb!==void 0&&(t.paddingBottom=n(o.pb)),"pl"in o&&o.pl!==void 0&&(t.paddingLeft=n(o.pl)),"pr"in o&&o.pr!==void 0&&(t.paddingRight=n(o.pr))}}function to(t,o){if(o!==void 0){if(Array.isArray(o)){t.margin=o.map(n).join(" ");return}if(typeof o!="object"){t.margin=n(o);return}"mx"in o&&o.mx!==void 0&&(t.marginLeft=n(o.mx),t.marginRight=n(o.mx)),"my"in o&&o.my!==void 0&&(t.marginTop=n(o.my),t.marginBottom=n(o.my)),"mt"in o&&o.mt!==void 0&&(t.marginTop=n(o.mt)),"mb"in o&&o.mb!==void 0&&(t.marginBottom=n(o.mb)),"ml"in o&&o.ml!==void 0&&(t.marginLeft=n(o.ml)),"mr"in o&&o.mr!==void 0&&(t.marginRight=n(o.mr))}}function io(t,o){o&&(o.radius!==void 0&&eo(t,o.radius),o.color!==void 0&&(t.borderColor=N(o.color)),o.width!==void 0&&no(t,o.width),o.style!==void 0&&(t.borderStyle=o.style))}function eo(t,o){if(ro(o)){o.topLeft!==void 0&&(t.borderTopLeftRadius=$(o.topLeft)),o.topRight!==void 0&&(t.borderTopRightRadius=$(o.topRight)),o.bottomLeft!==void 0&&(t.borderBottomLeftRadius=$(o.bottomLeft)),o.bottomRight!==void 0&&(t.borderBottomRightRadius=$(o.bottomRight));return}t.borderRadius=$(o)}function no(t,o){if(uo(o)){o.top!==void 0&&(t.borderTopWidth=B(o.top)),o.bottom!==void 0&&(t.borderBottomWidth=B(o.bottom)),o.left!==void 0&&(t.borderLeftWidth=B(o.left)),o.right!==void 0&&(t.borderRightWidth=B(o.right));return}t.borderWidth=B(o)}function ro(t){return typeof t=="object"}function uo(t){return typeof t=="object"}function $(t){return t.startsWith("--")?`var(${t})`:t}function B(t){return t.startsWith("--")?`var(${t})`:t}function fo(t){return t==="hidden"?"none":t}function C(t){return typeof t=="number"?`${t}px`:t}function n(t){return typeof t=="number"?`${t}px`:t}function g(t){return typeof t=="number"?`${t}px`:t}function ao(t){return typeof t=="number"?`${t}px`:t}function co(t){return{"no-repeat":"no-repeat",repeat:"repeat","repeat-round":"round","repeat-space":"space","repeat-x":"repeat-x","repeat-y":"repeat-y"}[t]}function so(t){return t.replace("-"," ")}function T(t){return N(t)}function lo(t,o){const i=T(o);if(bo(o)){t.background=i;return}t.backgroundColor=i}function bo(t){const o=t.trim().toLowerCase();return o.includes("url(")||o.includes("gradient(")||o.includes("image-set(")||o.includes("cross-fade(")||o.includes("element(")||o.includes("paint(")}function N(t){return t.startsWith("--")?`var(${t})`:t}function mo(t,o){const{as:i,children:d,className:f,background:a,backgroundColor:h,bg:u,bgSize:s,bgRepeat:m,bgGroup:l,groupParent:c,bgPosition:b,border:v,cursor:p,p:y,m:r,outlineColor:R,outlineWidth:x,outlineOffset:k,outlineStyle:S,listStyle:z,display:W,position:e,width:I,maxWidth:w,minWidth:O,height:A,maxHeight:G,minHeight:H,md:q,lg:D,xl:M,style:V,...K}=t,Z=i??"div",L=Q({background:a,backgroundColor:h,bg:u,bgSize:s,bgRepeat:m,bgGroup:l,groupParent:c,bgPosition:b,border:v,cursor:p,p:y,m:r,outlineColor:R,outlineWidth:x,outlineOffset:k,outlineStyle:S,listStyle:z,display:W,position:e,width:I,maxWidth:w,minWidth:O,height:A,maxHeight:G,minHeight:H,md:q,lg:D,xl:M}),_=L.style||V?{...L.style,...V}:void 0;return E.jsx(Z,{className:j.cn(L.className,c&&"group",f),ref:o,style:_,...K,children:d})}const po=F.forwardRef(mo);exports.Box=po;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const to=require("react/jsx-runtime"),io=require("react"),X=require("./responsive-style.config-B2m9jVlX.cjs");function eo({background:t,backgroundColor:o,bg:i,bgSize:d,bgRepeat:u,bgPosition:a,border:v,boxShadow:f,color:l,cursor:b,opacity:c,overflow:s,overflowX:p,overflowY:x,pointerEvents:R,aspectRatio:g,p:O,m:A,outlineColor:k,outlineWidth:S,outlineOffset:z,outlineStyle:W,listStyle:h,display:C,position:r,width:T,maxWidth:L,minWidth:N,height:V,maxHeight:P,minHeight:w}){const e={};return i!==void 0?Bo(e,i):t!==void 0&&(e.background=I(t)),o!==void 0&&(e.backgroundColor=I(o)),d!==void 0&&(e.backgroundSize=ho(d)),u!==void 0&&(e.backgroundRepeat=$o(u)),a!==void 0&&(e.backgroundPosition=vo(a)),so(e,v),f!==void 0&&(e.boxShadow=m(f)),l!==void 0&&(e.color=m(l)),b!==void 0&&(e.cursor=b),c!==void 0&&(e.opacity=typeof c=="number"?c:m(c)),s!==void 0&&(e.overflowX=s,e.overflowY=s),p!==void 0&&(e.overflowX=p),x!==void 0&&(e.overflowY=x),R!==void 0&&(e.pointerEvents=R),g!==void 0&&(e.aspectRatio=typeof g=="number"?String(g):m(g)),ao(e,O),co(e,A),k!==void 0&&(e.outlineColor=m(k)),S!==void 0&&(e.outlineWidth=S),z!==void 0&&(e.outlineOffset=z),W!==void 0&&(e.outlineStyle=W),h?.position!==void 0&&(e.listStylePosition=h.position),h?.type!==void 0&&(e.listStyleType=h.type),C!==void 0&&(e.display=go(C)),r?.type!==void 0&&(e.position=r.type),r?.top!==void 0&&(e.top=j(r.top)),r?.left!==void 0&&(e.left=j(r.left)),r?.right!==void 0&&(e.right=j(r.right)),r?.bottom!==void 0&&(e.bottom=j(r.bottom)),r?.zIndex!==void 0&&(e.zIndex=r.zIndex),T!==void 0&&(e.width=$(T)),L!==void 0&&(e.maxWidth=$(L)),N!==void 0&&(e.minWidth=$(N)),V!==void 0&&(e.height=$(V)),P!==void 0&&(e.maxHeight=$(P)),w!==void 0&&(e.minHeight=$(w)),Object.keys(e).length>0?e:void 0}function no(t){const o=[],i={},d=t.groupParent===!0;q(t,o,i,"","",d);for(const u of X.responsiveBreakpoints){const a=t[u];a&&q(a,o,i,`${u}:`,`${u}-`,d)}return{className:o.join(" "),style:Object.keys(i).length>0?i:void 0}}function q(t,o,i,d="",u="",a=!1){const v=eo(t);for(const[f,l]of Object.entries(v??{})){if(l==null)continue;const b=String(l),c=ro(f,b);if(c){o.push(`${d}${c}`);continue}const s=`${u}${uo(f)}`,p=fo(f,s);p&&(i[`--${s}`]=b,o.push(`${d}${p}`))}if(t.bgGroup!==void 0){const f=`${u}group-background`;i[`--${f}`]=I(t.bgGroup),o.push(`${d}group-hover:[background:var(--${f})]`),a&&o.push(`${d}hover:[background:var(--${f})]`)}}function ro(t,o){if(t==="display")return o==="none"?"hidden":o;if(t==="position")return o==="inherit"?"[position:inherit]":o;if(t==="cursor")return`cursor-${o}`;if(t==="backgroundRepeat")return{"no-repeat":"bg-no-repeat",repeat:"bg-repeat",round:"bg-repeat-round",space:"bg-repeat-space","repeat-x":"bg-repeat-x","repeat-y":"bg-repeat-y"}[o];if(t==="backgroundSize")return{auto:"bg-auto",contain:"bg-contain",cover:"bg-cover"}[o];if(t==="backgroundPosition")return{bottom:"bg-bottom",center:"bg-center",left:"bg-left","left bottom":"bg-left-bottom","left top":"bg-left-top",right:"bg-right","right bottom":"bg-right-bottom","right top":"bg-right-top",top:"bg-top"}[o];if(t==="borderStyle")return o==="none"?"border-none":`border-${o}`;if(t==="outlineStyle")return o==="none"?"outline-none":`outline-${o}`;if(t==="listStylePosition")return`list-${o}`;if(t==="listStyleType")return`list-${o}`}function fo(t,o){const i=`var(--${o})`;return{background:`[background:${i}]`,backgroundColor:`bg-[${i}]`,backgroundPosition:`bg-[position:${i}]`,backgroundSize:`bg-[length:${i}]`,aspectRatio:`[aspect-ratio:${i}]`,borderBottomLeftRadius:`rounded-bl-[${i}]`,borderBottomRightRadius:`rounded-br-[${i}]`,borderBottomWidth:`border-b-[length:${i}]`,borderColor:`border-[color:${i}]`,borderLeftWidth:`border-l-[length:${i}]`,borderRadius:`rounded-[${i}]`,borderRightWidth:`border-r-[length:${i}]`,borderTopLeftRadius:`rounded-tl-[${i}]`,borderTopRightRadius:`rounded-tr-[${i}]`,borderTopWidth:`border-t-[length:${i}]`,borderWidth:`border-[length:${i}]`,boxShadow:`[box-shadow:${i}]`,bottom:`bottom-[${i}]`,color:`[color:${i}]`,height:`h-[${i}]`,left:`left-[${i}]`,margin:`m-[${i}]`,marginBottom:`mb-[${i}]`,marginLeft:`ml-[${i}]`,marginRight:`mr-[${i}]`,marginTop:`mt-[${i}]`,maxHeight:`max-h-[${i}]`,maxWidth:`max-w-[${i}]`,minHeight:`min-h-[${i}]`,minWidth:`min-w-[${i}]`,outlineColor:`outline-[color:${i}]`,outlineOffset:`outline-offset-[${i}]`,outlineWidth:`outline-[length:${i}]`,opacity:`[opacity:${i}]`,overflowX:`[overflow-x:${i}]`,overflowY:`[overflow-y:${i}]`,padding:`p-[${i}]`,paddingBottom:`pb-[${i}]`,paddingLeft:`pl-[${i}]`,paddingRight:`pr-[${i}]`,paddingTop:`pt-[${i}]`,pointerEvents:`[pointer-events:${i}]`,right:`right-[${i}]`,top:`top-[${i}]`,width:`w-[${i}]`,zIndex:`z-[${i}]`}[t]}function uo(t){return t.replace(/[A-Z]/g,o=>`-${o.toLowerCase()}`)}function ao(t,o){if(o!==void 0){if(Array.isArray(o)){t.padding=o.map(n).join(" ");return}if(typeof o!="object"){t.padding=n(o);return}"px"in o&&o.px!==void 0&&(t.paddingLeft=n(o.px),t.paddingRight=n(o.px)),"py"in o&&o.py!==void 0&&(t.paddingTop=n(o.py),t.paddingBottom=n(o.py)),"pt"in o&&o.pt!==void 0&&(t.paddingTop=n(o.pt)),"pb"in o&&o.pb!==void 0&&(t.paddingBottom=n(o.pb)),"pl"in o&&o.pl!==void 0&&(t.paddingLeft=n(o.pl)),"pr"in o&&o.pr!==void 0&&(t.paddingRight=n(o.pr))}}function co(t,o){if(o!==void 0){if(Array.isArray(o)){t.margin=o.map(n).join(" ");return}if(typeof o!="object"){t.margin=n(o);return}"mx"in o&&o.mx!==void 0&&(t.marginLeft=n(o.mx),t.marginRight=n(o.mx)),"my"in o&&o.my!==void 0&&(t.marginTop=n(o.my),t.marginBottom=n(o.my)),"mt"in o&&o.mt!==void 0&&(t.marginTop=n(o.mt)),"mb"in o&&o.mb!==void 0&&(t.marginBottom=n(o.mb)),"ml"in o&&o.ml!==void 0&&(t.marginLeft=n(o.ml)),"mr"in o&&o.mr!==void 0&&(t.marginRight=n(o.mr))}}function so(t,o){o&&(o.radius!==void 0&&lo(t,o.radius),o.color!==void 0&&(t.borderColor=m(o.color)),o.width!==void 0&&bo(t,o.width),o.style!==void 0&&(t.borderStyle=o.style))}function lo(t,o){if(po(o)){o.topLeft!==void 0&&(t.borderTopLeftRadius=B(o.topLeft)),o.topRight!==void 0&&(t.borderTopRightRadius=B(o.topRight)),o.bottomLeft!==void 0&&(t.borderBottomLeftRadius=B(o.bottomLeft)),o.bottomRight!==void 0&&(t.borderBottomRightRadius=B(o.bottomRight));return}t.borderRadius=B(o)}function bo(t,o){if(mo(o)){o.top!==void 0&&(t.borderTopWidth=y(o.top)),o.bottom!==void 0&&(t.borderBottomWidth=y(o.bottom)),o.left!==void 0&&(t.borderLeftWidth=y(o.left)),o.right!==void 0&&(t.borderRightWidth=y(o.right));return}t.borderWidth=y(o)}function po(t){return typeof t=="object"}function mo(t){return typeof t=="object"}function B(t){return t.startsWith("--")?`var(${t})`:t}function y(t){return t.startsWith("--")?`var(${t})`:t}function go(t){return t==="hidden"?"none":t}function j(t){return typeof t=="number"?`${t}px`:t}function n(t){return typeof t=="number"?`${t}px`:t}function $(t){return typeof t=="number"?`${t}px`:t}function ho(t){return typeof t=="number"?`${t}px`:t}function $o(t){return{"no-repeat":"no-repeat",repeat:"repeat","repeat-round":"round","repeat-space":"space","repeat-x":"repeat-x","repeat-y":"repeat-y"}[t]}function vo(t){return t.replace("-"," ")}function I(t){return m(t)}function Bo(t,o){const i=I(o);if(yo(o)){t.background=i;return}t.backgroundColor=i}function yo(t){const o=t.trim().toLowerCase();return o.includes("url(")||o.includes("gradient(")||o.includes("image-set(")||o.includes("cross-fade(")||o.includes("element(")||o.includes("paint(")}function m(t){return t.startsWith("--")?`var(${t})`:t}function xo(t,o){const{as:i,children:d,className:u,background:a,backgroundColor:v,bg:f,bgSize:l,bgRepeat:b,bgGroup:c,groupParent:s,bgPosition:p,border:x,boxShadow:R,color:g,cursor:O,opacity:A,overflow:k,overflowX:S,overflowY:z,pointerEvents:W,aspectRatio:h,p:C,m:r,outlineColor:T,outlineWidth:L,outlineOffset:N,outlineStyle:V,listStyle:P,display:w,position:e,width:Y,maxWidth:D,minWidth:E,height:M,maxHeight:K,minHeight:Z,md:_,lg:F,xl:J,style:H,...Q}=t,U=i??"div",G=no({background:a,backgroundColor:v,bg:f,bgSize:l,bgRepeat:b,bgGroup:c,groupParent:s,bgPosition:p,border:x,boxShadow:R,color:g,cursor:O,opacity:A,overflow:k,overflowX:S,overflowY:z,pointerEvents:W,aspectRatio:h,p:C,m:r,outlineColor:T,outlineWidth:L,outlineOffset:N,outlineStyle:V,listStyle:P,display:w,position:e,width:Y,maxWidth:D,minWidth:E,height:M,maxHeight:K,minHeight:Z,md:_,lg:F,xl:J}),oo=G.style||H?{...G.style,...H}:void 0;return to.jsx(U,{className:X.cn(G.className,s&&"group",u),ref:o,style:oo,...Q,children:d})}const Ro=io.forwardRef(xo);exports.Box=Ro;

package/dist/box.js

@@ -1,40 +1,48 @@
-import { jsx as E } from "react/jsx-runtime";
-import { forwardRef as F } from "react";
-import { a as J, c as Q } from "./responsive-style.config-DFuATrIM.js";
-function U({
+import { jsx as oo } from "react/jsx-runtime";
+import { forwardRef as to } from "react";
+import { a as io, c as eo } from "./responsive-style.config-DFuATrIM.js";
+function ro({
   background: t,
   backgroundColor: o,
   bg: i,
   bgSize: d,
   bgRepeat: a,
   bgPosition: u,
-  border: h,
-  cursor: f,
-  p: s,
-  m,
-  outlineColor: b,
-  outlineWidth: c,
-  outlineOffset: l,
-  outlineStyle: v,
-  listStyle: p,
-  display: y,
-  position: r,
-  width: R,
-  maxWidth: k,
-  minWidth: x,
-  height: S,
-  maxHeight: z,
-  minHeight: W
+  border: v,
+  boxShadow: f,
+  color: l,
+  cursor: b,
+  opacity: c,
+  overflow: s,
+  overflowX: m,
+  overflowY: x,
+  pointerEvents: R,
+  aspectRatio: g,
+  p: A,
+  m: O,
+  outlineColor: k,
+  outlineWidth: S,
+  outlineOffset: z,
+  outlineStyle: W,
+  listStyle: h,
+  display: C,
+  position: n,
+  width: T,
+  maxWidth: L,
+  minWidth: N,
+  height: V,
+  maxHeight: w,
+  minHeight: P
 }) {
   const e = {};
-  return i !== void 0 ? lo(e, i) : t !== void 0 && (e.background = T(t)), o !== void 0 && (e.backgroundColor = T(o)), d !== void 0 && (e.backgroundSize = co(d)), a !== void 0 && (e.backgroundRepeat = so(a)), u !== void 0 && (e.backgroundPosition = bo(u)), eo(e, h), f !== void 0 && (e.cursor = f), to(e, s), io(e, m), b !== void 0 && (e.outlineColor = N(b)), c !== void 0 && (e.outlineWidth = c), l !== void 0 && (e.outlineOffset = l), v !== void 0 && (e.outlineStyle = v), p?.position !== void 0 && (e.listStylePosition = p.position), p?.type !== void 0 && (e.listStyleType = p.type), y !== void 0 && (e.display = uo(y)), r?.type !== void 0 && (e.position = r.type), r?.top !== void 0 && (e.top = C(r.top)), r?.left !== void 0 && (e.left = C(r.left)), r?.right !== void 0 && (e.right = C(r.right)), r?.bottom !== void 0 && (e.bottom = C(r.bottom)), r?.zIndex !== void 0 && (e.zIndex = r.zIndex), R !== void 0 && (e.width = g(R)), k !== void 0 && (e.maxWidth = g(k)), x !== void 0 && (e.minWidth = g(x)), S !== void 0 && (e.height = g(S)), z !== void 0 && (e.maxHeight = g(z)), W !== void 0 && (e.minHeight = g(W)), Object.keys(e).length > 0 ? e : void 0;
+  return i !== void 0 ? yo(e, i) : t !== void 0 && (e.background = j(t)), o !== void 0 && (e.backgroundColor = j(o)), d !== void 0 && (e.backgroundSize = $o(d)), a !== void 0 && (e.backgroundRepeat = vo(a)), u !== void 0 && (e.backgroundPosition = Bo(u)), lo(e, v), f !== void 0 && (e.boxShadow = p(f)), l !== void 0 && (e.color = p(l)), b !== void 0 && (e.cursor = b), c !== void 0 && (e.opacity = typeof c == "number" ? c : p(c)), s !== void 0 && (e.overflowX = s, e.overflowY = s), m !== void 0 && (e.overflowX = m), x !== void 0 && (e.overflowY = x), R !== void 0 && (e.pointerEvents = R), g !== void 0 && (e.aspectRatio = typeof g == "number" ? String(g) : p(g)), co(e, A), so(e, O), k !== void 0 && (e.outlineColor = p(k)), S !== void 0 && (e.outlineWidth = S), z !== void 0 && (e.outlineOffset = z), W !== void 0 && (e.outlineStyle = W), h?.position !== void 0 && (e.listStylePosition = h.position), h?.type !== void 0 && (e.listStyleType = h.type), C !== void 0 && (e.display = ho(C)), n?.type !== void 0 && (e.position = n.type), n?.top !== void 0 && (e.top = I(n.top)), n?.left !== void 0 && (e.left = I(n.left)), n?.right !== void 0 && (e.right = I(n.right)), n?.bottom !== void 0 && (e.bottom = I(n.bottom)), n?.zIndex !== void 0 && (e.zIndex = n.zIndex), T !== void 0 && (e.width = $(T)), L !== void 0 && (e.maxWidth = $(L)), N !== void 0 && (e.minWidth = $(N)), V !== void 0 && (e.height = $(V)), w !== void 0 && (e.maxHeight = $(w)), P !== void 0 && (e.minHeight = $(P)), Object.keys(e).length > 0 ? e : void 0;
 }
-function X(t) {
+function no(t) {
   const o = [], i = {}, d = t.groupParent === !0;
-  P(t, o, i, "", "", d);
-  for (const a of J) {
+  X(t, o, i, "", "", d);
+  for (const a of io) {
     const u = t[a];
-    u && P(
+    u && X(
       u,
       o,
       i,
@@ -48,25 +56,25 @@ function X(t) {
     style: Object.keys(i).length > 0 ? i : void 0
   };
 }
-function P(t, o, i, d = "", a = "", u = !1) {
-  const h = U(t);
-  for (const [f, s] of Object.entries(h ?? {})) {
-    if (s == null)
+function X(t, o, i, d = "", a = "", u = !1) {
+  const v = ro(t);
+  for (const [f, l] of Object.entries(v ?? {})) {
+    if (l == null)
       continue;
-    const m = String(s), b = Y(f, m);
-    if (b) {
-      o.push(`${d}${b}`);
+    const b = String(l), c = fo(f, b);
+    if (c) {
+      o.push(`${d}${c}`);
       continue;
     }
-    const c = `${a}${oo(f)}`, l = _(f, c);
-    l && (i[`--${c}`] = m, o.push(`${d}${l}`));
+    const s = `${a}${uo(f)}`, m = ao(f, s);
+    m && (i[`--${s}`] = b, o.push(`${d}${m}`));
   }
   if (t.bgGroup !== void 0) {
     const f = `${a}group-background`;
-    i[`--${f}`] = T(t.bgGroup), o.push(`${d}group-hover:[background:var(--${f})]`), u && o.push(`${d}hover:[background:var(--${f})]`);
+    i[`--${f}`] = j(t.bgGroup), o.push(`${d}group-hover:[background:var(--${f})]`), u && o.push(`${d}hover:[background:var(--${f})]`);
   }
 }
-function Y(t, o) {
+function fo(t, o) {
   if (t === "display")
     return o === "none" ? "hidden" : o;
   if (t === "position")
@@ -109,13 +117,14 @@ function Y(t, o) {
   if (t === "listStyleType")
     return `list-${o}`;
 }
-function _(t, o) {
+function ao(t, o) {
   const i = `var(--${o})`;
   return {
     background: `[background:${i}]`,
     backgroundColor: `bg-[${i}]`,
     backgroundPosition: `bg-[position:${i}]`,
     backgroundSize: `bg-[length:${i}]`,
+    aspectRatio: `[aspect-ratio:${i}]`,
     borderBottomLeftRadius: `rounded-bl-[${i}]`,
     borderBottomRightRadius: `rounded-br-[${i}]`,
     borderBottomWidth: `border-b-[length:${i}]`,
@@ -127,7 +136,9 @@ function _(t, o) {
     borderTopRightRadius: `rounded-tr-[${i}]`,
     borderTopWidth: `border-t-[length:${i}]`,
     borderWidth: `border-[length:${i}]`,
+    boxShadow: `[box-shadow:${i}]`,
     bottom: `bottom-[${i}]`,
+    color: `[color:${i}]`,
     height: `h-[${i}]`,
     left: `left-[${i}]`,
     margin: `m-[${i}]`,
@@ -142,91 +153,95 @@ function _(t, o) {
     outlineColor: `outline-[color:${i}]`,
     outlineOffset: `outline-offset-[${i}]`,
     outlineWidth: `outline-[length:${i}]`,
+    opacity: `[opacity:${i}]`,
+    overflowX: `[overflow-x:${i}]`,
+    overflowY: `[overflow-y:${i}]`,
     padding: `p-[${i}]`,
     paddingBottom: `pb-[${i}]`,
     paddingLeft: `pl-[${i}]`,
     paddingRight: `pr-[${i}]`,
     paddingTop: `pt-[${i}]`,
+    pointerEvents: `[pointer-events:${i}]`,
     right: `right-[${i}]`,
     top: `top-[${i}]`,
     width: `w-[${i}]`,
     zIndex: `z-[${i}]`
   }[t];
 }
-function oo(t) {
+function uo(t) {
   return t.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`);
 }
-function to(t, o) {
+function co(t, o) {
   if (o !== void 0) {
     if (Array.isArray(o)) {
-      t.padding = o.map(n).join(" ");
+      t.padding = o.map(r).join(" ");
       return;
     }
     if (typeof o != "object") {
-      t.padding = n(o);
+      t.padding = r(o);
       return;
     }
-    "px" in o && o.px !== void 0 && (t.paddingLeft = n(o.px), t.paddingRight = n(o.px)), "py" in o && o.py !== void 0 && (t.paddingTop = n(o.py), t.paddingBottom = n(o.py)), "pt" in o && o.pt !== void 0 && (t.paddingTop = n(o.pt)), "pb" in o && o.pb !== void 0 && (t.paddingBottom = n(o.pb)), "pl" in o && o.pl !== void 0 && (t.paddingLeft = n(o.pl)), "pr" in o && o.pr !== void 0 && (t.paddingRight = n(o.pr));
+    "px" in o && o.px !== void 0 && (t.paddingLeft = r(o.px), t.paddingRight = r(o.px)), "py" in o && o.py !== void 0 && (t.paddingTop = r(o.py), t.paddingBottom = r(o.py)), "pt" in o && o.pt !== void 0 && (t.paddingTop = r(o.pt)), "pb" in o && o.pb !== void 0 && (t.paddingBottom = r(o.pb)), "pl" in o && o.pl !== void 0 && (t.paddingLeft = r(o.pl)), "pr" in o && o.pr !== void 0 && (t.paddingRight = r(o.pr));
   }
 }
-function io(t, o) {
+function so(t, o) {
   if (o !== void 0) {
     if (Array.isArray(o)) {
-      t.margin = o.map(n).join(" ");
+      t.margin = o.map(r).join(" ");
       return;
     }
     if (typeof o != "object") {
-      t.margin = n(o);
+      t.margin = r(o);
       return;
     }
-    "mx" in o && o.mx !== void 0 && (t.marginLeft = n(o.mx), t.marginRight = n(o.mx)), "my" in o && o.my !== void 0 && (t.marginTop = n(o.my), t.marginBottom = n(o.my)), "mt" in o && o.mt !== void 0 && (t.marginTop = n(o.mt)), "mb" in o && o.mb !== void 0 && (t.marginBottom = n(o.mb)), "ml" in o && o.ml !== void 0 && (t.marginLeft = n(o.ml)), "mr" in o && o.mr !== void 0 && (t.marginRight = n(o.mr));
+    "mx" in o && o.mx !== void 0 && (t.marginLeft = r(o.mx), t.marginRight = r(o.mx)), "my" in o && o.my !== void 0 && (t.marginTop = r(o.my), t.marginBottom = r(o.my)), "mt" in o && o.mt !== void 0 && (t.marginTop = r(o.mt)), "mb" in o && o.mb !== void 0 && (t.marginBottom = r(o.mb)), "ml" in o && o.ml !== void 0 && (t.marginLeft = r(o.ml)), "mr" in o && o.mr !== void 0 && (t.marginRight = r(o.mr));
   }
 }
-function eo(t, o) {
-  o && (o.radius !== void 0 && no(t, o.radius), o.color !== void 0 && (t.borderColor = N(o.color)), o.width !== void 0 && ro(t, o.width), o.style !== void 0 && (t.borderStyle = o.style));
+function lo(t, o) {
+  o && (o.radius !== void 0 && bo(t, o.radius), o.color !== void 0 && (t.borderColor = p(o.color)), o.width !== void 0 && mo(t, o.width), o.style !== void 0 && (t.borderStyle = o.style));
 }
-function no(t, o) {
-  if (fo(o)) {
-    o.topLeft !== void 0 && (t.borderTopLeftRadius = $(o.topLeft)), o.topRight !== void 0 && (t.borderTopRightRadius = $(o.topRight)), o.bottomLeft !== void 0 && (t.borderBottomLeftRadius = $(o.bottomLeft)), o.bottomRight !== void 0 && (t.borderBottomRightRadius = $(o.bottomRight));
+function bo(t, o) {
+  if (po(o)) {
+    o.topLeft !== void 0 && (t.borderTopLeftRadius = B(o.topLeft)), o.topRight !== void 0 && (t.borderTopRightRadius = B(o.topRight)), o.bottomLeft !== void 0 && (t.borderBottomLeftRadius = B(o.bottomLeft)), o.bottomRight !== void 0 && (t.borderBottomRightRadius = B(o.bottomRight));
     return;
   }
-  t.borderRadius = $(o);
+  t.borderRadius = B(o);
 }
-function ro(t, o) {
-  if (ao(o)) {
-    o.top !== void 0 && (t.borderTopWidth = B(o.top)), o.bottom !== void 0 && (t.borderBottomWidth = B(o.bottom)), o.left !== void 0 && (t.borderLeftWidth = B(o.left)), o.right !== void 0 && (t.borderRightWidth = B(o.right));
+function mo(t, o) {
+  if (go(o)) {
+    o.top !== void 0 && (t.borderTopWidth = y(o.top)), o.bottom !== void 0 && (t.borderBottomWidth = y(o.bottom)), o.left !== void 0 && (t.borderLeftWidth = y(o.left)), o.right !== void 0 && (t.borderRightWidth = y(o.right));
     return;
   }
-  t.borderWidth = B(o);
+  t.borderWidth = y(o);
 }
-function fo(t) {
+function po(t) {
   return typeof t == "object";
 }
-function ao(t) {
+function go(t) {
   return typeof t == "object";
 }
-function $(t) {
+function B(t) {
   return t.startsWith("--") ? `var(${t})` : t;
 }
-function B(t) {
+function y(t) {
   return t.startsWith("--") ? `var(${t})` : t;
 }
-function uo(t) {
+function ho(t) {
   return t === "hidden" ? "none" : t;
 }
-function C(t) {
+function I(t) {
   return typeof t == "number" ? `${t}px` : t;
 }
-function n(t) {
+function r(t) {
   return typeof t == "number" ? `${t}px` : t;
 }
-function g(t) {
+function $(t) {
   return typeof t == "number" ? `${t}px` : t;
 }
-function co(t) {
+function $o(t) {
   return typeof t == "number" ? `${t}px` : t;
 }
-function so(t) {
+function vo(t) {
   return {
     "no-repeat": "no-repeat",
     repeat: "repeat",
@@ -236,107 +251,123 @@ function so(t) {
     "repeat-y": "repeat-y"
   }[t];
 }
-function bo(t) {
+function Bo(t) {
   return t.replace("-", " ");
 }
-function T(t) {
-  return N(t);
+function j(t) {
+  return p(t);
 }
-function lo(t, o) {
-  const i = T(o);
-  if (mo(o)) {
+function yo(t, o) {
+  const i = j(o);
+  if (xo(o)) {
     t.background = i;
     return;
   }
   t.backgroundColor = i;
 }
-function mo(t) {
+function xo(t) {
   const o = t.trim().toLowerCase();
   return o.includes("url(") || o.includes("gradient(") || o.includes("image-set(") || o.includes("cross-fade(") || o.includes("element(") || o.includes("paint(");
 }
-function N(t) {
+function p(t) {
   return t.startsWith("--") ? `var(${t})` : t;
 }
-function po(t, o) {
+function Ro(t, o) {
   const {
     as: i,
     children: d,
     className: a,
     background: u,
-    backgroundColor: h,
+    backgroundColor: v,
     bg: f,
-    bgSize: s,
-    bgRepeat: m,
-    bgGroup: b,
-    groupParent: c,
-    bgPosition: l,
-    border: v,
-    cursor: p,
-    p: y,
-    m: r,
-    outlineColor: R,
-    outlineWidth: k,
-    outlineOffset: x,
-    outlineStyle: S,
-    listStyle: z,
-    display: W,
+    bgSize: l,
+    bgRepeat: b,
+    bgGroup: c,
+    groupParent: s,
+    bgPosition: m,
+    border: x,
+    boxShadow: R,
+    color: g,
+    cursor: A,
+    opacity: O,
+    overflow: k,
+    overflowX: S,
+    overflowY: z,
+    pointerEvents: W,
+    aspectRatio: h,
+    p: C,
+    m: n,
+    outlineColor: T,
+    outlineWidth: L,
+    outlineOffset: N,
+    outlineStyle: V,
+    listStyle: w,
+    display: P,
     position: e,
-    width: I,
-    maxWidth: j,
-    minWidth: w,
-    height: A,
-    maxHeight: O,
-    minHeight: G,
-    md: H,
-    lg: D,
-    xl: K,
-    style: V,
-    ...M
-  } = t, Z = i ?? "div", L = X({
+    width: Y,
+    maxWidth: D,
+    minWidth: E,
+    height: K,
+    maxHeight: M,
+    minHeight: Z,
+    md: q,
+    lg: F,
+    xl: J,
+    style: H,
+    ...Q
+  } = t, U = i ?? "div", G = no({
     background: u,
-    backgroundColor: h,
+    backgroundColor: v,
     bg: f,
-    bgSize: s,
-    bgRepeat: m,
-    bgGroup: b,
-    groupParent: c,
-    bgPosition: l,
-    border: v,
-    cursor: p,
-    p: y,
-    m: r,
-    outlineColor: R,
-    outlineWidth: k,
-    outlineOffset: x,
-    outlineStyle: S,
-    listStyle: z,
-    display: W,
+    bgSize: l,
+    bgRepeat: b,
+    bgGroup: c,
+    groupParent: s,
+    bgPosition: m,
+    border: x,
+    boxShadow: R,
+    color: g,
+    cursor: A,
+    opacity: O,
+    overflow: k,
+    overflowX: S,
+    overflowY: z,
+    pointerEvents: W,
+    aspectRatio: h,
+    p: C,
+    m: n,
+    outlineColor: T,
+    outlineWidth: L,
+    outlineOffset: N,
+    outlineStyle: V,
+    listStyle: w,
+    display: P,
     position: e,
-    width: I,
-    maxWidth: j,
-    minWidth: w,
-    height: A,
-    maxHeight: O,
-    minHeight: G,
-    md: H,
-    lg: D,
-    xl: K
-  }), q = L.style || V ? {
-    ...L.style,
-    ...V
+    width: Y,
+    maxWidth: D,
+    minWidth: E,
+    height: K,
+    maxHeight: M,
+    minHeight: Z,
+    md: q,
+    lg: F,
+    xl: J
+  }), _ = G.style || H ? {
+    ...G.style,
+    ...H
   } : void 0;
-  return /* @__PURE__ */ E(
-    Z,
+  return /* @__PURE__ */ oo(
+    U,
     {
-      className: Q(L.className, c && "group", a),
+      className: eo(G.className, s && "group", a),
       ref: o,
-      style: q,
-      ...M,
+      style: _,
+      ...Q,
       children: d
     }
   );
 }
-const vo = F(po);
+const Co = to(Ro);
 export {
-  vo as Box
+  Co as Box
 };

package/dist/grid.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),v=require("./box.cjs"),g=require("./responsive-style.config-B2m9jVlX.cjs");function j(i){const n=[],t={},s={md:i.md,lg:i.lg,xl:i.xl};l(i,n,t);for(const e of g.responsiveBreakpoints){const o=s[e];o&&l(o,n,t,`${e}:`,`${e}-`)}return{className:n.join(" "),style:Object.keys(t).length>0?t:void 0}}function l({cols:i,gap:n},t,s,e="",o=""){if(i!==void 0){const r=`${o}grid-template-columns`;s[`--${r}`]=`repeat(${i}, minmax(0, 1fr))`,t.push(`${e}${u("grid-cols",`var(--${r})`)}`)}if(n!==void 0){const r=`${o}grid-gap`;s[`--${r}`]=G(n),t.push(`${e}${u("gap",`var(--${r})`)}`)}}function u(i,n){return[i,"-[",n,"]"].join("")}function G(i){return typeof i=="number"?`${i}px`:i}function N({children:i,className:n,cols:t=1,gap:s=0,md:e,lg:o,xl:r,style:a,...f}){const d=j({cols:t,gap:s,md:e,lg:o,xl:r}),x=c(e),$=c(o),y=c(r),b=d.style||a?{...d.style,...a}:void 0;return m.jsx(v.Box,{...f,display:"grid",className:g.cn(d.className,n),md:x,lg:$,xl:y,style:b,children:i})}function h({children:i,className:n,...t}){return m.jsx("div",{className:n,...t,children:i})}const w=Object.assign(N,{Item:h});function c(i){if(i)return{background:i.background,backgroundColor:i.backgroundColor,height:i.height,maxHeight:i.maxHeight,maxWidth:i.maxWidth,minHeight:i.minHeight,minWidth:i.minWidth,width:i.width}}exports.Grid=w;exports.GridItem=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),w=require("./box.cjs"),g=require("./responsive-style.config-B2m9jVlX.cjs");function j(t){const i=[],n={},l={md:t.md,lg:t.lg,xl:t.xl};r(t,i,n);for(const e of g.responsiveBreakpoints){const o=l[e];o&&r(o,i,n,`${e}:`,`${e}-`)}return{className:i.join(" "),style:Object.keys(n).length>0?n:void 0}}function r({cols:t,gap:i},n,l,e="",o=""){if(t!==void 0){const c=`${o}grid-template-columns`;l[`--${c}`]=`repeat(${t}, minmax(0, 1fr))`,n.push(`${e}${u("grid-cols",`var(--${c})`)}`)}if(i!==void 0){const c=`${o}grid-gap`;l[`--${c}`]=G(i),n.push(`${e}${u("gap",`var(--${c})`)}`)}}function u(t,i){return[t,"-[",i,"]"].join("")}function G(t){return typeof t=="number"?`${t}px`:t}function N({children:t,className:i,cols:n=1,gap:l=0,md:e,lg:o,xl:c,style:a,...h}){const d=j({cols:n,gap:l,md:e,lg:o,xl:c}),v=s(e),x=s(o),y=s(c),$=d.style||a?{...d.style,...a}:void 0;return m.jsx(w.Box,{...h,display:"grid",className:g.cn(d.className,i),md:v,lg:x,xl:y,style:$,children:t})}function f({children:t,className:i,...n}){return m.jsx("div",{className:i,...n,children:t})}const S=Object.assign(N,{Item:f});function s(t){if(t)return{aspectRatio:t.aspectRatio,background:t.background,backgroundColor:t.backgroundColor,boxShadow:t.boxShadow,color:t.color,height:t.height,maxHeight:t.maxHeight,maxWidth:t.maxWidth,minHeight:t.minHeight,minWidth:t.minWidth,opacity:t.opacity,overflow:t.overflow,overflowX:t.overflowX,overflowY:t.overflowY,pointerEvents:t.pointerEvents,width:t.width}}exports.Grid=S;exports.GridItem=f;