@shmidko61/lc-ui-kit 0.2.0 → 0.4.0

package/dist/accordion.js

@@ -15,9 +15,7 @@ function ae() {
     throw new Error("Accordion.Item должен использоваться внутри Accordion.");
   return t;
 }
-function ie({
-  children: t
-}) {
+function ie({ children: t }) {
   return /* @__PURE__ */ e(l, { align: "center", gap: 16, justify: "space-between", width: "100%", children: t });
 }
 function ce({

package/dist/box/box.d.ts

@@ -8,5 +8,5 @@ type BoxComponentType = {
     displayName?: string;
 };
 export declare const Box: BoxComponentType;
+export type { BorderRadiusItem, BorderRadiusKeys, BorderRadiusSides, BorderWidthItem, BorderWidthSides, PositionValue, UiKitAnyIndentationMargin, UiKitAnyIndentationPadding, UiKitArrayIndentation, UiKitAspectRatioProps, UiKitAspectRatioValue, UiKitAxisIndentationMargin, UiKitAxisIndentationPadding, UiKitBackgroundProps, UiKitBorderColor, UiKitBorderProps, UiKitBorderRadius, UiKitBorderWidth, UiKitBoxShadowProps, UiKitBoxShadowValue, UiKitColorProps, UiKitColorValue, UiKitCursorProps, UiKitDimensionProps, UiKitDisplayProps, UiKitIndentations, UiKitIndentationsProps, UiKitListStyleProps, UiKitMarginArrayIndentation, UiKitMarginIndentation, UiKitMixedXAxisIndentationMargin, UiKitMixedXAxisIndentationPadding, UiKitMixedYAxisIndentationMargin, UiKitMixedYAxisIndentationPadding, UiKitOpacityProps, UiKitOpacityValue, UiKitOutlineProps, UiKitOverflowProps, UiKitOverflowValue, UiKitPointerEventsProps, UiKitPointerEventsValue, UiKitPositionProps, UiKitTransformOriginValue, UiKitTransformProps, UiKitTransformValue, } from '../types';
 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, UiKitAspectRatioProps, UiKitBoxShadowProps, UiKitBorderProps, UiKitColorProps, UiKitCursorProps, UiKitDimensionProps, UiKitIndentationsProps, UiKitDisplayProps, UiKitListStyleProps, UiKitOutlineProps, UiKitOpacityProps, UiKitOverflowProps, UiKitPointerEventsProps, UiKitPositionProps } from '../types/index';
+import { UiKitAspectRatioProps, UiKitBackgroundProps, UiKitBackgroundValue, UiKitBorderProps, UiKitBoxShadowProps, UiKitColorProps, UiKitCursorProps, UiKitDimensionProps, UiKitDisplayProps, UiKitIndentationsProps, UiKitListStyleProps, UiKitOpacityProps, UiKitOutlineProps, UiKitOverflowProps, UiKitPointerEventsProps, UiKitPositionProps, UiKitTransformProps } from '../types';
 /**
  * Допустимые HTML-теги для Box.
  *
@@ -20,7 +20,7 @@ export type BoxBackgroundValue = UiKitBackgroundValue;
 /**
  * Стилевые props, общие для base-состояния и responsive overrides.
  */
-export type BoxStyleProps = UiKitDisplayProps & UiKitPositionProps & UiKitOverflowProps & UiKitAspectRatioProps & UiKitColorProps & UiKitOpacityProps & UiKitPointerEventsProps & UiKitBoxShadowProps & UiKitBackgroundProps & UiKitCursorProps & UiKitIndentationsProps & UiKitOutlineProps & UiKitListStyleProps & UiKitDimensionProps;
+export type BoxStyleProps = UiKitDisplayProps & UiKitPositionProps & UiKitOverflowProps & UiKitAspectRatioProps & UiKitTransformProps & 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 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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const eo=require("react/jsx-runtime"),ro=require("react"),D=require("./responsive-style.config-B2m9jVlX.cjs");function no({background:t,backgroundColor:o,bg:i,bgSize:d,bgRepeat:a,bgPosition:u,border:v,boxShadow:f,color:b,cursor:m,opacity:c,overflow:s,overflowX:p,overflowY:x,pointerEvents:R,aspectRatio:g,transform:k,transformOrigin:S,p:G,m:H,outlineColor:z,outlineWidth:W,outlineOffset:C,outlineStyle:T,listStyle:h,display:L,position:n,width:N,maxWidth:V,minWidth:P,height:w,maxHeight:j,minHeight:I}){const e={};return i!==void 0?xo(e,i):t!==void 0&&(e.background=A(t)),o!==void 0&&(e.backgroundColor=A(o)),d!==void 0&&(e.backgroundSize=vo(d)),a!==void 0&&(e.backgroundRepeat=Bo(a)),u!==void 0&&(e.backgroundPosition=yo(u)),bo(e,v),f!==void 0&&(e.boxShadow=l(f)),b!==void 0&&(e.color=l(b)),m!==void 0&&(e.cursor=m),c!==void 0&&(e.opacity=typeof c=="number"?c:l(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):l(g)),k!==void 0&&(e.transform=l(k)),S!==void 0&&(e.transformOrigin=l(S)),so(e,G),lo(e,H),z!==void 0&&(e.outlineColor=l(z)),W!==void 0&&(e.outlineWidth=W),C!==void 0&&(e.outlineOffset=C),T!==void 0&&(e.outlineStyle=T),h?.position!==void 0&&(e.listStylePosition=h.position),h?.type!==void 0&&(e.listStyleType=h.type),L!==void 0&&(e.display=$o(L)),n?.type!==void 0&&(e.position=n.type),n?.top!==void 0&&(e.top=O(n.top)),n?.left!==void 0&&(e.left=O(n.left)),n?.right!==void 0&&(e.right=O(n.right)),n?.bottom!==void 0&&(e.bottom=O(n.bottom)),n?.zIndex!==void 0&&(e.zIndex=n.zIndex),N!==void 0&&(e.width=$(N)),V!==void 0&&(e.maxWidth=$(V)),P!==void 0&&(e.minWidth=$(P)),w!==void 0&&(e.height=$(w)),j!==void 0&&(e.maxHeight=$(j)),I!==void 0&&(e.minHeight=$(I)),Object.keys(e).length>0?e:void 0}function fo(t){const o=[],i={},d=t.groupParent===!0;Y(t,o,i,"","",d);for(const a of D.responsiveBreakpoints){const u=t[a];u&&Y(u,o,i,`${a}:`,`${a}-`,d)}return{className:o.join(" "),style:Object.keys(i).length>0?i:void 0}}function Y(t,o,i,d="",a="",u=!1){const v=no(t);for(const[f,b]of Object.entries(v??{})){if(b==null)continue;const m=String(b),c=ao(f,m);if(c){o.push(`${d}${c}`);continue}const s=`${a}${co(f)}`,p=uo(f,s);p&&(i[`--${s}`]=m,o.push(`${d}${p}`))}if(t.bgGroup!==void 0){const f=`${a}group-background`;i[`--${f}`]=A(t.bgGroup),o.push(`${d}group-hover:[background:var(--${f})]`),u&&o.push(`${d}hover:[background:var(--${f})]`)}}function ao(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 uo(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}]`,transform:`[transform:${i}]`,transformOrigin:`[transform-origin:${i}]`,width:`w-[${i}]`,zIndex:`z-[${i}]`}[t]}function co(t){return t.replace(/[A-Z]/g,o=>`-${o.toLowerCase()}`)}function so(t,o){if(o!==void 0){if(Array.isArray(o)){t.padding=o.map(r).join(" ");return}if(typeof o!="object"){t.padding=r(o);return}"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 lo(t,o){if(o!==void 0){if(Array.isArray(o)){t.margin=o.map(r).join(" ");return}if(typeof o!="object"){t.margin=r(o);return}"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 bo(t,o){o&&(o.radius!==void 0&&mo(t,o.radius),o.color!==void 0&&(t.borderColor=l(o.color)),o.width!==void 0&&po(t,o.width),o.style!==void 0&&(t.borderStyle=o.style))}function mo(t,o){if(go(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 po(t,o){if(ho(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 go(t){return typeof t=="object"}function ho(t){return typeof t=="object"}function B(t){return t.startsWith("--")?`var(${t})`:t}function y(t){return t.startsWith("--")?`var(${t})`:t}function $o(t){return t==="hidden"?"none":t}function O(t){return typeof t=="number"?`${t}px`:t}function r(t){return typeof t=="number"?`${t}px`:t}function $(t){return typeof t=="number"?`${t}px`:t}function vo(t){return typeof t=="number"?`${t}px`:t}function Bo(t){return{"no-repeat":"no-repeat",repeat:"repeat","repeat-round":"round","repeat-space":"space","repeat-x":"repeat-x","repeat-y":"repeat-y"}[t]}function yo(t){return t.replace("-"," ")}function A(t){return l(t)}function xo(t,o){const i=A(o);if(Ro(o)){t.background=i;return}t.backgroundColor=i}function Ro(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 l(t){return t.startsWith("--")?`var(${t})`:t}function ko(t,o){const{as:i,children:d,className:a,background:u,backgroundColor:v,bg:f,bgSize:b,bgRepeat:m,bgGroup:c,groupParent:s,bgPosition:p,border:x,boxShadow:R,color:g,cursor:k,opacity:S,overflow:G,overflowX:H,overflowY:z,pointerEvents:W,aspectRatio:C,transform:T,transformOrigin:h,p:L,m:n,outlineColor:N,outlineWidth:V,outlineOffset:P,outlineStyle:w,listStyle:j,display:I,position:e,width:E,maxWidth:M,minWidth:K,height:Z,maxHeight:_,minHeight:F,md:J,lg:Q,xl:U,style:X,...oo}=t,to=i??"div",q=fo({background:u,backgroundColor:v,bg:f,bgSize:b,bgRepeat:m,bgGroup:c,groupParent:s,bgPosition:p,border:x,boxShadow:R,color:g,cursor:k,opacity:S,overflow:G,overflowX:H,overflowY:z,pointerEvents:W,aspectRatio:C,transform:T,transformOrigin:h,p:L,m:n,outlineColor:N,outlineWidth:V,outlineOffset:P,outlineStyle:w,listStyle:j,display:I,position:e,width:E,maxWidth:M,minWidth:K,height:Z,maxHeight:_,minHeight:F,md:J,lg:Q,xl:U}),io=q.style||X?{...q.style,...X}:void 0;return eo.jsx(to,{className:D.cn(q.className,s&&"group",a),ref:o,style:io,...oo,children:d})}const So=ro.forwardRef(ko);exports.Box=So;

package/dist/box.js

@@ -1,7 +1,7 @@
-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({
+import { jsx as io } from "react/jsx-runtime";
+import { forwardRef as eo } from "react";
+import { a as ro, c as no } from "./responsive-style.config-DFuATrIM.js";
+function fo({
   background: t,
   backgroundColor: o,
   bg: i,
@@ -10,39 +10,41 @@ function ro({
   bgPosition: u,
   border: v,
   boxShadow: f,
-  color: l,
-  cursor: b,
+  color: b,
+  cursor: m,
   opacity: c,
   overflow: s,
-  overflowX: m,
+  overflowX: p,
   overflowY: x,
   pointerEvents: R,
   aspectRatio: g,
-  p: A,
-  m: O,
-  outlineColor: k,
-  outlineWidth: S,
-  outlineOffset: z,
-  outlineStyle: W,
+  transform: k,
+  transformOrigin: S,
+  p: G,
+  m: H,
+  outlineColor: z,
+  outlineWidth: W,
+  outlineOffset: C,
+  outlineStyle: T,
   listStyle: h,
-  display: C,
+  display: L,
   position: n,
-  width: T,
-  maxWidth: L,
-  minWidth: N,
-  height: V,
-  maxHeight: w,
-  minHeight: P
+  width: N,
+  maxWidth: V,
+  minWidth: w,
+  height: P,
+  maxHeight: I,
+  minHeight: j
 }) {
   const e = {};
-  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;
+  return i !== void 0 ? Ro(e, i) : t !== void 0 && (e.background = A(t)), o !== void 0 && (e.backgroundColor = A(o)), d !== void 0 && (e.backgroundSize = Bo(d)), a !== void 0 && (e.backgroundRepeat = yo(a)), u !== void 0 && (e.backgroundPosition = xo(u)), mo(e, v), f !== void 0 && (e.boxShadow = l(f)), b !== void 0 && (e.color = l(b)), m !== void 0 && (e.cursor = m), c !== void 0 && (e.opacity = typeof c == "number" ? c : l(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) : l(g)), k !== void 0 && (e.transform = l(k)), S !== void 0 && (e.transformOrigin = l(S)), lo(e, G), bo(e, H), z !== void 0 && (e.outlineColor = l(z)), W !== void 0 && (e.outlineWidth = W), C !== void 0 && (e.outlineOffset = C), T !== void 0 && (e.outlineStyle = T), h?.position !== void 0 && (e.listStylePosition = h.position), h?.type !== void 0 && (e.listStyleType = h.type), L !== void 0 && (e.display = vo(L)), n?.type !== void 0 && (e.position = n.type), n?.top !== void 0 && (e.top = O(n.top)), n?.left !== void 0 && (e.left = O(n.left)), n?.right !== void 0 && (e.right = O(n.right)), n?.bottom !== void 0 && (e.bottom = O(n.bottom)), n?.zIndex !== void 0 && (e.zIndex = n.zIndex), N !== void 0 && (e.width = $(N)), V !== void 0 && (e.maxWidth = $(V)), w !== void 0 && (e.minWidth = $(w)), P !== void 0 && (e.height = $(P)), I !== void 0 && (e.maxHeight = $(I)), j !== void 0 && (e.minHeight = $(j)), Object.keys(e).length > 0 ? e : void 0;
 }
-function no(t) {
+function ao(t) {
   const o = [], i = {}, d = t.groupParent === !0;
-  X(t, o, i, "", "", d);
-  for (const a of io) {
+  D(t, o, i, "", "", d);
+  for (const a of ro) {
     const u = t[a];
-    u && X(
+    u && D(
       u,
       o,
       i,
@@ -56,25 +58,25 @@ function no(t) {
     style: Object.keys(i).length > 0 ? i : void 0
   };
 }
-function X(t, o, i, d = "", a = "", u = !1) {
-  const v = ro(t);
-  for (const [f, l] of Object.entries(v ?? {})) {
-    if (l == null)
+function D(t, o, i, d = "", a = "", u = !1) {
+  const v = fo(t);
+  for (const [f, b] of Object.entries(v ?? {})) {
+    if (b == null)
       continue;
-    const b = String(l), c = fo(f, b);
+    const m = String(b), c = uo(f, m);
     if (c) {
       o.push(`${d}${c}`);
       continue;
     }
-    const s = `${a}${uo(f)}`, m = ao(f, s);
-    m && (i[`--${s}`] = b, o.push(`${d}${m}`));
+    const s = `${a}${so(f)}`, p = co(f, s);
+    p && (i[`--${s}`] = m, o.push(`${d}${p}`));
   }
   if (t.bgGroup !== void 0) {
     const f = `${a}group-background`;
-    i[`--${f}`] = j(t.bgGroup), o.push(`${d}group-hover:[background:var(--${f})]`), u && o.push(`${d}hover:[background:var(--${f})]`);
+    i[`--${f}`] = A(t.bgGroup), o.push(`${d}group-hover:[background:var(--${f})]`), u && o.push(`${d}hover:[background:var(--${f})]`);
   }
 }
-function fo(t, o) {
+function uo(t, o) {
   if (t === "display")
     return o === "none" ? "hidden" : o;
   if (t === "position")
@@ -117,7 +119,7 @@ function fo(t, o) {
   if (t === "listStyleType")
     return `list-${o}`;
 }
-function ao(t, o) {
+function co(t, o) {
   const i = `var(--${o})`;
   return {
     background: `[background:${i}]`,
@@ -164,14 +166,16 @@ function ao(t, o) {
     pointerEvents: `[pointer-events:${i}]`,
     right: `right-[${i}]`,
     top: `top-[${i}]`,
+    transform: `[transform:${i}]`,
+    transformOrigin: `[transform-origin:${i}]`,
     width: `w-[${i}]`,
     zIndex: `z-[${i}]`
   }[t];
 }
-function uo(t) {
+function so(t) {
   return t.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`);
 }
-function co(t, o) {
+function lo(t, o) {
   if (o !== void 0) {
     if (Array.isArray(o)) {
       t.padding = o.map(r).join(" ");
@@ -184,7 +188,7 @@ function co(t, o) {
     "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 so(t, o) {
+function bo(t, o) {
   if (o !== void 0) {
     if (Array.isArray(o)) {
       t.margin = o.map(r).join(" ");
@@ -197,27 +201,27 @@ function so(t, o) {
     "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 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 mo(t, o) {
+  o && (o.radius !== void 0 && po(t, o.radius), o.color !== void 0 && (t.borderColor = l(o.color)), o.width !== void 0 && go(t, o.width), o.style !== void 0 && (t.borderStyle = o.style));
 }
-function bo(t, o) {
-  if (po(o)) {
+function po(t, o) {
+  if (ho(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 mo(t, o) {
-  if (go(o)) {
+function go(t, o) {
+  if ($o(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) {
+function ho(t) {
   return typeof t == "object";
 }
-function go(t) {
+function $o(t) {
   return typeof t == "object";
 }
 function B(t) {
@@ -226,10 +230,10 @@ function B(t) {
 function y(t) {
   return t.startsWith("--") ? `var(${t})` : t;
 }
-function ho(t) {
+function vo(t) {
   return t === "hidden" ? "none" : t;
 }
-function I(t) {
+function O(t) {
   return typeof t == "number" ? `${t}px` : t;
 }
 function r(t) {
@@ -238,10 +242,10 @@ function r(t) {
 function $(t) {
   return typeof t == "number" ? `${t}px` : t;
 }
-function $o(t) {
+function Bo(t) {
   return typeof t == "number" ? `${t}px` : t;
 }
-function vo(t) {
+function yo(t) {
   return {
     "no-repeat": "no-repeat",
     repeat: "repeat",
@@ -251,28 +255,28 @@ function vo(t) {
     "repeat-y": "repeat-y"
   }[t];
 }
-function Bo(t) {
+function xo(t) {
   return t.replace("-", " ");
 }
-function j(t) {
-  return p(t);
+function A(t) {
+  return l(t);
 }
-function yo(t, o) {
-  const i = j(o);
-  if (xo(o)) {
+function Ro(t, o) {
+  const i = A(o);
+  if (ko(o)) {
     t.background = i;
     return;
   }
   t.backgroundColor = i;
 }
-function xo(t) {
+function ko(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 p(t) {
+function l(t) {
   return t.startsWith("--") ? `var(${t})` : t;
 }
-function Ro(t, o) {
+function So(t, o) {
   const {
     as: i,
     children: d,
@@ -280,94 +284,98 @@ function Ro(t, o) {
     background: u,
     backgroundColor: v,
     bg: f,
-    bgSize: l,
-    bgRepeat: b,
+    bgSize: b,
+    bgRepeat: m,
     bgGroup: c,
     groupParent: s,
-    bgPosition: m,
+    bgPosition: p,
     border: x,
     boxShadow: R,
     color: g,
-    cursor: A,
-    opacity: O,
-    overflow: k,
-    overflowX: S,
+    cursor: k,
+    opacity: S,
+    overflow: G,
+    overflowX: H,
     overflowY: z,
     pointerEvents: W,
-    aspectRatio: h,
-    p: C,
+    aspectRatio: C,
+    transform: T,
+    transformOrigin: h,
+    p: L,
     m: n,
-    outlineColor: T,
-    outlineWidth: L,
-    outlineOffset: N,
-    outlineStyle: V,
-    listStyle: w,
-    display: P,
+    outlineColor: N,
+    outlineWidth: V,
+    outlineOffset: w,
+    outlineStyle: P,
+    listStyle: I,
+    display: j,
     position: e,
-    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({
+    width: E,
+    maxWidth: K,
+    minWidth: M,
+    height: Z,
+    maxHeight: q,
+    minHeight: F,
+    md: J,
+    lg: Q,
+    xl: U,
+    style: Y,
+    ..._
+  } = t, oo = i ?? "div", X = ao({
     background: u,
     backgroundColor: v,
     bg: f,
-    bgSize: l,
-    bgRepeat: b,
+    bgSize: b,
+    bgRepeat: m,
     bgGroup: c,
     groupParent: s,
-    bgPosition: m,
+    bgPosition: p,
     border: x,
     boxShadow: R,
     color: g,
-    cursor: A,
-    opacity: O,
-    overflow: k,
-    overflowX: S,
+    cursor: k,
+    opacity: S,
+    overflow: G,
+    overflowX: H,
     overflowY: z,
     pointerEvents: W,
-    aspectRatio: h,
-    p: C,
+    aspectRatio: C,
+    transform: T,
+    transformOrigin: h,
+    p: L,
     m: n,
-    outlineColor: T,
-    outlineWidth: L,
-    outlineOffset: N,
-    outlineStyle: V,
-    listStyle: w,
-    display: P,
+    outlineColor: N,
+    outlineWidth: V,
+    outlineOffset: w,
+    outlineStyle: P,
+    listStyle: I,
+    display: j,
     position: e,
-    width: Y,
-    maxWidth: D,
-    minWidth: E,
-    height: K,
-    maxHeight: M,
-    minHeight: Z,
-    md: q,
-    lg: F,
-    xl: J
-  }), _ = G.style || H ? {
-    ...G.style,
-    ...H
+    width: E,
+    maxWidth: K,
+    minWidth: M,
+    height: Z,
+    maxHeight: q,
+    minHeight: F,
+    md: J,
+    lg: Q,
+    xl: U
+  }), to = X.style || Y ? {
+    ...X.style,
+    ...Y
   } : void 0;
-  return /* @__PURE__ */ oo(
-    U,
+  return /* @__PURE__ */ io(
+    oo,
     {
-      className: eo(G.className, s && "group", a),
+      className: no(X.className, s && "group", a),
       ref: o,
-      style: _,
-      ...Q,
+      style: to,
+      ..._,
       children: d
     }
   );
 }
-const Co = to(Ro);
+const Lo = eo(So);
 export {
-  Co as Box
+  Lo as Box
 };

package/dist/button/button.d.ts

@@ -19,4 +19,4 @@ type AnchorButtonProps = ButtonBaseProps & Omit<AnchorHTMLAttributes<HTMLAnchorE
 };
 export type ButtonProps = NativeButtonProps | AnchorButtonProps;
 export declare function Button({ alignContent, children, className, disabled, display, border, bg, color, cursor, fullWidth, href, hoverBg, activeBg, fontSize, fontWeight, isLoading, lineHeight, minHeight, minWidth, md, lg, xl, p, position, size, style, variant, width, ...props }: ButtonProps): ReactNode;
-export { buttonSizeBoxProps, buttonSizeBorderRadius, buttonSizeClassNames, buttonVariantClassNames, buttonVariants, } from './button.helpers';
+export { buttonSizeBorderRadius, buttonSizeBoxProps, buttonSizeClassNames, buttonVariantClassNames, buttonVariants, } from './button.helpers';

package/dist/button/button.helpers.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'react';
 import { BoxBreakpointProps } from '../box/box';
 import { ResponsiveStyleBreakpoint } from '../shared/responsive-style/responsive-style.types';
-import { TypographyFontSizeValue, TypographyFontWeightValue, TypographyLineHeightValue, UiKitBackgroundValue } from '../types/index';
+import { TypographyFontSizeValue, TypographyFontWeightValue, TypographyLineHeightValue, UiKitBackgroundValue } from '../types';
 export type ButtonAlignContent = 'start' | 'center' | 'end';
 export type ButtonAlignContentBreakpointProps = {
     alignContent?: ButtonAlignContent;

package/dist/flex/flex.d.ts

@@ -5,5 +5,5 @@ export declare function Flex(props: FlexProps<'div'>): JSX.Element;
 export declare function Flex<TAs extends BoxAs>(props: FlexProps<TAs> & {
     as: TAs;
 }): JSX.Element;
+export type { UiKitAlign, UiKitFlexDirection, UiKitFlexParams, UiKitFlexWrap, UiKitGap, UiKitJustify, } from '../types';
 export type { FlexBreakpointProps, FlexProps, FlexResponsiveProps } from './flex.types';
-export type { UiKitAlign, UiKitFlexDirection, UiKitFlexParams, UiKitFlexWrap, UiKitGap, UiKitJustify, } from '../types/index';

package/dist/flex/flex.types.d.ts

@@ -1,6 +1,6 @@
 import { BoxAs, BoxBreakpointProps, BoxProps } from '../box/box.types';
 import { ResponsiveStyleBreakpoint } from '../shared/responsive-style/responsive-style.types';
-import { UiKitFlexParams } from '../types/index';
+import { UiKitFlexParams } from '../types';
 export type FlexBreakpointProps = BoxBreakpointProps & UiKitFlexParams;
 export type FlexProps<TAs extends BoxAs = 'div'> = Omit<BoxProps<TAs>, keyof BoxBreakpointProps | 'display' | 'md' | 'lg' | 'xl'> & FlexBreakpointProps & {
     /** Рендерит контейнер как `inline-flex` вместо `flex`. */

package/dist/grid.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=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};a(t,i,n);for(const e of g.responsiveBreakpoints){const o=l[e];o&&a(o,i,n,`${e}:`,`${e}-`)}return{className:i.join(" "),style:Object.keys(n).length>0?n:void 0}}function a({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}${m("grid-cols",`var(--${c})`)}`)}if(i!==void 0){const c=`${o}grid-gap`;l[`--${c}`]=G(i),n.push(`${e}${m("gap",`var(--${c})`)}`)}}function m(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:s,...h}){const r=j({cols:n,gap:l,md:e,lg:o,xl:c}),v=d(e),x=d(o),y=d(c),$=r.style||s?{...r.style,...s}:void 0;return u.jsx(w.Box,{...h,display:"grid",className:g.cn(r.className,i),md:v,lg:x,xl:y,style:$,children:t})}function f({children:t,className:i,...n}){return u.jsx("div",{className:i,...n,children:t})}const S=Object.assign(N,{Item:f});function d(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,transform:t.transform,transformOrigin:t.transformOrigin,width:t.width}}exports.Grid=S;exports.GridItem=f;