@shmidko61/lc-ui-kit 0.12.0 → 0.15.0

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';
+import { TypographyFontSizeValue, TypographyFontWeightValue, TypographyLineHeightValue, UiKitBackgroundValue } from '../types/index';
 export type ButtonAlignContent = 'start' | 'center' | 'end';
 export type ButtonAlignContentBreakpointProps = {
     alignContent?: ButtonAlignContent;

package/dist/button/index.d.ts

@@ -0,0 +1 @@
+export * from './button';

package/dist/button.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),E=require("./box.cjs"),st=require("./responsive-style.config-B2m9jVlX.cjs"),lt=require("class-variance-authority"),z=require("./responsive-style.utils-BdyoDkKg.cjs"),G={default:"bg-[var(--color-primary-accent)] text-[var(--color-background-default)] hover:bg-[color-mix(in_srgb,var(--color-primary-accent)_80%,#fff)] active:bg-[color-mix(in_srgb,var(--color-primary-accent)_80%,#000)]",secondary:"bg-[var(--color-background-subtle)] text-[var(--color-text-primary)] hover:bg-[color-mix(in_srgb,var(--color-background-subtle)_90%,#000)] active:bg-[color-mix(in_srgb,var(--color-background-subtle)_80%,#fff)]",destructive:"bg-[var(--color-secondary-accent-2)] text-[var(--color-background-default)] hover:bg-[color-mix(in_srgb,var(--color-secondary-accent-2)_80%,#fff)] active:bg-[color-mix(in_srgb,var(--color-secondary-accent-2)_80%,#000)]",success:"bg-[var(--color-secondary-accent-1)] text-[var(--color-background-default)] hover:bg-[color-mix(in_srgb,var(--color-secondary-accent-1)_80%,#fff)] active:bg-[color-mix(in_srgb,var(--color-secondary-accent-1)_80%,#000)]",dark:"bg-[var(--color-text-primary)] text-[var(--color-background-default)] hover:bg-[color-mix(in_srgb,var(--color-text-primary)_80%,#fff)] active:bg-[color-mix(in_srgb,var(--color-text-primary)_80%,#000)]",transparent:"bg-transparent text-[var(--color-text-primary)] hover:bg-transparent active:bg-transparent"},J={sm:"text-[13px] font-medium leading-[120%] [&_svg]:size-4",md:"text-[15px] font-medium leading-[140%] [&_svg]:size-5",lg:"text-[18px] font-medium leading-[140%] [&_svg]:size-5"},w={sm:"6px",md:"8px",lg:"12px"},K="box-border shrink-0 items-center overflow-hidden tracking-normal transition-colors duration-150 [font-family:var(--font-family)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color-mix(in_srgb,var(--color-primary-accent)_35%,transparent)] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",ct=lt.cva([K,"[justify-content:var(--button-justify-content,center)]"].join(" "),{variants:{variant:G,size:J,fullWidth:{true:"w-full"}},defaultVariants:{variant:"default",size:"md"}}),T={sm:{minWidth:32,p:{px:12,py:8}},md:{p:{px:16,py:10}},lg:{p:{px:32,py:16}}},gt={base:"[justify-content:var(--button-justify-content)]",md:"md:[justify-content:var(--md-button-justify-content)]",lg:"lg:[justify-content:var(--lg-button-justify-content)]",xl:"xl:[justify-content:var(--xl-button-justify-content)]"},ut={default:{activeBg:"color-mix(in srgb, var(--color-primary-accent) 80%, #000)",bg:"--color-primary-accent",color:"--color-background-default",hoverBg:"color-mix(in srgb, var(--color-primary-accent) 80%, #fff)"},secondary:{activeBg:"color-mix(in srgb, var(--color-background-subtle) 80%, #fff)",bg:"--color-background-subtle",color:"--color-text-primary",hoverBg:"color-mix(in srgb, var(--color-background-subtle) 90%, #000)"},destructive:{activeBg:"color-mix(in srgb, var(--color-secondary-accent-2) 80%, #000)",bg:"--color-secondary-accent-2",color:"--color-background-default",hoverBg:"color-mix(in srgb, var(--color-secondary-accent-2) 80%, #fff)"},success:{activeBg:"color-mix(in srgb, var(--color-secondary-accent-1) 80%, #000)",bg:"--color-secondary-accent-1",color:"--color-background-default",hoverBg:"color-mix(in srgb, var(--color-secondary-accent-1) 80%, #fff)"},dark:{activeBg:"color-mix(in srgb, var(--color-text-primary) 80%, #000)",bg:"--color-text-primary",color:"--color-background-default",hoverBg:"color-mix(in srgb, var(--color-text-primary) 80%, #fff)"},transparent:{activeBg:"transparent",bg:"transparent",color:"--color-text-primary",hoverBg:"transparent"}},bt={sm:"[&_svg]:size-4",md:"[&_svg]:size-5",lg:"[&_svg]:size-5"},vt={sm:{fontSize:"13px",fontWeight:500,lineHeight:"120%"},md:{fontSize:"15px",fontWeight:500,lineHeight:"140%"},lg:{fontSize:"18px",fontWeight:500,lineHeight:"140%"}},L={activeBg:"active:bg-[var(--button-active-bg,var(--button-hover-bg,var(--button-bg)))]",bg:"bg-[var(--button-bg)]",color:"text-[var(--button-color)]",hoverBg:"hover:bg-[var(--button-hover-bg,var(--button-bg))]"},p={fontSize:"text-[length:var(--button-font-size)]",fontWeight:"font-[var(--button-font-weight)]",lineHeight:"leading-[var(--button-line-height)]"},Q={md:{activeBg:"md:active:bg-[var(--md-button-active-bg,var(--md-button-hover-bg,var(--md-button-bg)))]",bg:"md:bg-[var(--md-button-bg)]",color:"md:text-[var(--md-button-color)]",hoverBg:"md:hover:bg-[var(--md-button-hover-bg,var(--md-button-bg))]"},lg:{activeBg:"lg:active:bg-[var(--lg-button-active-bg,var(--lg-button-hover-bg,var(--lg-button-bg)))]",bg:"lg:bg-[var(--lg-button-bg)]",color:"lg:text-[var(--lg-button-color)]",hoverBg:"lg:hover:bg-[var(--lg-button-hover-bg,var(--lg-button-bg))]"},xl:{activeBg:"xl:active:bg-[var(--xl-button-active-bg,var(--xl-button-hover-bg,var(--xl-button-bg)))]",bg:"xl:bg-[var(--xl-button-bg)]",color:"xl:text-[var(--xl-button-color)]",hoverBg:"xl:hover:bg-[var(--xl-button-hover-bg,var(--xl-button-bg))]"}},_={md:{fontSize:"md:text-[length:var(--md-button-font-size)]",fontWeight:"md:font-[var(--md-button-font-weight)]",lineHeight:"md:leading-[var(--md-button-line-height)]"},lg:{fontSize:"lg:text-[length:var(--lg-button-font-size)]",fontWeight:"lg:font-[var(--lg-button-font-weight)]",lineHeight:"lg:leading-[var(--lg-button-line-height)]"},xl:{fontSize:"xl:text-[length:var(--xl-button-font-size)]",fontWeight:"xl:font-[var(--xl-button-font-weight)]",lineHeight:"xl:leading-[var(--xl-button-line-height)]"}},dt={md:{sm:"md:[&_svg]:size-4",md:"md:[&_svg]:size-5",lg:"md:[&_svg]:size-5"},lg:{sm:"lg:[&_svg]:size-4",md:"lg:[&_svg]:size-5",lg:"lg:[&_svg]:size-5"},xl:{sm:"xl:[&_svg]:size-4",md:"xl:[&_svg]:size-5",lg:"xl:[&_svg]:size-5"}};function ft({alignContent:o,md:t,lg:r,xl:a}){const e=[],n={};return m(o,e,n,{breakpoint:"base"}),m(t?.alignContent,e,n,{breakpoint:"md",variablePrefix:"md-"}),m(r?.alignContent,e,n,{breakpoint:"lg",variablePrefix:"lg-"}),m(a?.alignContent,e,n,{breakpoint:"xl",variablePrefix:"xl-"}),{className:e.join(" "),style:Object.keys(n).length?n:void 0}}function mt({variant:o,md:t,lg:r,xl:a},e={}){const n=[],i={};return x(o,e,{classNames:n,style:i}),x(t?.variant,e.md,{classNames:n,style:i},"md"),x(r?.variant,e.lg,{classNames:n,style:i},"lg"),x(a?.variant,e.xl,{classNames:n,style:i},"xl"),{className:n.join(" "),style:Object.keys(i).length?i:void 0}}function ht({activeBg:o,bg:t,color:r,hoverBg:a,md:e,lg:n,xl:i}){const s=[],l={};return y({activeBg:o,bg:t,color:r,hoverBg:a},s,l),y(e,s,l,"md"),y(n,s,l,"lg"),y(i,s,l,"xl"),{className:s.join(" "),style:Object.keys(l).length?l:void 0}}function xt({fontSize:o,fontWeight:t,lineHeight:r,md:a,lg:e,xl:n}){const i=[],s={};return B({fontSize:o,fontWeight:t,lineHeight:r},i,s),B(a,i,s,"md"),B(e,i,s,"lg"),B(n,i,s,"xl"),{className:i.join(" "),style:Object.keys(s).length?s:void 0}}function yt({size:o="md",md:t,lg:r,xl:a}){const e=[bt[o],p.fontSize,p.fontWeight,p.lineHeight],n={};return h(o,e,n),h(t?.size,e,n,"md"),h(r?.size,e,n,"lg"),h(a?.size,e,n,"xl"),{className:e.join(" "),style:n}}function H(o){if(!o)return;const t={...o};return(o.size||o.border)&&(t.border={radius:o.size?w[o.size]:void 0,...o.border}),o.size&&o.p===void 0&&(t.p=T[o.size].p),delete t.activeBg,delete t.alignContent,delete t.bg,delete t.color,delete t.fontSize,delete t.fontWeight,delete t.hoverBg,delete t.lineHeight,delete t.size,delete t.variant,t}function m(o,t,r,{breakpoint:a,variablePrefix:e=""}){if(!o)return;const n=`${e}button-justify-content`;r[`--${n}`]=Bt(o),t.push(gt[a])}function h(o,t,r,a){if(!o)return;const{fontSize:e,fontWeight:n,lineHeight:i}=vt[o];if(!a){r["--button-font-size"]=e,r["--button-font-weight"]=n,r["--button-line-height"]=i;return}r[`--${a}-button-font-size`]=e,r[`--${a}-button-font-weight`]=n,r[`--${a}-button-line-height`]=i,t.push(dt[a][o],_[a].fontSize,_[a].fontWeight,_[a].lineHeight)}function x(o,t,{classNames:r,style:a},e){if(!o)return;const n=e?Q[e]:L,i=e?`${e}-`:"",s=ut[o];t?.bg===void 0&&(a[`--${i}button-bg`]=c(s.bg),r.push(n.bg)),t?.color===void 0&&(a[`--${i}button-color`]=c(s.color),r.push(n.color)),t?.bg===void 0&&t?.hoverBg===void 0&&(a[`--${i}button-hover-bg`]=c(s.hoverBg),r.push(n.hoverBg)),t?.bg===void 0&&t?.hoverBg===void 0&&t?.activeBg===void 0&&(a[`--${i}button-active-bg`]=c(s.activeBg),r.push(n.activeBg))}function y(o,t,r,a){if(!o)return;const{activeBg:e,bg:n,color:i,hoverBg:s}=o,l=a?Q[a]:L,v=a?`${a}-`:"";n!==void 0&&(r[`--${v}button-bg`]=c(n),t.push(l.bg,l.hoverBg,l.activeBg)),s!==void 0&&(r[`--${v}button-hover-bg`]=c(s),t.push(l.hoverBg)),e!==void 0&&(r[`--${v}button-active-bg`]=c(e),t.push(l.activeBg)),i!==void 0&&(r[`--${v}button-color`]=c(i),t.push(l.color))}function B(o,t,r,a){if(!o)return;const{fontSize:e,fontWeight:n,lineHeight:i}=o,s=a?_[a]:p,l=a?`${a}-`:"";e!==void 0&&(r[`--${l}button-font-size`]=z.normalizeCssTokenValue(e),t.push(s.fontSize)),n!==void 0&&(r[`--${l}button-font-weight`]=z.normalizeCssTokenValue(n),t.push(s.fontWeight)),i!==void 0&&(r[`--${l}button-line-height`]=z.normalizeCssTokenValue(i),t.push(s.lineHeight))}function c(o){return String(z.normalizeCssTokenValue(o))}function Bt(o){return{center:"center",end:"flex-end",start:"flex-start"}[o]}function zt({alignContent:o,children:t,className:r,disabled:a,display:e,border:n,bg:i,color:s,cursor:l,fullWidth:v,href:C,hoverBg:k,activeBg:A,fontSize:U,fontWeight:X,isLoading:Y=!1,lineHeight:Z,minHeight:O,minWidth:tt,md:g,lg:u,xl:b,p:ot,position:nt,size:et,style:R,variant:at,width:rt,...S}){const d=!!a||Y,N=et??"md",j=yt({size:N,md:g,lg:u,xl:b}),$=ft({alignContent:o,md:g,lg:u,xl:b}),P=mt({variant:at??"default",md:g,lg:u,xl:b},{activeBg:A,bg:i,color:s,hoverBg:k,md:g,lg:u,xl:b}),V=ht({activeBg:A,bg:i,color:s,hoverBg:k,md:g,lg:u,xl:b}),W=xt({fontSize:U,fontWeight:X,lineHeight:Z,md:g,lg:u,xl:b}),q={...S,border:{radius:w[N],style:"none",width:"0",...n},cursor:d?"not-allowed":l??"pointer",display:e??"inline-flex",minHeight:O,minWidth:tt,md:H(g),lg:H(u),xl:H(b),p:ot??T[N].p,position:nt??{type:"relative"},width:rt??(v?"100%":void 0)},I=st.cn(K,j.className,C&&"no-underline",$.className,P.className,V.className,W.className,r),D=j.style||$.style||P.style||V.style||W.style||R?{...j.style,...$.style,...P.style,...V.style,...W.style,...R}:void 0,F=f.jsx(f.Fragment,{children:t});if(C){const M=S;return f.jsx(E.Box,{...M,...q,"aria-disabled":d||void 0,as:"a",className:I,href:d?void 0:C,style:D,tabIndex:d?-1:M.tabIndex,children:F})}const it=S;return f.jsx(E.Box,{...it,...q,as:"button",className:I,disabled:d,style:D,children:F})}exports.Button=zt;exports.buttonSizeBorderRadius=w;exports.buttonSizeBoxProps=T;exports.buttonSizeClassNames=J;exports.buttonVariantClassNames=G;exports.buttonVariants=ct;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),G=require("./box.cjs"),lt=require("./responsive-style.config-B2m9jVlX.cjs"),ct=require("class-variance-authority"),p=require("./responsive-style.utils-BdyoDkKg.cjs"),J={default:"bg-[var(--color-primary-accent)] text-[var(--color-background-default)] hover:bg-[color-mix(in_srgb,var(--color-primary-accent)_80%,#fff)] active:bg-[color-mix(in_srgb,var(--color-primary-accent)_80%,#000)]",secondary:"bg-[var(--color-background-subtle)] text-[var(--color-text-primary)] hover:bg-[color-mix(in_srgb,var(--color-background-subtle)_90%,#000)] active:bg-[color-mix(in_srgb,var(--color-background-subtle)_80%,#fff)]",destructive:"bg-[var(--color-secondary-accent-2)] text-[var(--color-background-default)] hover:bg-[color-mix(in_srgb,var(--color-secondary-accent-2)_80%,#fff)] active:bg-[color-mix(in_srgb,var(--color-secondary-accent-2)_80%,#000)]",success:"bg-[var(--color-secondary-accent-1)] text-[var(--color-background-default)] hover:bg-[color-mix(in_srgb,var(--color-secondary-accent-1)_80%,#fff)] active:bg-[color-mix(in_srgb,var(--color-secondary-accent-1)_80%,#000)]",dark:"bg-[var(--color-text-primary)] text-[var(--color-background-default)] hover:bg-[color-mix(in_srgb,var(--color-text-primary)_80%,#fff)] active:bg-[color-mix(in_srgb,var(--color-text-primary)_80%,#000)]",transparent:"bg-transparent text-[var(--color-text-primary)] hover:bg-transparent active:bg-transparent"},K={sm:"text-[13px] font-medium leading-[120%] [&_svg]:size-4",md:"text-[15px] font-medium leading-[140%] [&_svg]:size-5",lg:"text-[18px] font-medium leading-[140%] [&_svg]:size-5"},k={sm:"6px",md:"8px",lg:"12px"},L="box-border shrink-0 items-center overflow-hidden tracking-normal transition-colors duration-150 [font-family:var(--font-family)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color-mix(in_srgb,var(--color-primary-accent)_35%,transparent)] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",gt=ct.cva([L,"[justify-content:var(--button-justify-content,center)]"].join(" "),{variants:{variant:J,size:K,fullWidth:{true:"w-full"}},defaultVariants:{variant:"default",size:"md"}}),T={sm:{minWidth:32,p:{px:12,py:8}},md:{p:{px:16,py:10}},lg:{p:{px:32,py:16}}},ut={base:"[justify-content:var(--button-justify-content)]",md:"md:[justify-content:var(--md-button-justify-content)]",lg:"lg:[justify-content:var(--lg-button-justify-content)]",xl:"xl:[justify-content:var(--xl-button-justify-content)]"},bt={default:{activeBg:"color-mix(in srgb, var(--color-primary-accent) 80%, #000)",bg:"--color-primary-accent",color:"--color-background-default",hoverBg:"color-mix(in srgb, var(--color-primary-accent) 80%, #fff)"},secondary:{activeBg:"color-mix(in srgb, var(--color-background-subtle) 80%, #fff)",bg:"--color-background-subtle",color:"--color-text-primary",hoverBg:"color-mix(in srgb, var(--color-background-subtle) 90%, #000)"},destructive:{activeBg:"color-mix(in srgb, var(--color-secondary-accent-2) 80%, #000)",bg:"--color-secondary-accent-2",color:"--color-background-default",hoverBg:"color-mix(in srgb, var(--color-secondary-accent-2) 80%, #fff)"},success:{activeBg:"color-mix(in srgb, var(--color-secondary-accent-1) 80%, #000)",bg:"--color-secondary-accent-1",color:"--color-background-default",hoverBg:"color-mix(in srgb, var(--color-secondary-accent-1) 80%, #fff)"},dark:{activeBg:"color-mix(in srgb, var(--color-text-primary) 80%, #000)",bg:"--color-text-primary",color:"--color-background-default",hoverBg:"color-mix(in srgb, var(--color-text-primary) 80%, #fff)"},transparent:{activeBg:"transparent",bg:"transparent",color:"--color-text-primary",hoverBg:"transparent"}},vt={sm:"[&_svg]:size-4",md:"[&_svg]:size-5",lg:"[&_svg]:size-5"},dt={sm:{fontSize:"13px",fontWeight:500,lineHeight:"120%"},md:{fontSize:"15px",fontWeight:500,lineHeight:"140%"},lg:{fontSize:"18px",fontWeight:500,lineHeight:"140%"}},Q={activeBg:"active:bg-[var(--button-active-bg,var(--button-hover-bg,var(--button-bg)))]",bg:"bg-[var(--button-bg)]",color:"text-[var(--button-color)]",hoverBg:"hover:bg-[var(--button-hover-bg,var(--button-bg))]"},C={fontSize:"text-[length:var(--button-font-size)]",fontWeight:"font-[var(--button-font-weight)]",lineHeight:"leading-[var(--button-line-height)]"},U={md:{activeBg:"md:active:bg-[var(--md-button-active-bg,var(--md-button-hover-bg,var(--md-button-bg)))]",bg:"md:bg-[var(--md-button-bg)]",color:"md:text-[var(--md-button-color)]",hoverBg:"md:hover:bg-[var(--md-button-hover-bg,var(--md-button-bg))]"},lg:{activeBg:"lg:active:bg-[var(--lg-button-active-bg,var(--lg-button-hover-bg,var(--lg-button-bg)))]",bg:"lg:bg-[var(--lg-button-bg)]",color:"lg:text-[var(--lg-button-color)]",hoverBg:"lg:hover:bg-[var(--lg-button-hover-bg,var(--lg-button-bg))]"},xl:{activeBg:"xl:active:bg-[var(--xl-button-active-bg,var(--xl-button-hover-bg,var(--xl-button-bg)))]",bg:"xl:bg-[var(--xl-button-bg)]",color:"xl:text-[var(--xl-button-color)]",hoverBg:"xl:hover:bg-[var(--xl-button-hover-bg,var(--xl-button-bg))]"}},_={md:{fontSize:"md:text-[length:var(--md-button-font-size)]",fontWeight:"md:font-[var(--md-button-font-weight)]",lineHeight:"md:leading-[var(--md-button-line-height)]"},lg:{fontSize:"lg:text-[length:var(--lg-button-font-size)]",fontWeight:"lg:font-[var(--lg-button-font-weight)]",lineHeight:"lg:leading-[var(--lg-button-line-height)]"},xl:{fontSize:"xl:text-[length:var(--xl-button-font-size)]",fontWeight:"xl:font-[var(--xl-button-font-weight)]",lineHeight:"xl:leading-[var(--xl-button-line-height)]"}},ft={md:{sm:"md:[&_svg]:size-4",md:"md:[&_svg]:size-5",lg:"md:[&_svg]:size-5"},lg:{sm:"lg:[&_svg]:size-4",md:"lg:[&_svg]:size-5",lg:"lg:[&_svg]:size-5"},xl:{sm:"xl:[&_svg]:size-4",md:"xl:[&_svg]:size-5",lg:"xl:[&_svg]:size-5"}};function mt({alignContent:o,md:t,lg:r,xl:a}){const e=[],n={};return h(o,e,n,{breakpoint:"base"}),h(t?.alignContent,e,n,{breakpoint:"md",variablePrefix:"md-"}),h(r?.alignContent,e,n,{breakpoint:"lg",variablePrefix:"lg-"}),h(a?.alignContent,e,n,{breakpoint:"xl",variablePrefix:"xl-"}),{className:e.join(" "),style:Object.keys(n).length?n:void 0}}function ht({variant:o,md:t,lg:r,xl:a},e={}){const n=[],i={};return y(o,e,{classNames:n,style:i}),y(t?.variant,e.md,{classNames:n,style:i},"md"),y(r?.variant,e.lg,{classNames:n,style:i},"lg"),y(a?.variant,e.xl,{classNames:n,style:i},"xl"),{className:n.join(" "),style:Object.keys(i).length?i:void 0}}function xt({activeBg:o,bg:t,color:r,hoverBg:a,md:e,lg:n,xl:i}){const s=[],l={};return B({activeBg:o,bg:t,color:r,hoverBg:a},s,l),B(e,s,l,"md"),B(n,s,l,"lg"),B(i,s,l,"xl"),{className:s.join(" "),style:Object.keys(l).length?l:void 0}}function yt({fontSize:o,fontWeight:t,lineHeight:r,md:a,lg:e,xl:n}){const i=[],s={};return z({fontSize:o,fontWeight:t,lineHeight:r},i,s),z(a,i,s,"md"),z(e,i,s,"lg"),z(n,i,s,"xl"),{className:i.join(" "),style:Object.keys(s).length?s:void 0}}function Bt({size:o="md",md:t,lg:r,xl:a}){const e=[vt[o],C.fontSize,C.fontWeight,C.lineHeight],n={};return x(o,e,n),x(t?.size,e,n,"md"),x(r?.size,e,n,"lg"),x(a?.size,e,n,"xl"),{className:e.join(" "),style:n}}function w(o){if(!o)return;const t={...o};return(o.size||o.border)&&(t.border={radius:o.size?k[o.size]:void 0,...o.border}),o.size&&o.p===void 0&&(t.p=T[o.size].p),delete t.activeBg,delete t.alignContent,delete t.bg,delete t.color,delete t.fontSize,delete t.fontWeight,delete t.hoverBg,delete t.lineHeight,delete t.size,delete t.variant,t}function h(o,t,r,{breakpoint:a,variablePrefix:e=""}){if(!o)return;const n=`${e}button-justify-content`;r[`--${n}`]=zt(o),t.push(ut[a])}function x(o,t,r,a){if(!o)return;const{fontSize:e,fontWeight:n,lineHeight:i}=dt[o];if(!a){r["--button-font-size"]=e,r["--button-font-weight"]=n,r["--button-line-height"]=i;return}r[`--${a}-button-font-size`]=e,r[`--${a}-button-font-weight`]=n,r[`--${a}-button-line-height`]=i,t.push(ft[a][o],_[a].fontSize,_[a].fontWeight,_[a].lineHeight)}function y(o,t,{classNames:r,style:a},e){if(!o)return;const n=e?U[e]:Q,i=e?`${e}-`:"",s=bt[o];t?.bg===void 0&&(a[`--${i}button-bg`]=c(s.bg),r.push(n.bg)),t?.color===void 0&&(a[`--${i}button-color`]=c(s.color),r.push(n.color)),t?.bg===void 0&&t?.hoverBg===void 0&&(a[`--${i}button-hover-bg`]=c(s.hoverBg),r.push(n.hoverBg)),t?.bg===void 0&&t?.hoverBg===void 0&&t?.activeBg===void 0&&(a[`--${i}button-active-bg`]=c(s.activeBg),r.push(n.activeBg))}function f(o,t){return/(?:gradient|url|image-set|cross-fade)\(/.test(String(t))?o.replace("bg-[","[background:"):o}function B(o,t,r,a){if(!o)return;const{activeBg:e,bg:n,color:i,hoverBg:s}=o,l=a?U[a]:Q,v=a?`${a}-`:"";n!==void 0&&(r[`--${v}button-bg`]=c(n),t.push(f(l.bg,n),f(l.hoverBg,s??n),f(l.activeBg,e??s??n))),s!==void 0&&(r[`--${v}button-hover-bg`]=c(s),t.push(f(l.hoverBg,s))),e!==void 0&&(r[`--${v}button-active-bg`]=c(e),t.push(f(l.activeBg,e))),i!==void 0&&(r[`--${v}button-color`]=c(i),t.push(l.color))}function z(o,t,r,a){if(!o)return;const{fontSize:e,fontWeight:n,lineHeight:i}=o,s=a?_[a]:C,l=a?`${a}-`:"";e!==void 0&&(r[`--${l}button-font-size`]=p.normalizeCssTokenValue(e),t.push(s.fontSize)),n!==void 0&&(r[`--${l}button-font-weight`]=p.normalizeCssTokenValue(n),t.push(s.fontWeight)),i!==void 0&&(r[`--${l}button-line-height`]=p.normalizeCssTokenValue(i),t.push(s.lineHeight))}function c(o){return String(p.normalizeCssTokenValue(o))}function zt(o){return{center:"center",end:"flex-end",start:"flex-start"}[o]}function pt({alignContent:o,children:t,className:r,disabled:a,display:e,border:n,bg:i,color:s,cursor:l,fullWidth:v,href:S,hoverBg:A,activeBg:R,fontSize:X,fontWeight:Y,isLoading:Z=!1,lineHeight:O,minHeight:tt,minWidth:ot,md:g,lg:u,xl:b,p:nt,position:et,size:at,style:q,variant:rt,width:it,...N}){const d=!!a||Z,j=at??"md",$=Bt({size:j,md:g,lg:u,xl:b}),P=mt({alignContent:o,md:g,lg:u,xl:b}),V=ht({variant:rt??"default",md:g,lg:u,xl:b},{activeBg:R,bg:i,color:s,hoverBg:A,md:g,lg:u,xl:b}),W=xt({activeBg:R,bg:i,color:s,hoverBg:A,md:g,lg:u,xl:b}),H=yt({fontSize:X,fontWeight:Y,lineHeight:O,md:g,lg:u,xl:b}),I={...N,border:{radius:k[j],style:"none",width:"0",...n},cursor:d?"not-allowed":l??"pointer",display:e??"inline-flex",minHeight:tt,minWidth:ot,md:w(g),lg:w(u),xl:w(b),p:nt??T[j].p,position:et??{type:"relative"},width:it??(v?"100%":void 0)},D=lt.cn(L,$.className,S&&"no-underline",P.className,V.className,W.className,H.className,r),F=$.style||P.style||V.style||W.style||H.style||q?{...$.style,...P.style,...V.style,...W.style,...H.style,...q}:void 0,M=m.jsx(m.Fragment,{children:t});if(S){const E=N;return m.jsx(G.Box,{...E,...I,"aria-disabled":d||void 0,as:"a",className:D,href:d?void 0:S,style:F,tabIndex:d?-1:E.tabIndex,children:M})}const st=N;return m.jsx(G.Box,{...st,...I,as:"button",className:D,disabled:d,style:F,children:M})}exports.Button=pt;exports.buttonSizeBorderRadius=k;exports.buttonSizeBoxProps=T;exports.buttonSizeClassNames=K;exports.buttonVariantClassNames=J;exports.buttonVariants=gt;

package/dist/button.js

@@ -1,29 +1,29 @@
-import { jsx as H, Fragment as at } from "react/jsx-runtime";
-import { Box as q } from "./box.js";
-import { c as rt } from "./responsive-style.config-DFuATrIM.js";
-import { cva as it } from "class-variance-authority";
-import { n as p } from "./responsive-style.utils-D10sC561.js";
-const lt = {
+import { jsx as w, Fragment as at } from "react/jsx-runtime";
+import { Box as E } from "./box.js";
+import { c as it } from "./responsive-style.config-DFuATrIM.js";
+import { cva as lt } from "class-variance-authority";
+import { n as B } from "./responsive-style.utils-D10sC561.js";
+const st = {
   default: "bg-[var(--color-primary-accent)] text-[var(--color-background-default)] hover:bg-[color-mix(in_srgb,var(--color-primary-accent)_80%,#fff)] active:bg-[color-mix(in_srgb,var(--color-primary-accent)_80%,#000)]",
   secondary: "bg-[var(--color-background-subtle)] text-[var(--color-text-primary)] hover:bg-[color-mix(in_srgb,var(--color-background-subtle)_90%,#000)] active:bg-[color-mix(in_srgb,var(--color-background-subtle)_80%,#fff)]",
   destructive: "bg-[var(--color-secondary-accent-2)] text-[var(--color-background-default)] hover:bg-[color-mix(in_srgb,var(--color-secondary-accent-2)_80%,#fff)] active:bg-[color-mix(in_srgb,var(--color-secondary-accent-2)_80%,#000)]",
   success: "bg-[var(--color-secondary-accent-1)] text-[var(--color-background-default)] hover:bg-[color-mix(in_srgb,var(--color-secondary-accent-1)_80%,#fff)] active:bg-[color-mix(in_srgb,var(--color-secondary-accent-1)_80%,#000)]",
   dark: "bg-[var(--color-text-primary)] text-[var(--color-background-default)] hover:bg-[color-mix(in_srgb,var(--color-text-primary)_80%,#fff)] active:bg-[color-mix(in_srgb,var(--color-text-primary)_80%,#000)]",
   transparent: "bg-transparent text-[var(--color-text-primary)] hover:bg-transparent active:bg-transparent"
-}, st = {
+}, ct = {
   sm: "text-[13px] font-medium leading-[120%] [&_svg]:size-4",
   md: "text-[15px] font-medium leading-[140%] [&_svg]:size-5",
   lg: "text-[18px] font-medium leading-[140%] [&_svg]:size-5"
-}, E = {
+}, G = {
   sm: "6px",
   md: "8px",
   lg: "12px"
-}, G = "box-border shrink-0 items-center overflow-hidden tracking-normal transition-colors duration-150 [font-family:var(--font-family)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color-mix(in_srgb,var(--color-primary-accent)_35%,transparent)] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", St = it(
-  [G, "[justify-content:var(--button-justify-content,center)]"].join(" "),
+}, J = "box-border shrink-0 items-center overflow-hidden tracking-normal transition-colors duration-150 [font-family:var(--font-family)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color-mix(in_srgb,var(--color-primary-accent)_35%,transparent)] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", jt = lt(
+  [J, "[justify-content:var(--button-justify-content,center)]"].join(" "),
   {
     variants: {
-      variant: lt,
-      size: st,
+      variant: st,
+      size: ct,
       fullWidth: {
         true: "w-full"
       }
@@ -33,7 +33,7 @@ const lt = {
       size: "md"
     }
   }
-), J = {
+), K = {
   sm: {
     minWidth: 32,
     p: { px: 12, py: 8 }
@@ -44,12 +44,12 @@ const lt = {
   lg: {
     p: { px: 32, py: 16 }
   }
-}, ct = {
+}, gt = {
   base: "[justify-content:var(--button-justify-content)]",
   md: "md:[justify-content:var(--md-button-justify-content)]",
   lg: "lg:[justify-content:var(--lg-button-justify-content)]",
   xl: "xl:[justify-content:var(--xl-button-justify-content)]"
-}, gt = {
+}, ut = {
   default: {
     activeBg: "color-mix(in srgb, var(--color-primary-accent) 80%, #000)",
     bg: "--color-primary-accent",
@@ -90,7 +90,7 @@ const lt = {
   sm: "[&_svg]:size-4",
   md: "[&_svg]:size-5",
   lg: "[&_svg]:size-5"
-}, ut = {
+}, vt = {
   sm: {
     fontSize: "13px",
     fontWeight: 500,
@@ -106,16 +106,16 @@ const lt = {
     fontWeight: 500,
     lineHeight: "140%"
   }
-}, K = {
+}, L = {
   activeBg: "active:bg-[var(--button-active-bg,var(--button-hover-bg,var(--button-bg)))]",
   bg: "bg-[var(--button-bg)]",
   color: "text-[var(--button-color)]",
   hoverBg: "hover:bg-[var(--button-hover-bg,var(--button-bg))]"
-}, B = {
+}, z = {
   fontSize: "text-[length:var(--button-font-size)]",
   fontWeight: "font-[var(--button-font-weight)]",
   lineHeight: "leading-[var(--button-line-height)]"
-}, L = {
+}, M = {
   md: {
     activeBg: "md:active:bg-[var(--md-button-active-bg,var(--md-button-hover-bg,var(--md-button-bg)))]",
     bg: "md:bg-[var(--md-button-bg)]",
@@ -134,7 +134,7 @@ const lt = {
     color: "xl:text-[var(--xl-button-color)]",
     hoverBg: "xl:hover:bg-[var(--xl-button-hover-bg,var(--xl-button-bg))]"
   }
-}, z = {
+}, _ = {
   md: {
     fontSize: "md:text-[length:var(--md-button-font-size)]",
     fontWeight: "md:font-[var(--md-button-font-weight)]",
@@ -150,7 +150,7 @@ const lt = {
     fontWeight: "xl:font-[var(--xl-button-font-weight)]",
     lineHeight: "xl:leading-[var(--xl-button-line-height)]"
   }
-}, vt = {
+}, dt = {
   md: {
     sm: "md:[&_svg]:size-4",
     md: "md:[&_svg]:size-5",
@@ -167,20 +167,20 @@ const lt = {
     lg: "xl:[&_svg]:size-5"
   }
 };
-function dt({
+function ft({
   alignContent: o,
   md: t,
-  lg: r,
-  xl: a
+  lg: a,
+  xl: r
 }) {
   const e = [], n = {};
-  return f(o, e, n, { breakpoint: "base" }), f(t?.alignContent, e, n, {
+  return m(o, e, n, { breakpoint: "base" }), m(t?.alignContent, e, n, {
     breakpoint: "md",
     variablePrefix: "md-"
-  }), f(r?.alignContent, e, n, {
+  }), m(a?.alignContent, e, n, {
     breakpoint: "lg",
     variablePrefix: "lg-"
-  }), f(a?.alignContent, e, n, {
+  }), m(r?.alignContent, e, n, {
     breakpoint: "xl",
     variablePrefix: "xl-"
   }), {
@@ -188,262 +188,269 @@ function dt({
     style: Object.keys(n).length ? n : void 0
   };
 }
-function ft({ variant: o, md: t, lg: r, xl: a }, e = {}) {
+function mt({ variant: o, md: t, lg: a, xl: r }, e = {}) {
   const n = [], i = {};
-  return h(o, e, { classNames: n, style: i }), h(t?.variant, e.md, { classNames: n, style: i }, "md"), h(r?.variant, e.lg, { classNames: n, style: i }, "lg"), h(a?.variant, e.xl, { classNames: n, style: i }, "xl"), {
+  return x(o, e, { classNames: n, style: i }), x(t?.variant, e.md, { classNames: n, style: i }, "md"), x(a?.variant, e.lg, { classNames: n, style: i }, "lg"), x(r?.variant, e.xl, { classNames: n, style: i }, "xl"), {
     className: n.join(" "),
     style: Object.keys(i).length ? i : void 0
   };
 }
-function mt({
+function ht({
   activeBg: o,
   bg: t,
-  color: r,
-  hoverBg: a,
+  color: a,
+  hoverBg: r,
   md: e,
   lg: n,
   xl: i
 }) {
   const l = [], s = {};
-  return x({ activeBg: o, bg: t, color: r, hoverBg: a }, l, s), x(e, l, s, "md"), x(n, l, s, "lg"), x(i, l, s, "xl"), {
+  return y({ activeBg: o, bg: t, color: a, hoverBg: r }, l, s), y(e, l, s, "md"), y(n, l, s, "lg"), y(i, l, s, "xl"), {
     className: l.join(" "),
     style: Object.keys(s).length ? s : void 0
   };
 }
-function ht({
+function xt({
   fontSize: o,
   fontWeight: t,
-  lineHeight: r,
-  md: a,
+  lineHeight: a,
+  md: r,
   lg: e,
   xl: n
 }) {
   const i = [], l = {};
-  return y({ fontSize: o, fontWeight: t, lineHeight: r }, i, l), y(a, i, l, "md"), y(e, i, l, "lg"), y(n, i, l, "xl"), {
+  return p({ fontSize: o, fontWeight: t, lineHeight: a }, i, l), p(r, i, l, "md"), p(e, i, l, "lg"), p(n, i, l, "xl"), {
     className: i.join(" "),
     style: Object.keys(l).length ? l : void 0
   };
 }
-function xt({
+function yt({
   size: o = "md",
   md: t,
-  lg: r,
-  xl: a
+  lg: a,
+  xl: r
 }) {
   const e = [
     bt[o],
-    B.fontSize,
-    B.fontWeight,
-    B.lineHeight
+    z.fontSize,
+    z.fontWeight,
+    z.lineHeight
   ], n = {};
-  return m(o, e, n), m(t?.size, e, n, "md"), m(r?.size, e, n, "lg"), m(a?.size, e, n, "xl"), {
+  return h(o, e, n), h(t?.size, e, n, "md"), h(a?.size, e, n, "lg"), h(r?.size, e, n, "xl"), {
     className: e.join(" "),
     style: n
   };
 }
-function w(o) {
+function V(o) {
   if (!o)
     return;
   const t = { ...o };
   return (o.size || o.border) && (t.border = {
-    radius: o.size ? E[o.size] : void 0,
+    radius: o.size ? G[o.size] : void 0,
     ...o.border
-  }), o.size && o.p === void 0 && (t.p = J[o.size].p), delete t.activeBg, delete t.alignContent, delete t.bg, delete t.color, delete t.fontSize, delete t.fontWeight, delete t.hoverBg, delete t.lineHeight, delete t.size, delete t.variant, t;
+  }), o.size && o.p === void 0 && (t.p = K[o.size].p), delete t.activeBg, delete t.alignContent, delete t.bg, delete t.color, delete t.fontSize, delete t.fontWeight, delete t.hoverBg, delete t.lineHeight, delete t.size, delete t.variant, t;
 }
-function f(o, t, r, {
-  breakpoint: a,
+function m(o, t, a, {
+  breakpoint: r,
   variablePrefix: e = ""
 }) {
   if (!o)
     return;
   const n = `${e}button-justify-content`;
-  r[`--${n}`] = yt(o), t.push(ct[a]);
+  a[`--${n}`] = pt(o), t.push(gt[r]);
 }
-function m(o, t, r, a) {
+function h(o, t, a, r) {
   if (!o)
     return;
-  const { fontSize: e, fontWeight: n, lineHeight: i } = ut[o];
-  if (!a) {
-    r["--button-font-size"] = e, r["--button-font-weight"] = n, r["--button-line-height"] = i;
+  const { fontSize: e, fontWeight: n, lineHeight: i } = vt[o];
+  if (!r) {
+    a["--button-font-size"] = e, a["--button-font-weight"] = n, a["--button-line-height"] = i;
     return;
   }
-  r[`--${a}-button-font-size`] = e, r[`--${a}-button-font-weight`] = n, r[`--${a}-button-line-height`] = i, t.push(
-    vt[a][o],
-    z[a].fontSize,
-    z[a].fontWeight,
-    z[a].lineHeight
+  a[`--${r}-button-font-size`] = e, a[`--${r}-button-font-weight`] = n, a[`--${r}-button-line-height`] = i, t.push(
+    dt[r][o],
+    _[r].fontSize,
+    _[r].fontWeight,
+    _[r].lineHeight
   );
 }
-function h(o, t, { classNames: r, style: a }, e) {
+function x(o, t, { classNames: a, style: r }, e) {
   if (!o)
     return;
-  const n = e ? L[e] : K, i = e ? `${e}-` : "", l = gt[o];
-  t?.bg === void 0 && (a[`--${i}button-bg`] = c(l.bg), r.push(n.bg)), t?.color === void 0 && (a[`--${i}button-color`] = c(l.color), r.push(n.color)), t?.bg === void 0 && t?.hoverBg === void 0 && (a[`--${i}button-hover-bg`] = c(l.hoverBg), r.push(n.hoverBg)), t?.bg === void 0 && t?.hoverBg === void 0 && t?.activeBg === void 0 && (a[`--${i}button-active-bg`] = c(l.activeBg), r.push(n.activeBg));
+  const n = e ? M[e] : L, i = e ? `${e}-` : "", l = ut[o];
+  t?.bg === void 0 && (r[`--${i}button-bg`] = c(l.bg), a.push(n.bg)), t?.color === void 0 && (r[`--${i}button-color`] = c(l.color), a.push(n.color)), t?.bg === void 0 && t?.hoverBg === void 0 && (r[`--${i}button-hover-bg`] = c(l.hoverBg), a.push(n.hoverBg)), t?.bg === void 0 && t?.hoverBg === void 0 && t?.activeBg === void 0 && (r[`--${i}button-active-bg`] = c(l.activeBg), a.push(n.activeBg));
+}
+function f(o, t) {
+  return /(?:gradient|url|image-set|cross-fade)\(/.test(String(t)) ? o.replace("bg-[", "[background:") : o;
 }
-function x(o, t, r, a) {
+function y(o, t, a, r) {
   if (!o)
     return;
-  const { activeBg: e, bg: n, color: i, hoverBg: l } = o, s = a ? L[a] : K, v = a ? `${a}-` : "";
-  n !== void 0 && (r[`--${v}button-bg`] = c(n), t.push(s.bg, s.hoverBg, s.activeBg)), l !== void 0 && (r[`--${v}button-hover-bg`] = c(l), t.push(s.hoverBg)), e !== void 0 && (r[`--${v}button-active-bg`] = c(e), t.push(s.activeBg)), i !== void 0 && (r[`--${v}button-color`] = c(i), t.push(s.color));
+  const { activeBg: e, bg: n, color: i, hoverBg: l } = o, s = r ? M[r] : L, v = r ? `${r}-` : "";
+  n !== void 0 && (a[`--${v}button-bg`] = c(n), t.push(
+    f(s.bg, n),
+    f(s.hoverBg, l ?? n),
+    f(s.activeBg, e ?? l ?? n)
+  )), l !== void 0 && (a[`--${v}button-hover-bg`] = c(l), t.push(f(s.hoverBg, l))), e !== void 0 && (a[`--${v}button-active-bg`] = c(e), t.push(f(s.activeBg, e))), i !== void 0 && (a[`--${v}button-color`] = c(i), t.push(s.color));
 }
-function y(o, t, r, a) {
+function p(o, t, a, r) {
   if (!o)
     return;
-  const { fontSize: e, fontWeight: n, lineHeight: i } = o, l = a ? z[a] : B, s = a ? `${a}-` : "";
-  e !== void 0 && (r[`--${s}button-font-size`] = p(e), t.push(l.fontSize)), n !== void 0 && (r[`--${s}button-font-weight`] = p(n), t.push(l.fontWeight)), i !== void 0 && (r[`--${s}button-line-height`] = p(i), t.push(l.lineHeight));
+  const { fontSize: e, fontWeight: n, lineHeight: i } = o, l = r ? _[r] : z, s = r ? `${r}-` : "";
+  e !== void 0 && (a[`--${s}button-font-size`] = B(e), t.push(l.fontSize)), n !== void 0 && (a[`--${s}button-font-weight`] = B(n), t.push(l.fontWeight)), i !== void 0 && (a[`--${s}button-line-height`] = B(i), t.push(l.lineHeight));
 }
 function c(o) {
-  return String(p(o));
+  return String(B(o));
 }
-function yt(o) {
+function pt(o) {
   return {
     center: "center",
     end: "flex-end",
     start: "flex-start"
   }[o];
 }
-function jt({
+function $t({
   alignContent: o,
   children: t,
-  className: r,
-  disabled: a,
+  className: a,
+  disabled: r,
   display: e,
   border: n,
   bg: i,
   color: l,
   cursor: s,
   fullWidth: v,
-  href: _,
-  hoverBg: V,
+  href: C,
+  hoverBg: k,
   activeBg: A,
-  fontSize: M,
-  fontWeight: Q,
-  isLoading: U = !1,
-  lineHeight: X,
-  minHeight: Y,
-  minWidth: Z,
+  fontSize: Q,
+  fontWeight: U,
+  isLoading: X = !1,
+  lineHeight: Y,
+  minHeight: Z,
+  minWidth: O,
   md: g,
-  lg: b,
-  xl: u,
-  p: O,
-  position: tt,
-  size: ot,
+  lg: u,
+  xl: b,
+  p: tt,
+  position: ot,
+  size: nt,
   style: T,
-  variant: nt,
-  width: et,
-  ...C
+  variant: et,
+  width: rt,
+  ...N
 }) {
-  const d = !!a || U, N = ot ?? "md", S = xt({
-    size: N,
+  const d = !!r || X, S = nt ?? "md", j = yt({
+    size: S,
     md: g,
-    lg: b,
-    xl: u
-  }), j = dt({
+    lg: u,
+    xl: b
+  }), $ = ft({
     alignContent: o,
     md: g,
-    lg: b,
-    xl: u
-  }), $ = ft(
+    lg: u,
+    xl: b
+  }), P = mt(
     {
-      variant: nt ?? "default",
+      variant: et ?? "default",
       md: g,
-      lg: b,
-      xl: u
+      lg: u,
+      xl: b
     },
     {
       activeBg: A,
       bg: i,
       color: l,
-      hoverBg: V,
+      hoverBg: k,
       md: g,
-      lg: b,
-      xl: u
+      lg: u,
+      xl: b
     }
-  ), P = mt({
+  ), W = ht({
     activeBg: A,
     bg: i,
     color: l,
-    hoverBg: V,
+    hoverBg: k,
     md: g,
-    lg: b,
-    xl: u
-  }), W = ht({
-    fontSize: M,
-    fontWeight: Q,
-    lineHeight: X,
+    lg: u,
+    xl: b
+  }), H = xt({
+    fontSize: Q,
+    fontWeight: U,
+    lineHeight: Y,
     md: g,
-    lg: b,
-    xl: u
-  }), k = {
-    ...C,
+    lg: u,
+    xl: b
+  }), I = {
+    ...N,
     border: {
-      radius: E[N],
+      radius: G[S],
       style: "none",
       width: "0",
       ...n
     },
     cursor: d ? "not-allowed" : s ?? "pointer",
     display: e ?? "inline-flex",
-    minHeight: Y,
-    minWidth: Z,
-    md: w(g),
-    lg: w(b),
-    xl: w(u),
-    p: O ?? J[N].p,
-    position: tt ?? { type: "relative" },
-    width: et ?? (v ? "100%" : void 0)
-  }, I = rt(
-    G,
-    S.className,
-    _ && "no-underline",
+    minHeight: Z,
+    minWidth: O,
+    md: V(g),
+    lg: V(u),
+    xl: V(b),
+    p: tt ?? K[S].p,
+    position: ot ?? { type: "relative" },
+    width: rt ?? (v ? "100%" : void 0)
+  }, R = it(
+    J,
     j.className,
+    C && "no-underline",
     $.className,
     P.className,
     W.className,
-    r
-  ), R = S.style || j.style || $.style || P.style || W.style || T ? {
-    ...S.style,
+    H.className,
+    a
+  ), D = j.style || $.style || P.style || W.style || H.style || T ? {
     ...j.style,
     ...$.style,
     ...P.style,
     ...W.style,
+    ...H.style,
     ...T
-  } : void 0, D = /* @__PURE__ */ H(at, { children: t });
-  if (_) {
-    const F = C;
-    return /* @__PURE__ */ H(
-      q,
+  } : void 0, F = /* @__PURE__ */ w(at, { children: t });
+  if (C) {
+    const q = N;
+    return /* @__PURE__ */ w(
+      E,
       {
-        ...F,
-        ...k,
+        ...q,
+        ...I,
         "aria-disabled": d || void 0,
         as: "a",
-        className: I,
-        href: d ? void 0 : _,
-        style: R,
-        tabIndex: d ? -1 : F.tabIndex,
-        children: D
+        className: R,
+        href: d ? void 0 : C,
+        style: D,
+        tabIndex: d ? -1 : q.tabIndex,
+        children: F
       }
     );
   }
-  return /* @__PURE__ */ H(
-    q,
+  return /* @__PURE__ */ w(
+    E,
     {
-      ...C,
-      ...k,
+      ...N,
+      ...I,
       as: "button",
-      className: I,
+      className: R,
       disabled: d,
-      style: R,
-      children: D
+      style: D,
+      children: F
     }
   );
 }
 export {
-  jt as Button,
-  E as buttonSizeBorderRadius,
-  J as buttonSizeBoxProps,
-  st as buttonSizeClassNames,
-  lt as buttonVariantClassNames,
-  St as buttonVariants
+  $t as Button,
+  G as buttonSizeBorderRadius,
+  K as buttonSizeBoxProps,
+  ct as buttonSizeClassNames,
+  st as buttonVariantClassNames,
+  jt as buttonVariants
 };

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 { UiKitAlign, UiKitFlexDirection, UiKitFlexParams, UiKitFlexWrap, UiKitGap, UiKitJustify, } from '../types/index';
 export type { FlexBreakpointProps, FlexProps, FlexResponsiveProps } from './flex.types';

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';
+import { UiKitFlexParams } from '../types/index';
 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/flex/index.d.ts

@@ -0,0 +1 @@
+export * from './flex';

package/dist/icons/icons.d.ts

@@ -43,3 +43,11 @@ export declare const TelephoneIcon: UiKitIconComponent;
 export declare const TimeClockIcon: UiKitIconComponent;
 export declare const TrashIcon: UiKitIconComponent;
 export declare const XMarkIcon: UiKitIconComponent;
+/** Информация в круге (20×20). Цвет наследуется через currentColor; размер, style и SVG props задаёт потребитель. */
+export declare const InfoCircleIcon: UiKitIconComponent;
+/** Запрет в круге (20×20). Цвет наследуется через currentColor; размер, style и SVG props задаёт потребитель. */
+export declare const BlockIcon: UiKitIconComponent;
+/** Предупреждающий треугольник (20×20). Цвет наследуется через currentColor; размер, style и SVG props задаёт потребитель. */
+export declare const WarningTriangleIcon: UiKitIconComponent;
+/** Двойная галочка (20×20). Цвет наследуется через currentColor; размер, style и SVG props задаёт потребитель. */
+export declare const DoubleCheckIcon: UiKitIconComponent;

package/dist/icons/index.d.ts

@@ -0,0 +1 @@
+export * from './icons';