@shmidko61/lc-ui-kit 0.1.0 → 0.3.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 { 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 { 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';

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 { 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 & 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 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 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,40 +1,50 @@
-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 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,
   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: 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: w,
+  height: P,
+  maxHeight: I,
+  minHeight: j
 }) {
   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 ? 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 X(t) {
+function ao(t) {
   const o = [], i = {}, d = t.groupParent === !0;
-  P(t, o, i, "", "", d);
-  for (const a of J) {
+  D(t, o, i, "", "", d);
+  for (const a of ro) {
     const u = t[a];
-    u && P(
+    u && D(
       u,
       o,
       i,
@@ -48,25 +58,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 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 m = String(s), b = Y(f, m);
-    if (b) {
-      o.push(`${d}${b}`);
+    const m = String(b), c = uo(f, m);
+    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}${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}`] = T(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 Y(t, o) {
+function uo(t, o) {
   if (t === "display")
     return o === "none" ? "hidden" : o;
   if (t === "position")
@@ -109,13 +119,14 @@ function Y(t, o) {
   if (t === "listStyleType")
     return `list-${o}`;
 }
-function _(t, o) {
+function co(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 +138,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 +155,97 @@ 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}]`,
+    transform: `[transform:${i}]`,
+    transformOrigin: `[transform-origin:${i}]`,
     width: `w-[${i}]`,
     zIndex: `z-[${i}]`
   }[t];
 }
-function oo(t) {
+function so(t) {
   return t.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`);
 }
-function to(t, o) {
+function lo(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 bo(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 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 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 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 = $(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 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 = B(o);
+  t.borderWidth = y(o);
 }
-function fo(t) {
+function ho(t) {
   return typeof t == "object";
 }
-function ao(t) {
+function $o(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 vo(t) {
   return t === "hidden" ? "none" : t;
 }
-function C(t) {
+function O(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 Bo(t) {
   return typeof t == "number" ? `${t}px` : t;
 }
-function so(t) {
+function yo(t) {
   return {
     "no-repeat": "no-repeat",
     repeat: "repeat",
@@ -236,107 +255,127 @@ function so(t) {
     "repeat-y": "repeat-y"
   }[t];
 }
-function bo(t) {
+function xo(t) {
   return t.replace("-", " ");
 }
-function T(t) {
-  return N(t);
+function A(t) {
+  return l(t);
 }
-function lo(t, o) {
-  const i = T(o);
-  if (mo(o)) {
+function Ro(t, o) {
+  const i = A(o);
+  if (ko(o)) {
     t.background = i;
     return;
   }
   t.backgroundColor = i;
 }
-function mo(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 N(t) {
+function l(t) {
   return t.startsWith("--") ? `var(${t})` : t;
 }
-function po(t, o) {
+function So(t, o) {
   const {
     as: i,
     children: d,
     className: a,
     background: u,
-    backgroundColor: h,
+    backgroundColor: v,
     bg: f,
-    bgSize: s,
+    bgSize: b,
     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,
+    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: w,
+    outlineStyle: P,
+    listStyle: I,
+    display: j,
     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: 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: h,
+    backgroundColor: v,
     bg: f,
-    bgSize: s,
+    bgSize: b,
     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,
+    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: w,
+    outlineStyle: P,
+    listStyle: I,
+    display: j,
     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: 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__ */ E(
-    Z,
+  return /* @__PURE__ */ io(
+    oo,
     {
-      className: Q(L.className, c && "group", a),
+      className: no(X.className, s && "group", a),
       ref: o,
-      style: q,
-      ...M,
+      style: to,
+      ..._,
       children: d
     }
   );
 }
-const vo = F(po);
+const Lo = eo(So);
 export {
-  vo 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"),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 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;