@veracity/vui 3.0.0-beta.6 → 3.0.0-beta.7

package/dist/_virtual/rolldown_runtime.js

@@ -1 +1 @@
-var e=Object.defineProperty,t=(t,n)=>{for(var r in n)e(t,r,{get:n[r],enumerable:!0})};export{t as __export};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+var e=Object.defineProperty,t=(t,n)=>{for(var r in n)e(t,r,{get:n[r],enumerable:!0})};export{t as __export};globalThis.__vuiVersion__=`3.0.0-beta.7`;

package/dist/accordion/accordion.d.ts

@@ -3,10 +3,10 @@ import { VuiComponent } from "../core/vui.js";
 import { AccordionProps } from "./accordion.types.js";
 import { AccordionItem } from "./accordionItem.js";
 import { AccordionItemHorizontal } from "./accordionItemHorizontal.js";
-import * as styled_components400 from "styled-components";
+import * as styled_components58 from "styled-components";
 
 //#region src/accordion/accordion.d.ts
-declare const AccordionBase: styled_components400.StyledComponent<"div", styled_components400.DefaultTheme, SystemProps, never>;
+declare const AccordionBase: styled_components58.StyledComponent<"div", styled_components58.DefaultTheme, SystemProps, never>;
 /** Allows to show and hide sections of related content on a page. */
 declare const Accordion: VuiComponent<"div", AccordionProps> & {
   Item: typeof AccordionItem;

package/dist/accordion/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../src/accordion/accordion.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAWa,eAAa,oBAAA,CAAA,uBAIzB,oBAAA,CAJyB,YAAA;;cAOb,WAuCP,oBAAoB;eACX;EA/CF,cAAA,EAIZ,OA4CwB,uBA5CxB;CAAA"}
+{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../src/accordion/accordion.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAWa,eAAa,mBAAA,CAAA,uBAIzB,mBAAA,CAJyB,YAAA;;cAOb,WAuCP,oBAAoB;eACX;EA/CF,cAAA,EAIZ,OA4CwB,uBA5CxB;CAAA"}

package/dist/accordion/accordion.js

@@ -3,5 +3,5 @@ import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../util
   min-width: 0;
   transition-duration: normal;
 `,f=i((r,i)=>{let{children:f,className:p,items:m,orientation:h=`vertical`,iconPosition:g=`end`,size:_,variant:v,...y}=r,b=n(`Accordion`,r),x=l(()=>e({size:_,variant:v}),[_,v]),S=e({}),C=h===`vertical`;return u(o,{value:x,children:u(d,{borderLeft:C?void 0:`1px solid transparent
-        `,borderTop:C?`1px solid transparent`:void 0,className:t(`vui-accordion`,p),ref:i,w:`100%`,...b.container,...S,...y,children:C?u(a,{w:`100%`,children:m?m?.map?.((e,t)=>u(s,{iconPosition:g,...e},t)):f}):m?m?.map?.((e,t)=>u(c,{...e},t)):f})})});f.Item=s,f.ItemHorizontal=c,f.displayName=`Accordion`;export{f as Accordion,d as AccordionBase};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+        `,borderTop:C?`1px solid transparent`:void 0,className:t(`vui-accordion`,p),ref:i,w:`100%`,...b.container,...S,...y,children:C?u(a,{w:`100%`,children:m?m?.map?.((e,t)=>u(s,{iconPosition:g,...e},t)):f}):m?m?.map?.((e,t)=>u(c,{...e},t)):f})})});f.Item=s,f.ItemHorizontal=c,f.displayName=`Accordion`;export{f as Accordion,d as AccordionBase};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=accordion.js.map

package/dist/accordion/accordionItem.d.ts

@@ -1,10 +1,10 @@
 import { AccordionItemProps } from "./accordion.types.js";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/accordion/accordionItem.d.ts
 /** An accordion item. */
 declare const AccordionItem: {
-  (props: AccordionItemProps): react_jsx_runtime4.JSX.Element;
+  (props: AccordionItemProps): react_jsx_runtime6.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/accordion/accordionItem.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{Box as r}from"../box/box.js";import{ListItem as i}from"../list/listItem.js";import a from"./accordionItemArrow.js";import{useAccordionContext as o}from"./context.js";import{useEffect as s,useState as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";const d=d=>{let{className:f,children:p,collapsed:m,content:h,disabled:g,id:_,iconPosition:v=`end`,title:y,onToggle:b,...x}=t(d),[S,C]=c(!1),w=n(`Accordion`,o());s(()=>{C(!!m)},[m]);let T=()=>{g||(b?.({id:_,collapsed:!S}),C(!S))},E=v===`start`,D=v===`end`;return u(i,{borderBottom:`1px solid transparent`,borderColor:w.item.borderColor,className:e(`vui-accordion-item`,f),color:`yellow`,disabled:g,disabledBg:w.item.disabledBg,disabledColor:w.item.disabledColor,flexDirection:`column`,h:`auto`,id:`${_}`,p:0,w:`100%`,...x,children:[u(r,{center:!0,color:`yellow`,cursor:g?`not-allowed`:`pointer`,hoverBg:g?`transparent`:S?w.item.itemTitleHoverBg:w.item.expandedItemTitleHoverBg,justifyContent:v===`start`?`initial`:`space-between`,onClick:T,px:2,w:`100%`,...w.item,children:[E&&l(r,{children:l(a,{collapsed:S,color:w.icon.color})}),l(r,{fontWeight:typeof y==`string`?`500`:`inherit`,ml:E?2:0,opacity:g?.5:1,children:y}),D&&l(r,{children:l(a,{collapsed:S,color:w.icon.color,disabled:g})})]}),!S&&l(r,{mb:2,mt:2,px:2,py:1,w:`100%`,children:p??h})]})};d.displayName=`AccordionItem`;var f=d;export{d as AccordionItem,f as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{Box as r}from"../box/box.js";import{ListItem as i}from"../list/listItem.js";import a from"./accordionItemArrow.js";import{useAccordionContext as o}from"./context.js";import{useEffect as s,useState as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";const d=d=>{let{className:f,children:p,collapsed:m,content:h,disabled:g,id:_,iconPosition:v=`end`,title:y,onToggle:b,...x}=t(d),[S,C]=c(!1),w=n(`Accordion`,o());s(()=>{C(!!m)},[m]);let T=()=>{g||(b?.({id:_,collapsed:!S}),C(!S))},E=v===`start`,D=v===`end`;return u(i,{borderBottom:`1px solid transparent`,borderColor:w.item.borderColor,className:e(`vui-accordion-item`,f),color:`yellow`,disabled:g,disabledBg:w.item.disabledBg,disabledColor:w.item.disabledColor,flexDirection:`column`,h:`auto`,id:`${_}`,p:0,w:`100%`,...x,children:[u(r,{center:!0,color:`yellow`,cursor:g?`not-allowed`:`pointer`,hoverBg:g?`transparent`:S?w.item.itemTitleHoverBg:w.item.expandedItemTitleHoverBg,justifyContent:v===`start`?`initial`:`space-between`,onClick:T,px:2,w:`100%`,...w.item,children:[E&&l(r,{children:l(a,{collapsed:S,color:w.icon.color})}),l(r,{fontWeight:typeof y==`string`?`500`:`inherit`,ml:E?2:0,opacity:g?.5:1,children:y}),D&&l(r,{children:l(a,{collapsed:S,color:w.icon.color,disabled:g})})]}),!S&&l(r,{mb:2,mt:2,px:2,py:1,w:`100%`,children:p??h})]})};d.displayName=`AccordionItem`;var f=d;export{d as AccordionItem,f as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=accordionItem.js.map

package/dist/accordion/accordionItemArrow.js

@@ -1,2 +1,2 @@
-import e from"../icon/icon.js";import{memo as t}from"react";import{jsx as n}from"react/jsx-runtime";const r={horizontal:{collapsed:`falChevronRight`,expanded:`falChevronLeft`},vertical:{collapsed:`falChevronDown`,expanded:`falChevronUp`}};var i=t(({collapsed:t,color:i=`sandstone.10`,disabled:a=!1,orientation:o=`vertical`,...s})=>n(e,{name:r[o][t?`collapsed`:`expanded`],opacity:a?.5:1,pathFill:i,size:`sm`,...s}));export{i as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import e from"../icon/icon.js";import{memo as t}from"react";import{jsx as n}from"react/jsx-runtime";const r={horizontal:{collapsed:`falChevronRight`,expanded:`falChevronLeft`},vertical:{collapsed:`falChevronDown`,expanded:`falChevronUp`}};var i=t(({collapsed:t,color:i=`sandstone.10`,disabled:a=!1,orientation:o=`vertical`,...s})=>n(e,{name:r[o][t?`collapsed`:`expanded`],opacity:a?.5:1,pathFill:i,size:`sm`,...s}));export{i as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=accordionItemArrow.js.map

package/dist/accordion/accordionItemHorizontal.d.ts

@@ -1,10 +1,10 @@
 import { AccordionItemProps } from "./accordion.types.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/accordion/accordionItemHorizontal.d.ts
 /** An accordion item (horizontal AccordionOrientation). */
 declare const AccordionItemHorizontal: {
-  (props: AccordionItemProps): react_jsx_runtime3.JSX.Element;
+  (props: AccordionItemProps): react_jsx_runtime7.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/accordion/accordionItemHorizontal.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import r from"../box/box.js";import i from"./accordionItemArrow.js";import{useAccordionContext as a}from"./context.js";import{useEffect as o,useState as s}from"react";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=u=>{let{className:d,children:f,collapsed:p,content:m,disabled:h,id:g,contentPx:_,title:v,onToggle:y,...b}=t(u),[x,S]=s(!1),C=n(`Accordion`,a());o(()=>{S(!!p)},[p]);let w=()=>{h||(y?.({id:g,collapsed:!x}),S(!x))},T=h?`not-allowed`:`pointer`,E=typeof v==`string`?`500`:`inherit`,D=_||C.itemHorizontal.space;return l(r,{alignItems:x?`normal`:`baseline`,bg:h?`disabled.bg`:void 0,borderRight:`1px solid transparent`,className:e(`vui-accordion-item-horizontal`,d),color:h?`disabled.color`:void 0,column:!0,cursor:h?`not-allowed`:void 0,id:`${g}`,maxW:x?C.item.minH:`auto`,minW:C.item.minH,transitionDuration:`0ms`,userSelect:h?`none`:void 0,...C.item,p:0,...b,children:[l(r,{cursor:T,hoverBg:h?`transparent`:x?C.item.itemTitleHoverBg:C.item.expandedItemTitleHoverBg,justifyContent:`space-between`,minH:C.item.minH,onClick:w,p:C.itemHorizontal.space,w:`100%`,children:[!x&&c(r,{fontWeight:E,opacity:h?.5:1,children:v}),c(i,{collapsed:x,color:C.icon.color,disabled:h,orientation:`horizontal`})]}),x?c(r,{cursor:T,flexDirection:`row-reverse`,fontWeight:E,mb:C.item.minH,mt:C.itemHorizontal.space,onClick:w,transform:`rotate(-90deg)`,transitionDuration:`0ms`,whiteSpace:`nowrap`,children:v}):c(r,{p:C.itemHorizontal.space,pt:0,px:D,transitionDuration:`0ms`,w:1,children:f??m})]})};u.displayName=`AccordionItemHorizontal`;var d=u;export{u as AccordionItemHorizontal,d as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import r from"../box/box.js";import i from"./accordionItemArrow.js";import{useAccordionContext as a}from"./context.js";import{useEffect as o,useState as s}from"react";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=u=>{let{className:d,children:f,collapsed:p,content:m,disabled:h,id:g,contentPx:_,title:v,onToggle:y,...b}=t(u),[x,S]=s(!1),C=n(`Accordion`,a());o(()=>{S(!!p)},[p]);let w=()=>{h||(y?.({id:g,collapsed:!x}),S(!x))},T=h?`not-allowed`:`pointer`,E=typeof v==`string`?`500`:`inherit`,D=_||C.itemHorizontal.space;return l(r,{alignItems:x?`normal`:`baseline`,bg:h?`disabled.bg`:void 0,borderRight:`1px solid transparent`,className:e(`vui-accordion-item-horizontal`,d),color:h?`disabled.color`:void 0,column:!0,cursor:h?`not-allowed`:void 0,id:`${g}`,maxW:x?C.item.minH:`auto`,minW:C.item.minH,transitionDuration:`0ms`,userSelect:h?`none`:void 0,...C.item,p:0,...b,children:[l(r,{cursor:T,hoverBg:h?`transparent`:x?C.item.itemTitleHoverBg:C.item.expandedItemTitleHoverBg,justifyContent:`space-between`,minH:C.item.minH,onClick:w,p:C.itemHorizontal.space,w:`100%`,children:[!x&&c(r,{fontWeight:E,opacity:h?.5:1,children:v}),c(i,{collapsed:x,color:C.icon.color,disabled:h,orientation:`horizontal`})]}),x?c(r,{cursor:T,flexDirection:`row-reverse`,fontWeight:E,mb:C.item.minH,mt:C.itemHorizontal.space,onClick:w,transform:`rotate(-90deg)`,transitionDuration:`0ms`,whiteSpace:`nowrap`,children:v}):c(r,{p:C.itemHorizontal.space,pt:0,px:D,transitionDuration:`0ms`,w:1,children:f??m})]})};u.displayName=`AccordionItemHorizontal`;var d=u;export{u as AccordionItemHorizontal,d as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=accordionItemHorizontal.js.map

package/dist/accordion/context.js

@@ -1,2 +1,2 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as AccordionProvider,n as useAccordionContext};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as AccordionProvider,n as useAccordionContext};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=context.js.map

package/dist/accordion/theme.js

@@ -1,2 +1,2 @@
-var e={baseStyle:{},defaultProps:{size:`md`,variant:`light`},sizes:{sm:{item:{minH:`32px`},itemHorizontal:{space:`8px`}},md:{item:{minH:`40px`},itemHorizontal:{space:`12px`}},lg:{item:{minH:`48px`},itemHorizontal:{space:`14px`}}},variants:{light:{container:{bg:`white`,borderColor:`sandstone.main`},item:{borderColor:`sandstone.main`,itemTitleHoverBg:`skyBlue.95`,expandedItemTitleHoverBg:`skyBlue.90`},icon:{color:`sandstone.10`}},dark:{container:{bg:`darkBlue.main`,borderColor:`white`,color:`white`},item:{borderColor:`white`,disabledBg:`transparent`,itemTitleHoverBg:`seaBlue.35`,expandedItemTitleHoverBg:`seaBlue.25`},icon:{color:`digiGreen.main`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+var e={baseStyle:{},defaultProps:{size:`md`,variant:`light`},sizes:{sm:{item:{minH:`32px`},itemHorizontal:{space:`8px`}},md:{item:{minH:`40px`},itemHorizontal:{space:`12px`}},lg:{item:{minH:`48px`},itemHorizontal:{space:`14px`}}},variants:{light:{container:{bg:`white`,borderColor:`sandstone.main`},item:{borderColor:`sandstone.main`,itemTitleHoverBg:`skyBlue.95`,expandedItemTitleHoverBg:`skyBlue.90`},icon:{color:`sandstone.10`}},dark:{container:{bg:`darkBlue.main`,borderColor:`white`,color:`white`},item:{borderColor:`white`,disabledBg:`transparent`,itemTitleHoverBg:`seaBlue.35`,expandedItemTitleHoverBg:`seaBlue.25`},icon:{color:`digiGreen.main`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=theme.js.map

package/dist/avatar/avatar.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { AvatarProps } from "./avatar.types.js";
-import * as styled_components3 from "styled-components";
+import * as styled_components445 from "styled-components";
 
 //#region src/avatar/avatar.d.ts
-declare const AvatarBase: styled_components3.StyledComponent<"span", styled_components3.DefaultTheme, SystemProps, never>;
+declare const AvatarBase: styled_components445.StyledComponent<"span", styled_components445.DefaultTheme, SystemProps, never>;
 /** Displays user data, such as name initials or profile image. */
 declare const Avatar: VuiComponent<"span", AvatarProps>;
 //#endregion

package/dist/avatar/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../src/avatar/avatar.tsx"],"sourcesContent":[],"mappings":";;;;;;cAWa,YAAU,kBAAA,CAAA,wBAoBtB,kBAAA,CApBsB,YAAA;;cAuBV,6BAAM"}
+{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../src/avatar/avatar.tsx"],"sourcesContent":[],"mappings":";;;;;;cAWa,YAAU,oBAAA,CAAA,wBAoBtB,oBAAA,CApBsB,YAAA;;cAuBV,6BAAM"}

package/dist/avatar/avatar.js

@@ -18,5 +18,5 @@ import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../util
     cursor: not-allowed;
     user-select: none;
   }
-`,h=a((i,a)=>{let{children:s,className:c,disabled:u,getInitials:d=l,icon:f,isInteractive:h=i.onClick!==void 0,isSquare:_,name:v=``,src:y,...b}=n(i),{activeBg:x,h:S,hoverBg:C,iconSize:w,...T}=r(`Avatar`,i),E=_?i.size===`sm`?`3px`:`6px`:`50%`,D=d(v),O=!u&&h?{cursor:`pointer`,hoverBg:C,hoverOpacity:y?.85:1,activeOpacity:y?.7:1,activeBg:x,focusRing:3,tabIndex:0,userSelect:`none`}:{},k=e({borderRadius:E,"aria-disabled":u});return p(m,{borderRadius:E,className:t(`vui-avatar`,c),h:S,ref:a,w:S,...T,...O,...k,...b,children:s||(y?p(g,{borderRadius:E,icon:f,iconSize:w,initials:D,src:y}):f?p(o,{name:f,size:w}):D||p(o,{name:`uiUser`,size:w}))})});function g({src:e,borderRadius:t,icon:n,iconSize:r,initials:i}){let[a,l]=d(!1);return u(()=>{let t=!1;return c(e).then(e=>{t||l(e)}),()=>{t=!0}},[e]),a?p(s,{borderRadius:t,src:e}):n?p(o,{name:n,size:r}):i?p(f,{children:i}):p(o,{name:`uiUser`,size:r})}h.displayName=`Avatar`;var _=h;export{h as Avatar,m as AvatarBase,_ as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,h=a((i,a)=>{let{children:s,className:c,disabled:u,getInitials:d=l,icon:f,isInteractive:h=i.onClick!==void 0,isSquare:_,name:v=``,src:y,...b}=n(i),{activeBg:x,h:S,hoverBg:C,iconSize:w,...T}=r(`Avatar`,i),E=_?i.size===`sm`?`3px`:`6px`:`50%`,D=d(v),O=!u&&h?{cursor:`pointer`,hoverBg:C,hoverOpacity:y?.85:1,activeOpacity:y?.7:1,activeBg:x,focusRing:3,tabIndex:0,userSelect:`none`}:{},k=e({borderRadius:E,"aria-disabled":u});return p(m,{borderRadius:E,className:t(`vui-avatar`,c),h:S,ref:a,w:S,...T,...O,...k,...b,children:s||(y?p(g,{borderRadius:E,icon:f,iconSize:w,initials:D,src:y}):f?p(o,{name:f,size:w}):D||p(o,{name:`uiUser`,size:w}))})});function g({src:e,borderRadius:t,icon:n,iconSize:r,initials:i}){let[a,l]=d(!1);return u(()=>{let t=!1;return c(e).then(e=>{t||l(e)}),()=>{t=!0}},[e]),a?p(s,{borderRadius:t,src:e}):n?p(o,{name:n,size:r}):i?p(f,{children:i}):p(o,{name:`uiUser`,size:r})}h.displayName=`Avatar`;var _=h;export{h as Avatar,m as AvatarBase,_ as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=avatar.js.map

package/dist/avatar/helpers.js

@@ -1,2 +1,2 @@
-function e(e=``){let[t=``,n=``]=e.split(` `);return`${t.charAt(0)}${n.charAt(0)}`.toUpperCase()}export{e as defaultGetInitials};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+function e(e=``){let[t=``,n=``]=e.split(` `);return`${t.charAt(0)}${n.charAt(0)}`.toUpperCase()}export{e as defaultGetInitials};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=helpers.js.map

package/dist/avatar/theme.js

@@ -1,2 +1,2 @@
-var e={baseStyle:{},defaultProps:{size:`md`,variant:`subtleGrey`,fontWeight:`medium`},sizes:{sm:{fontSize:`xs`,h:24,iconSize:`xs`},md:{fontSize:`sm`,h:32,iconSize:`sm`},lg:{fontSize:`md`,h:40,iconSize:`md`},xl:{fontSize:`lg`,h:48,iconSize:`xl`},xxl:{fontSize:`lg`,h:56,iconSize:`xxl`}},variants:{subtleGrey:{bg:`sandstone.90`,hoverBg:`sandstone.85`,borderColor:`sandstone.90`,color:`sandstone.20`,activeBg:`sandstone.79`},subtleBlue:{bg:`skyBlue.95`,hoverBg:`skyBlue.hover`,activeBg:`skyBlue.85`,borderColor:`skyBlue.95`,color:`seaBlue.main`},subtleRed:{bg:`energyRed.95`,borderColor:`energyRed.95`,hoverBg:`energyRed.90`,activeBg:`energyRed.85`,color:`energyRed.45`},subtleYellow:{bg:`sunflower.85`,hoverBg:`sunflower.70`,activeBg:`sunflower.65`,borderColor:`sunflower.85`,color:`sunflower.20`},subtleGreen:{bg:`landGreen.95`,hoverBg:`landGreen.90`,borderColor:`landGreen.95`,color:`landGreen.30`,activeBg:`landGreen.85`},subtleLavender:{bg:`hsl(232, 58%, 90%)`,hoverBg:`hsl(232, 58%, 85%)`,borderColor:`hsl(232, 58%, 90%)`,color:`hsl(232, 58%, 50%)`,activeBg:`hsl(232, 58%, 80%)`},subtleEucalyptus:{bg:`hsl(178, 80%, 85%)`,hoverBg:`hsl(178, 80%, 80%)`,borderColor:`hsl(178, 80%, 85%)`,color:`hsl(178, 80%, 20%)`,activeBg:`hsl(178, 80%, 75%)`},subtleTerracotta:{bg:`hsl(34, 100%, 85%)`,hoverBg:`hsl(34, 100%, 80%)`,borderColor:`hsl(34, 100%, 85%)`,color:`hsl(34, 100%, 20%)`,activeBg:`hsl(34, 100%, 75%)`},solidBlue:{bg:`seaBlue.main`,hoverBg:`seaBlue.35`,activeBg:`seaBlue.40`,borderColor:`seaBlue.main`,color:`white`},solidDarkBlue:{bg:`darkBlue.18`,hoverBg:`darkBlue.25`,activeBg:`darkBlue.35`,borderColor:`darkBlue.18`,color:`white`},solidRed:{bg:`energyRed.45`,hoverBg:`energyRed.54`,activeBg:`energyRed.60`,borderColor:`energyRed.45`,color:`white`},solidYellow:{bg:`sunflower.50`,hoverBg:`sunflower.80`,activeBg:`sunflower.85`,borderColor:`sunflower.50`,color:`sunflower.15`},solidGreen:{bg:`landGreen.35`,hoverBg:`landGreen.41`,activeBg:`landGreen.45`,borderColor:`landGreen.35`,color:`white`},solidLavender:{bg:`hsl(232, 58%, 60%)`,hoverBg:`hsl(232, 58%, 65%)`,borderColor:`hsl(232, 58%, 60%)`,color:`white`,activeBg:`hsl(232, 58%, 70%)`},solidEucalyptus:{bg:`hsl(178, 80%, 25%)`,hoverBg:`hsl(178, 80%, 35%)`,borderColor:`hsl(178, 80%, 25%)`,color:`white`,activeBg:`hsl(178, 80%, 42%)`},solidTerracotta:{bg:`hsl(34, 100%, 30%)`,hoverBg:`hsl(34, 100%, 40%)`,borderColor:`hsl(34, 100%, 35%)`,color:`white`,activeBg:`hsl(34, 100%, 45%)`},primaryLight:{bg:`buttonTypePrimaryDefaultBackgroundColorLight`,borderColor:`buttonTypePrimaryDefaultBorderColorLight`,color:`buttonTypePrimaryDefaultTextColorLight`,hoverBg:`buttonTypePrimaryHoverBackgroundColorLight`,hoverBorderColor:`buttonTypePrimaryHoverBorderColorLight`,hoverColor:`buttonTypePrimaryHoverTextColorLight`,activeBg:`buttonTypePrimaryActiveBackgroundColorLight`,activeBorderColor:`buttonTypePrimaryActiveBorderColorLight`,activeColor:`buttonTypePrimaryActiveTextColorLight`}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+var e={baseStyle:{},defaultProps:{size:`md`,variant:`subtleGrey`,fontWeight:`medium`},sizes:{sm:{fontSize:`xs`,h:24,iconSize:`xs`},md:{fontSize:`sm`,h:32,iconSize:`sm`},lg:{fontSize:`md`,h:40,iconSize:`md`},xl:{fontSize:`lg`,h:48,iconSize:`xl`},xxl:{fontSize:`lg`,h:56,iconSize:`xxl`}},variants:{subtleGrey:{bg:`sandstone.90`,hoverBg:`sandstone.85`,borderColor:`sandstone.90`,color:`sandstone.20`,activeBg:`sandstone.79`},subtleBlue:{bg:`skyBlue.95`,hoverBg:`skyBlue.hover`,activeBg:`skyBlue.85`,borderColor:`skyBlue.95`,color:`seaBlue.main`},subtleRed:{bg:`energyRed.95`,borderColor:`energyRed.95`,hoverBg:`energyRed.90`,activeBg:`energyRed.85`,color:`energyRed.45`},subtleYellow:{bg:`sunflower.85`,hoverBg:`sunflower.70`,activeBg:`sunflower.65`,borderColor:`sunflower.85`,color:`sunflower.20`},subtleGreen:{bg:`landGreen.95`,hoverBg:`landGreen.90`,borderColor:`landGreen.95`,color:`landGreen.30`,activeBg:`landGreen.85`},subtleLavender:{bg:`hsl(232, 58%, 90%)`,hoverBg:`hsl(232, 58%, 85%)`,borderColor:`hsl(232, 58%, 90%)`,color:`hsl(232, 58%, 50%)`,activeBg:`hsl(232, 58%, 80%)`},subtleEucalyptus:{bg:`hsl(178, 80%, 85%)`,hoverBg:`hsl(178, 80%, 80%)`,borderColor:`hsl(178, 80%, 85%)`,color:`hsl(178, 80%, 20%)`,activeBg:`hsl(178, 80%, 75%)`},subtleTerracotta:{bg:`hsl(34, 100%, 85%)`,hoverBg:`hsl(34, 100%, 80%)`,borderColor:`hsl(34, 100%, 85%)`,color:`hsl(34, 100%, 20%)`,activeBg:`hsl(34, 100%, 75%)`},solidBlue:{bg:`seaBlue.main`,hoverBg:`seaBlue.35`,activeBg:`seaBlue.40`,borderColor:`seaBlue.main`,color:`white`},solidDarkBlue:{bg:`darkBlue.18`,hoverBg:`darkBlue.25`,activeBg:`darkBlue.35`,borderColor:`darkBlue.18`,color:`white`},solidRed:{bg:`energyRed.45`,hoverBg:`energyRed.54`,activeBg:`energyRed.60`,borderColor:`energyRed.45`,color:`white`},solidYellow:{bg:`sunflower.50`,hoverBg:`sunflower.80`,activeBg:`sunflower.85`,borderColor:`sunflower.50`,color:`sunflower.15`},solidGreen:{bg:`landGreen.35`,hoverBg:`landGreen.41`,activeBg:`landGreen.45`,borderColor:`landGreen.35`,color:`white`},solidLavender:{bg:`hsl(232, 58%, 60%)`,hoverBg:`hsl(232, 58%, 65%)`,borderColor:`hsl(232, 58%, 60%)`,color:`white`,activeBg:`hsl(232, 58%, 70%)`},solidEucalyptus:{bg:`hsl(178, 80%, 25%)`,hoverBg:`hsl(178, 80%, 35%)`,borderColor:`hsl(178, 80%, 25%)`,color:`white`,activeBg:`hsl(178, 80%, 42%)`},solidTerracotta:{bg:`hsl(34, 100%, 30%)`,hoverBg:`hsl(34, 100%, 40%)`,borderColor:`hsl(34, 100%, 35%)`,color:`white`,activeBg:`hsl(34, 100%, 45%)`},primaryLight:{bg:`buttonTypePrimaryDefaultBackgroundColorLight`,borderColor:`buttonTypePrimaryDefaultBorderColorLight`,color:`buttonTypePrimaryDefaultTextColorLight`,hoverBg:`buttonTypePrimaryHoverBackgroundColorLight`,hoverBorderColor:`buttonTypePrimaryHoverBorderColorLight`,hoverColor:`buttonTypePrimaryHoverTextColorLight`,activeBg:`buttonTypePrimaryActiveBackgroundColorLight`,activeBorderColor:`buttonTypePrimaryActiveBorderColorLight`,activeColor:`buttonTypePrimaryActiveTextColorLight`}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=theme.js.map

package/dist/badge/badge.js

@@ -1,2 +1,2 @@
-import e from"./theme.js";import{vui as t}from"../core/vui.js";import{Tag as n}from"../tag/tag.js";import{jsx as r}from"react/jsx-runtime";const i=t((t,i)=>{let{variant:a,...o}=t,{variants:s}=e??{},c=s[a??`subtleSandstone`].container.bg,l=s[a??`subtleSandstone`].container.color;return r(n,{bg:c,className:`vui-badge`,color:l,isInteractive:!1,isRound:!0,minW:`20px`,ref:i,...o,onDelete:void 0})});i.displayName=`Badge`;var a=i;export{i as Badge,a as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import e from"./theme.js";import{vui as t}from"../core/vui.js";import{Tag as n}from"../tag/tag.js";import{jsx as r}from"react/jsx-runtime";const i=t((t,i)=>{let{variant:a,...o}=t,{variants:s}=e??{},c=s[a??`subtleSandstone`].container.bg,l=s[a??`subtleSandstone`].container.color;return r(n,{bg:c,className:`vui-badge`,color:l,isInteractive:!1,isRound:!0,minW:`20px`,ref:i,...o,onDelete:void 0})});i.displayName=`Badge`;var a=i;export{i as Badge,a as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=badge.js.map

package/dist/badge/theme.js

@@ -1,2 +1,2 @@
-var e={baseStyle:{},defaultProps:{size:`md`,variant:`subtleSandstone`,fontWeight:`medium`},parts:[`container`,`icon`,`text`],sizes:{xxs:{container:{borderRadius:`lg`,fontSize:`sm`,h:16,spaceX:2},icon:{size:`xs`}},xs:{container:{borderRadius:`lg`,fontSize:`sm`,h:20,spaceX:4},icon:{size:`xs`}},sm:{container:{fontSize:`sm`,h:24,spaceX:4},icon:{size:`xs`}},md:{container:{fontSize:`sm`,h:32,spaceX:6},icon:{size:`sm`}},lg:{container:{fontSize:`md`,h:40,spaceX:8},icon:{size:`md`}}},variants:{subtleSandstone:{container:{bg:`sandstone.90`,color:`sandstone.20`,borderColor:`transparent`}},subtleEarth:{container:{bg:`earth.95`,color:`earth.20`}},subtleBlue:{container:{bg:`skyBlue.95`,color:`seaBlue.main`}},subtleBlue2:{container:{bg:`skyBlue.95`,color:`skyBlue.20`}},subtleRed:{container:{bg:`energyRed.95`,color:`energyRed.45`}},subtleYellow:{container:{bg:`sunflower.85`,color:`sunflower.20`}},subtleGreen:{container:{bg:`landGreen.95`,color:`landGreen.30`}},solidBlue:{container:{bg:`skyBlue.65`,color:`skyBlue.20`}},solidDarkBlue:{container:{bg:`darkBlue.18`,borderColor:`darkBlue.18`,color:`white`}},solidRed:{container:{bg:`energyRed.45`,color:`white`}},solidYellow:{container:{bg:`sunflower.50`,color:`sunflower.15`}},solidGreen:{container:{bg:`landGreen.35`,color:`white`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+var e={baseStyle:{},defaultProps:{size:`md`,variant:`subtleSandstone`,fontWeight:`medium`},parts:[`container`,`icon`,`text`],sizes:{xxs:{container:{borderRadius:`lg`,fontSize:`sm`,h:16,spaceX:2},icon:{size:`xs`}},xs:{container:{borderRadius:`lg`,fontSize:`sm`,h:20,spaceX:4},icon:{size:`xs`}},sm:{container:{fontSize:`sm`,h:24,spaceX:4},icon:{size:`xs`}},md:{container:{fontSize:`sm`,h:32,spaceX:6},icon:{size:`sm`}},lg:{container:{fontSize:`md`,h:40,spaceX:8},icon:{size:`md`}}},variants:{subtleSandstone:{container:{bg:`sandstone.90`,color:`sandstone.20`,borderColor:`transparent`}},subtleEarth:{container:{bg:`earth.95`,color:`earth.20`}},subtleBlue:{container:{bg:`skyBlue.95`,color:`seaBlue.main`}},subtleBlue2:{container:{bg:`skyBlue.95`,color:`skyBlue.20`}},subtleRed:{container:{bg:`energyRed.95`,color:`energyRed.45`}},subtleYellow:{container:{bg:`sunflower.85`,color:`sunflower.20`}},subtleGreen:{container:{bg:`landGreen.95`,color:`landGreen.30`}},solidBlue:{container:{bg:`skyBlue.65`,color:`skyBlue.20`}},solidDarkBlue:{container:{bg:`darkBlue.18`,borderColor:`darkBlue.18`,color:`white`}},solidRed:{container:{bg:`energyRed.45`,color:`white`}},solidYellow:{container:{bg:`sunflower.50`,color:`sunflower.15`}},solidGreen:{container:{bg:`landGreen.35`,color:`white`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=theme.js.map

package/dist/box/box.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { BoxProps } from "./box.types.js";
 import { VuiComponent } from "../core/vui.js";
-import * as styled_components5 from "styled-components";
+import * as styled_components437 from "styled-components";
 
 //#region src/box/box.d.ts
-declare const BoxBase: styled_components5.StyledComponent<"div", styled_components5.DefaultTheme, SystemProps, never>;
+declare const BoxBase: styled_components437.StyledComponent<"div", styled_components437.DefaultTheme, SystemProps, never>;
 /** Organizes content layout into columns or rows with easy centering. */
 declare const Box: VuiComponent<"div", BoxProps>;
 //#endregion

package/dist/box/box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"box.d.ts","names":[],"sources":["../../src/box/box.tsx"],"sourcesContent":[],"mappings":";;;;;;cAIa,SAAO,kBAAA,CAAA,uBAInB,kBAAA,CAJmB,YAAA;;cAOP,yBAAG"}
+{"version":3,"file":"box.d.ts","names":[],"sources":["../../src/box/box.tsx"],"sourcesContent":[],"mappings":";;;;;;cAIa,SAAO,oBAAA,CAAA,uBAInB,oBAAA,CAJmB,YAAA;;cAOP,yBAAG"}

package/dist/box/box.js

@@ -2,5 +2,5 @@ import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../util
   display: flex;
   min-width: 0;
   transition-duration: normal;
-`,c=a((i,a)=>{let{align:c,center:l,centerH:u,centerV:d,className:f,column:p,direction:m,elevation:h,hoverShadow:g,justify:_,radius:v,shadow:y,wrap:b,...x}=n(i),S=r(`Box`,i),C=e({alignItems:c??(l||(p?u:d)?`center`:void 0),borderRadius:v,boxShadow:h??y,flexDirection:m??(p?`column`:void 0),flexWrap:b?`wrap`:void 0,justifyContent:_??(l||(p?d:u)?`center`:void 0)});return o(s,{className:t(`vui-box`,f),ref:a,...S,...C,...x})});c.displayName=`Box`;var l=c;export{c as Box,s as BoxBase,l as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,c=a((i,a)=>{let{align:c,center:l,centerH:u,centerV:d,className:f,column:p,direction:m,elevation:h,hoverShadow:g,justify:_,radius:v,shadow:y,wrap:b,...x}=n(i),S=r(`Box`,i),C=e({alignItems:c??(l||(p?u:d)?`center`:void 0),borderRadius:v,boxShadow:h??y,flexDirection:m??(p?`column`:void 0),flexWrap:b?`wrap`:void 0,justifyContent:_??(l||(p?d:u)?`center`:void 0)});return o(s,{className:t(`vui-box`,f),ref:a,...S,...C,...x})});c.displayName=`Box`;var l=c;export{c as Box,s as BoxBase,l as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=box.js.map

package/dist/box/theme.js

@@ -1,2 +1,2 @@
-var e={baseStyle:{},defaultProps:{},sizes:{},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+var e={baseStyle:{},defaultProps:{},sizes:{},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=theme.js.map

package/dist/breadcrumbs/breadcrumbs.d.ts

@@ -2,10 +2,10 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { BreadcrumbsProps } from "./breadcrumbs.types.js";
 import { BreadcrumbsItem } from "./breadcrumbsItem.js";
-import * as styled_components7 from "styled-components";
+import * as styled_components70 from "styled-components";
 
 //#region src/breadcrumbs/breadcrumbs.d.ts
-declare const BreadcrumbsBase: styled_components7.StyledComponent<"div", styled_components7.DefaultTheme, SystemProps, never>;
+declare const BreadcrumbsBase: styled_components70.StyledComponent<"div", styled_components70.DefaultTheme, SystemProps, never>;
 /** Breadcrumbs consist of a list of items that help a user visualize a page's location within the hierarchical structure of a website, and allow correspondent navigation. */
 declare const Breadcrumbs: VuiComponent<"div", BreadcrumbsProps> & {
   Item: typeof BreadcrumbsItem;

package/dist/breadcrumbs/breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.d.ts","names":[],"sources":["../../src/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAUa,iBAAe,kBAAA,CAAA,uBAQ3B,kBAAA,CAR2B,YAAA;;cAWf,aAyBP,oBAAoB;eACX;AArCf,CAAA"}
+{"version":3,"file":"breadcrumbs.d.ts","names":[],"sources":["../../src/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAUa,iBAAe,mBAAA,CAAA,uBAQ3B,mBAAA,CAR2B,YAAA;;cAWf,aAyBP,oBAAoB;eACX;AArCf,CAAA"}

package/dist/breadcrumbs/breadcrumbs.js

@@ -6,5 +6,5 @@ import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../util
   .vui-breadcrumbs-item:last-of-type {
     font-weight: 600;
   }
-`,m=i((r,i)=>{let{children:o,className:m,size:h,variant:g,..._}=r,v=n(`Breadcrumbs`,r),y=u(()=>e({size:h,variant:g}),[h,g]),b=e({}),x=c.toArray(o);return d(a,{value:y,children:d(p,{className:t(`vui-breadcrumbs`,m),ref:i,...v.main,...b,..._,children:c.map(x,(e,t)=>f(l,{children:[e,t!==x.length-1&&d(s,{})]},t))})})});m.Item=o,m.displayName=`Breadcrumbs`;export{m as Breadcrumbs,p as BreadcrumbsBase};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,m=i((r,i)=>{let{children:o,className:m,size:h,variant:g,..._}=r,v=n(`Breadcrumbs`,r),y=u(()=>e({size:h,variant:g}),[h,g]),b=e({}),x=c.toArray(o);return d(a,{value:y,children:d(p,{className:t(`vui-breadcrumbs`,m),ref:i,...v.main,...b,..._,children:c.map(x,(e,t)=>f(l,{children:[e,t!==x.length-1&&d(s,{})]},t))})})});m.Item=o,m.displayName=`Breadcrumbs`;export{m as Breadcrumbs,p as BreadcrumbsBase};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=breadcrumbs.js.map

package/dist/breadcrumbs/breadcrumbsItem.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import{Box as i}from"../box/box.js";import{useBreadcrumbsContext as a}from"./context.js";import{jsx as o}from"react/jsx-runtime";const s=r((r,s)=>{let{className:c,children:l,...u}=t(r),d=n(`Breadcrumbs`,a());return o(i,{alignItems:`center`,className:e(`vui-breadcrumbs-item`,c),p:0,ref:s,...d.item,...u,children:l})});s.displayName=`BreadcrumbsItem`;var c=s;export{c as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import{Box as i}from"../box/box.js";import{useBreadcrumbsContext as a}from"./context.js";import{jsx as o}from"react/jsx-runtime";const s=r((r,s)=>{let{className:c,children:l,...u}=t(r),d=n(`Breadcrumbs`,a());return o(i,{alignItems:`center`,className:e(`vui-breadcrumbs-item`,c),p:0,ref:s,...d.item,...u,children:l})});s.displayName=`BreadcrumbsItem`;var c=s;export{c as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=breadcrumbsItem.js.map

package/dist/breadcrumbs/breadcrumbsSeparator.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{Box as n}from"../box/box.js";import{Icon as r}from"../icon/icon.js";import{useBreadcrumbsContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";var o=({className:o,children:s,content:c,...l})=>{let u=t(`Breadcrumbs`,i());return a(n,{alignItems:`center`,className:e(`vui-breadcrumbs-separator`,o),p:0,...l,children:c||s||a(r,{name:`uiAngleRight`,...u.separator})})};export{o as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{Box as n}from"../box/box.js";import{Icon as r}from"../icon/icon.js";import{useBreadcrumbsContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";var o=({className:o,children:s,content:c,...l})=>{let u=t(`Breadcrumbs`,i());return a(n,{alignItems:`center`,className:e(`vui-breadcrumbs-separator`,o),p:0,...l,children:c||s||a(r,{name:`uiAngleRight`,...u.separator})})};export{o as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=breadcrumbsSeparator.js.map

package/dist/breadcrumbs/context.js

@@ -1,2 +1,2 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as BreadcrumbsProvider,n as useBreadcrumbsContext};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as BreadcrumbsProvider,n as useBreadcrumbsContext};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=context.js.map

package/dist/breadcrumbs/theme.js

@@ -1,2 +1,2 @@
-var e={baseStyle:{},defaultProps:{size:`md`,variant:`dark`},sizes:{xs:{item:{fontSize:12,lineHeight:`18px`},separator:{size:`xs`}},sm:{item:{fontSize:14,lineHeight:`22px`},separator:{size:`sm`}},md:{item:{fontSize:16,lineHeight:`26px`},separator:{size:`md`}},lg:{item:{fontSize:18,lineHeight:`32px`},separator:{size:`lg`}}},variants:{dark:{item:{color:`seaBlue.main`},main:{bg:`transparent`},separator:{pathFill:`sandstone.10`}},white:{item:{color:`white`},main:{bg:`darkBlue.main`},separator:{pathFill:`white`}},light:{item:{color:`digiGreen.main`},main:{bg:`darkBlue.main`},separator:{pathFill:`white`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+var e={baseStyle:{},defaultProps:{size:`md`,variant:`dark`},sizes:{xs:{item:{fontSize:12,lineHeight:`18px`},separator:{size:`xs`}},sm:{item:{fontSize:14,lineHeight:`22px`},separator:{size:`sm`}},md:{item:{fontSize:16,lineHeight:`26px`},separator:{size:`md`}},lg:{item:{fontSize:18,lineHeight:`32px`},separator:{size:`lg`}}},variants:{dark:{item:{color:`seaBlue.main`},main:{bg:`transparent`},separator:{pathFill:`sandstone.10`}},white:{item:{color:`white`},main:{bg:`darkBlue.main`},separator:{pathFill:`white`}},light:{item:{color:`digiGreen.main`},main:{bg:`darkBlue.main`},separator:{pathFill:`white`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=theme.js.map

package/dist/button/button.d.ts

@@ -20,10 +20,10 @@ import { ButtonProps, ButtonState, ButtonStateMapping } from "./button.types.js"
 import { ButtonIcon } from "./buttonIcon.js";
 import { ButtonText } from "./buttonText.js";
 import { VuiComponent } from "../core/vui.js";
-import * as styled_components9 from "styled-components";
+import * as styled_components74 from "styled-components";
 
 //#region src/button/button.d.ts
-declare const ButtonBase: styled_components9.StyledComponent<"button", styled_components9.DefaultTheme, AnimationProps & BackgroundColorProps & BorderProps & BorderTopProps & BorderRightProps & BorderBottomProps & BorderLeftProps & BorderColorProps & BorderTopColorProps & BorderRightColorProps & BorderBottomColorProps & BorderLeftColorProps & BorderWidthProps & BorderTopWidthProps & BorderRightWidthProps & BorderBottomWidthProps & BorderLeftWidthProps & BorderStyleProps & BorderRadiusProps & OutlineProps & OutlineColorProps & OutlineWidthProps & OutlineStyleProps & DivideXProps & DivideYProps & DivideXReverseProps & DivideYReverseProps & DivideColorProps & DivideStyleProps & RingProps & RingColorProps & OpacityProps & BoxShadowProps & TextShadowProps & DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps & RowProps & ColProps & GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps & AppearanceProps & CursorProps & PointerEventsProps & ResizeProps & UserSelectProps & IsTruncatedProps & FloatProps & BoxSizingProps & OverflowProps & OverflowXProps & OverflowYProps & PositionProps & ZIndexProps & TopProps & RightProps & BottomProps & LeftProps & VisibilityProps & OverscrollBehaviorProps & ObjectFitProps & MaxLinesProps & WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps & MarginProps & MarginTopProps & MarginRightProps & MarginBottomProps & MarginLeftProps & MarginXProps & MarginYProps & PaddingProps & PaddingTopProps & PaddingRightProps & PaddingBottomProps & PaddingLeftProps & PaddingXProps & PaddingYProps & SpaceXProps & SpaceYProps & SpaceXReverseProps & SpaceYReverseProps & BorderCollapseProps & TableLayoutProps & TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps & TransitionProps & TransitionPropertyProps & TransitionDurationProps & TransitionTimingFunctionProps & TransitionDelayProps & FontFamilyProps & FontSizeProps & FontStyleProps & FontWeightProps & LineHeightProps & ColorProps & TextTransformProps & TextDecorationProps & TextAlignProps & VerticalAlignProps & LetterSpacingProps & WhiteSpaceProps & TextOverflowProps & ListStyleTypeProps & ListStylePositionProps & WordBreakProps & ThemingProps<"Button"> & {
+declare const ButtonBase: styled_components74.StyledComponent<"button", styled_components74.DefaultTheme, AnimationProps & BackgroundColorProps & BorderProps & BorderTopProps & BorderRightProps & BorderBottomProps & BorderLeftProps & BorderColorProps & BorderTopColorProps & BorderRightColorProps & BorderBottomColorProps & BorderLeftColorProps & BorderWidthProps & BorderTopWidthProps & BorderRightWidthProps & BorderBottomWidthProps & BorderLeftWidthProps & BorderStyleProps & BorderRadiusProps & OutlineProps & OutlineColorProps & OutlineWidthProps & OutlineStyleProps & DivideXProps & DivideYProps & DivideXReverseProps & DivideYReverseProps & DivideColorProps & DivideStyleProps & RingProps & RingColorProps & OpacityProps & BoxShadowProps & TextShadowProps & DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps & RowProps & ColProps & GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps & AppearanceProps & CursorProps & PointerEventsProps & ResizeProps & UserSelectProps & IsTruncatedProps & FloatProps & BoxSizingProps & OverflowProps & OverflowXProps & OverflowYProps & PositionProps & ZIndexProps & TopProps & RightProps & BottomProps & LeftProps & VisibilityProps & OverscrollBehaviorProps & ObjectFitProps & MaxLinesProps & WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps & MarginProps & MarginTopProps & MarginRightProps & MarginBottomProps & MarginLeftProps & MarginXProps & MarginYProps & PaddingProps & PaddingTopProps & PaddingRightProps & PaddingBottomProps & PaddingLeftProps & PaddingXProps & PaddingYProps & SpaceXProps & SpaceYProps & SpaceXReverseProps & SpaceYReverseProps & BorderCollapseProps & TableLayoutProps & TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps & TransitionProps & TransitionPropertyProps & TransitionDurationProps & TransitionTimingFunctionProps & TransitionDelayProps & FontFamilyProps & FontSizeProps & FontStyleProps & FontWeightProps & LineHeightProps & ColorProps & TextTransformProps & TextDecorationProps & TextAlignProps & VerticalAlignProps & LetterSpacingProps & WhiteSpaceProps & TextOverflowProps & ListStyleTypeProps & ListStylePositionProps & WordBreakProps & ThemingProps<"Button"> & {
   colorScheme?: string;
   dropDownIcon?: IconProp;
   icon?: IconProp | JSX.Element;

package/dist/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","names":[],"sources":["../../src/button/button.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;cAiCa,+BAAU,0BAuBtB,kBAAA,CAvBsB,YAAA;;;;;;;;;;;;;;;;;;;;;AAAvB;;;cAkLa,QA6JP,uBAAuB;eACd;eACA"}
+{"version":3,"file":"button.d.ts","names":[],"sources":["../../src/button/button.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;cAiCa,gCAAU,0BAsCtB,mBAAA,CAtCsB,YAAA;;;;;;;;;;;;;;;;;;;;;AAAvB;;;cAiMa,QA6JP,uBAAuB;eACd;eACA"}

package/dist/button/button.js

@@ -30,5 +30,20 @@ import{isReactText as e,isString as t}from"../utils/assertion.js";import{activeC
     color: #91ffba;
     border-color-left: #91ffba;
   }
-`,re=(e,t)=>{let n=a(`Button`,{...e,...t})||{};return m(()=>{let{borderWidth:e=1,h:t=32,spaceX:r=0,...i}=n.container||{};return{styles:n,borderWidth:e,h:t,spaceX:r,buttonStyles:i}},[e,t])},b=e=>{if(typeof e==`number`)return e;if(typeof e==`string`){let t=parseInt(e,10);return isNaN(t)?1:t}return 1},ie=(e,t,n,r,i,a,o,s)=>m(()=>{let c=b(e)||t||1,l=n-c,u=n*2-c;return{border:c,iconLeftMr:`${l+1}px`,iconRightMl:s?`auto`:`${l+1}px`,pl:`${r||i||o?l:u}px`,pr:`${r||a?l:u}px`}},[e,t,n,r,i,a,o,s]),ae=(e,t)=>m(()=>e?{"aria-disabled":e,disabledBg:t?.container?.disabledBg??`bg`,disabledBorderColor:t?.container?.disabledBorderColor??`borderColor`,disabledColor:t?.container?.disabledColor??`color`,hoverBg:t?.container?.disabledBg??`bg`,hoverBorderColor:t?.container?.disabledBorderColor??`borderColor`,hoverColor:t?.container?.disabledColor??`color`,activeBg:t?.container?.disabledBg??`bg`,cursor:`not-allowed`,opacity:t?.container?.disabledOpacity??.5}:{},[e,t?.container]),oe=(e,t)=>m(()=>e?r({bg:t?.container?.activeBg,borderBg:t?.container?.activeBorderBg,color:t?.container?.activeColor}):{},[e,t?.container]),se=(e,t,n,i,a,o,s)=>m(()=>r({borderRadius:e?t/2:n?.container?.borderRadius||0,boxShadow:i?`2`:void 0,minW:a?0:void 0,pointerEvents:o?`none`:void 0,w:s?`100%`:void 0}),[e,t,n?.container?.borderRadius,i,a,o,s]),x=(e,t,r)=>m(()=>i(`vui-button`,e,t&&n,r?`vui-button-variant-${r}`:void 0),[e,t,r]),S=(n,r,i,a,o,s,c,l)=>m(()=>({main:t(n)?h(u,{name:n}):n,left:a?h(u,{mr:o.iconLeftMr,...ee}):t(r)?h(u,{mr:o.iconLeftMr,name:r}):r,right:t(i)?h(u,{ml:!s&&!c?0:o.iconRightMl,name:i}):i,content:s??(e(c)?h(d,{isTruncated:l,text:c}):c)}),[n,r,i,a,o,s,c,l]),C=s((e,t)=>{let n={...c(),...e},{borderWidth:i,children:a,className:o,colorScheme:s,disabled:d,dropDownIcon:ee=`falAngleDown`,icon:b,iconLeft:C,iconRight:w,isActive:T,isDropDown:E,isElevated:ce,isFullWidth:D,isLoading:O,isRound:k,isSplit:le,isTruncated:ue,size:A,state:j=``,stateMapping:M,text:N,title:P,variant:F,...I}=n,L=m(()=>!!j&&j!==`idle`,[j]),R=m(()=>({...f,...M}),[M]),z=m(()=>R[j]??{},[R,j]),{iconProps:B,...V}=z,H=m(()=>E?`falAngleDown`:w,[E,w]),U=m(()=>r({variant:z?.variant??F}),[z?.variant,F]),{styles:W,borderWidth:de,h:G,spaceX:fe,buttonStyles:K}=re(n,U),q=ie(i,de,fe,b,C,H,O??!1,le??!1),J=ae(d??!1,W),Y=oe(T??!1,W),X=se(k??!1,G,W,ce??!1,b,L,D??!1),Z=x(o,T??!1,F),Q=S(b,C,H,O??!1,q,a,N,ue??!1),pe=m(()=>r({disabled:d,size:A,variant:U.variant}),[d,A,U.variant]),me=m(()=>L?_:p,[L]),$=m(()=>P||``,[P]),he=te(e=>{e.stopPropagation()},[]),ge=m(()=>({borderWidth:q.border,className:Z,disabled:d,focusRing:3,h:G,pl:q.pl,pr:q.pr,ref:t,title:P||$,type:`button`,variant:U,...K,...Y,...J,...X,...I}),[q,Z,d,G,t,P,$,U,K,Y,J,X,I]);return h(l,{value:pe,children:g(y,{...ge,children:[L&&h(v,{onClick:he,...V,children:h(u,{m:`auto`,...B})}),g(me,{children:[Q.main,!b&&g(ne,{children:[Q.left,Q.content,Q.right]})]})]})})});C.Icon=u,C.Text=d,C.displayName=`Button`;var w=C;export{C as Button,y as ButtonBase,w as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+  &.vui-button-variant-menuDark.vui-button-variant-menuDark:focus,
+  &.vui-button-variant-menuDark.vui-button-variant-menuDark:focus-visible,
+  &.vui-button-variant-menuLight.vui-button-variant-menuLight:focus,
+  &.vui-button-variant-menuLight.vui-button-variant-menuLight:focus-visible {
+    box-shadow: none;
+    outline: none;
+    border-bottom: 0 solid transparent;
+  }
+  &.vui-button-variant-menuDark.vui-button-variant-menuDark.focusAsBorder:focus,
+  &.vui-button-variant-menuDark.vui-button-variant-menuDark.focusAsBorder:focus-visible,
+  &.vui-button-variant-menuLight.vui-button-variant-menuLight.focusAsBorder:focus,
+  &.vui-button-variant-menuLight.vui-button-variant-menuLight.focusAsBorder:focus-visible {
+    transition: border-bottom 0s linear;
+    border-bottom: 3px solid #d3eef8;
+  }
+`,re=(e,t)=>{let n=a(`Button`,{...e,...t})||{};return m(()=>{let{borderWidth:e=1,h:t=32,spaceX:r=0,...i}=n.container||{};return{styles:n,borderWidth:e,h:t,spaceX:r,buttonStyles:i}},[e,t])},b=e=>{if(typeof e==`number`)return e;if(typeof e==`string`){let t=parseInt(e,10);return isNaN(t)?1:t}return 1},ie=(e,t,n,r,i,a,o,s)=>m(()=>{let c=b(e)||t||1,l=n-c,u=n*2-c;return{border:c,iconLeftMr:`${l+1}px`,iconRightMl:s?`auto`:`${l+1}px`,pl:`${r||i||o?l:u}px`,pr:`${r||a?l:u}px`}},[e,t,n,r,i,a,o,s]),ae=(e,t)=>m(()=>e?{"aria-disabled":e,disabledBg:t?.container?.disabledBg??`bg`,disabledBorderColor:t?.container?.disabledBorderColor??`borderColor`,disabledColor:t?.container?.disabledColor??`color`,hoverBg:t?.container?.disabledBg??`bg`,hoverBorderColor:t?.container?.disabledBorderColor??`borderColor`,hoverColor:t?.container?.disabledColor??`color`,activeBg:t?.container?.disabledBg??`bg`,cursor:`not-allowed`,opacity:t?.container?.disabledOpacity??.5}:{},[e,t?.container]),oe=(e,t)=>m(()=>e?r({bg:t?.container?.activeBg,borderBg:t?.container?.activeBorderBg,color:t?.container?.activeColor}):{},[e,t?.container]),se=(e,t,n,i,a,o,s)=>m(()=>r({borderRadius:e?t/2:n?.container?.borderRadius||0,boxShadow:i?`2`:void 0,minW:a?0:void 0,pointerEvents:o?`none`:void 0,w:s?`100%`:void 0}),[e,t,n?.container?.borderRadius,i,a,o,s]),x=(e,t,r)=>m(()=>i(`vui-button`,e,t&&n,r?`vui-button-variant-${r}`:void 0),[e,t,r]),S=(n,r,i,a,o,s,c,l)=>m(()=>({main:t(n)?h(u,{name:n}):n,left:a?h(u,{mr:o.iconLeftMr,...ee}):t(r)?h(u,{mr:o.iconLeftMr,name:r}):r,right:t(i)?h(u,{ml:!s&&!c?0:o.iconRightMl,name:i}):i,content:s??(e(c)?h(d,{isTruncated:l,text:c}):c)}),[n,r,i,a,o,s,c,l]),C=s((e,t)=>{let n={...c(),...e},{borderWidth:i,children:a,className:o,colorScheme:s,disabled:d,dropDownIcon:ee=`falAngleDown`,icon:b,iconLeft:C,iconRight:w,isActive:T,isDropDown:E,isElevated:ce,isFullWidth:D,isLoading:O,isRound:k,isSplit:le,isTruncated:ue,size:A,state:j=``,stateMapping:M,text:N,title:P,variant:F,...I}=n,L=m(()=>!!j&&j!==`idle`,[j]),R=m(()=>({...f,...M}),[M]),z=m(()=>R[j]??{},[R,j]),{iconProps:B,...V}=z,H=m(()=>E?`falAngleDown`:w,[E,w]),U=m(()=>r({variant:z?.variant??F}),[z?.variant,F]),{styles:W,borderWidth:de,h:G,spaceX:fe,buttonStyles:K}=re(n,U),q=ie(i,de,fe,b,C,H,O??!1,le??!1),J=ae(d??!1,W),Y=oe(T??!1,W),X=se(k??!1,G,W,ce??!1,b,L,D??!1),Z=x(o,T??!1,F),Q=S(b,C,H,O??!1,q,a,N,ue??!1),pe=m(()=>r({disabled:d,size:A,variant:U.variant}),[d,A,U.variant]),me=m(()=>L?_:p,[L]),$=m(()=>P||``,[P]),he=te(e=>{e.stopPropagation()},[]),ge=m(()=>({borderWidth:q.border,className:Z,disabled:d,focusRing:3,h:G,pl:q.pl,pr:q.pr,ref:t,title:P||$,type:`button`,variant:U,...K,...Y,...J,...X,...I}),[q,Z,d,G,t,P,$,U,K,Y,J,X,I]);return h(l,{value:pe,children:g(y,{...ge,children:[L&&h(v,{onClick:he,...V,children:h(u,{m:`auto`,...B})}),g(me,{children:[Q.main,!b&&g(ne,{children:[Q.left,Q.content,Q.right]})]})]})})});C.Icon=u,C.Text=d,C.displayName=`Button`;var w=C;export{C as Button,y as ButtonBase,w as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=button.js.map

package/dist/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["ButtonIcon","ButtonText"],"sources":["../../src/button/button.tsx"],"sourcesContent":["import { Fragment, useMemo, useCallback } from 'react'\n\nimport { useButtonGroupContext } from '../buttonGroup/context'\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { activeClassName, cs, filterUndefined, isReactText, isString } from '../utils'\nimport type { ButtonProps } from './button.types'\nimport ButtonIcon from './buttonIcon'\nimport ButtonText from './buttonText'\nimport { buttonStateMapping, loadingIconProps } from './consts'\nimport { ButtonProvider } from './context'\n\n// Constants\nconst DEFAULT_BORDER_WIDTH = 1\nconst DEFAULT_BOX_SHADOW = '2'\nconst DEFAULT_DISABLED_OPACITY = 0.5\nconst BUTTON_TYPE = 'button'\nconst FOCUS_RING_SIZE = 3\n\n// Memoized styled components\nconst ContentWrapper = styled.span`\n  visibility: hidden;\n`\n\nconst StateWrapper = styled.span`\n  bottom: 0;\n  display: flex;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n`\n\nexport const ButtonBase = styled.buttonBox<ButtonProps>`\n  align-items: center;\n  display: inline-flex;\n  flex-shrink: 0;\n  font-weight: medium;\n  justify-content: center;\n  line-height: normal;\n  overflow: hidden;\n  position: relative;\n  transition-duration: fast;\n  user-select: none;\n  width: fit-content;\n\n  &.vui-button-variant-menuLight.vui-button-variant-menuLight.vui-active:hover {\n    background-color: #d3eef8;\n    color: #003591;\n    border-color-left: #003591;\n  }\n  &.vui-button-variant-menuDark.vui-button-variant-menuDark.vui-active:hover {\n    background-color: #003591;\n    color: #91ffba;\n    border-color-left: #91ffba;\n  }\n`\n\nconst useButtonStyles = (mergedProps: any, variant: any) => {\n  const styles = useStyleConfig('Button', { ...mergedProps, ...variant }) || {}\n\n  return useMemo(() => {\n    const container = styles.container || {}\n    const { borderWidth = DEFAULT_BORDER_WIDTH, h = 32, spaceX = 0, ...buttonStyles } = container\n    return { styles, borderWidth, h, spaceX, buttonStyles }\n  }, [mergedProps, variant])\n}\n\n// Utility function to extract numeric value from responsive or themed props\nconst extractNumericValue = (value: any): number => {\n  if (typeof value === 'number') return value\n  if (typeof value === 'string') {\n    const parsed = parseInt(value, 10)\n    return isNaN(parsed) ? DEFAULT_BORDER_WIDTH : parsed\n  }\n  return DEFAULT_BORDER_WIDTH\n}\n\nconst useSpacingProps = (\n  borderWidthProp: any,\n  borderWidth: number | undefined,\n  spaceX: number,\n  icon: any,\n  iconLeft: any,\n  iconRight: any,\n  isLoading: boolean,\n  isSplit: boolean,\n) => {\n  return useMemo(() => {\n    const border = extractNumericValue(borderWidthProp) || borderWidth || DEFAULT_BORDER_WIDTH\n    const spaceXItem = spaceX - border\n    const spaceXText = spaceX * 2 - border\n\n    return {\n      border,\n      iconLeftMr: `${spaceXItem + 1}px`,\n      iconRightMl: isSplit ? 'auto' : `${spaceXItem + 1}px`,\n      pl: `${icon || iconLeft || isLoading ? spaceXItem : spaceXText}px`,\n      pr: `${icon || iconRight ? spaceXItem : spaceXText}px`,\n    }\n  }, [borderWidthProp, borderWidth, spaceX, icon, iconLeft, iconRight, isLoading, isSplit])\n}\n\nconst useDisabledProps = (disabled: boolean, styles: any) => {\n  return useMemo(\n    () =>\n      disabled\n        ? {\n            'aria-disabled': disabled,\n            disabledBg: styles?.container?.disabledBg ?? 'bg',\n            disabledBorderColor: styles?.container?.disabledBorderColor ?? 'borderColor',\n            disabledColor: styles?.container?.disabledColor ?? 'color',\n            hoverBg: styles?.container?.disabledBg ?? 'bg',\n            hoverBorderColor: styles?.container?.disabledBorderColor ?? 'borderColor',\n            hoverColor: styles?.container?.disabledColor ?? 'color',\n            activeBg: styles?.container?.disabledBg ?? 'bg',\n            cursor: 'not-allowed',\n            opacity: styles?.container?.disabledOpacity ?? DEFAULT_DISABLED_OPACITY,\n          }\n        : {},\n    [disabled, styles?.container],\n  )\n}\n\nconst useActiveProps = (isActive: boolean, styles: any) => {\n  return useMemo(\n    () =>\n      isActive\n        ? filterUndefined({\n            bg: styles?.container?.activeBg,\n            borderBg: styles?.container?.activeBorderBg,\n            color: styles?.container?.activeColor,\n          })\n        : {},\n    [isActive, styles?.container],\n  )\n}\n\nconst useAliasedProps = (\n  isRound: boolean,\n  h: number,\n  styles: any,\n  isElevated: boolean,\n  icon: any,\n  hasState: boolean,\n  isFullWidth: boolean,\n) => {\n  return useMemo(\n    () =>\n      filterUndefined({\n        borderRadius: isRound ? h / 2 : styles?.container?.borderRadius || 0,\n        boxShadow: isElevated ? DEFAULT_BOX_SHADOW : undefined,\n        minW: icon ? 0 : undefined,\n        pointerEvents: hasState ? 'none' : undefined,\n        w: isFullWidth ? '100%' : undefined,\n      }),\n    [isRound, h, styles?.container?.borderRadius, isElevated, icon, hasState, isFullWidth],\n  )\n}\n\nconst useButtonClassName = (className: string | undefined, isActive: boolean, variantProp: string | undefined) => {\n  return useMemo(\n    () =>\n      cs(\n        'vui-button',\n        className,\n        isActive && activeClassName,\n        variantProp ? `vui-button-variant-${variantProp}` : undefined,\n      ),\n    [className, isActive, variantProp],\n  )\n}\n\nconst useIconRenderer = (\n  icon: any,\n  iconLeft: any,\n  iconRight: any,\n  isLoading: boolean,\n  spacingProps: any,\n  children: any,\n  text: any,\n  isTruncated: boolean,\n) => {\n  return useMemo(\n    () => ({\n      main: isString(icon) ? <ButtonIcon name={icon} /> : icon,\n      left: isLoading ? (\n        <ButtonIcon mr={spacingProps.iconLeftMr} {...loadingIconProps} />\n      ) : isString(iconLeft) ? (\n        <ButtonIcon mr={spacingProps.iconLeftMr} name={iconLeft} />\n      ) : (\n        iconLeft\n      ),\n      right: isString(iconRight) ? (\n        <ButtonIcon ml={!children && !text ? 0 : spacingProps.iconRightMl} name={iconRight} />\n      ) : (\n        iconRight\n      ),\n      content: children ?? (isReactText(text) ? <ButtonText {...{ isTruncated, text }} /> : text),\n    }),\n    [icon, iconLeft, iconRight, isLoading, spacingProps, children, text, isTruncated],\n  )\n}\n\n/**\n * Triggers given actions on click. Supports multiple states, sizes and variants.\n *\n * Comes with additional props for extra behavior, like loading, disabled or elevated.\n *\n * Exposes some props to the children via context.\n */\nexport const Button = vui<'button', ButtonProps>((props, ref) => {\n  const buttonGroupProps = useButtonGroupContext()\n  const mergedProps = { ...buttonGroupProps, ...props }\n  const {\n    borderWidth: borderWidthProp,\n    children,\n    className,\n    colorScheme,\n    disabled,\n    dropDownIcon = 'falAngleDown',\n    icon,\n    iconLeft,\n    iconRight: iconRightProp,\n    isActive,\n    isDropDown,\n    isElevated,\n    isFullWidth,\n    isLoading,\n    isRound,\n    isSplit,\n    isTruncated,\n    size,\n    state = '',\n    stateMapping,\n    text,\n    title,\n    variant: variantProp,\n    ...rest\n  } = mergedProps\n\n  // Memoized calculations\n  const hasState = useMemo(() => Boolean(state) && state !== 'idle', [state])\n  const states = useMemo(() => ({ ...buttonStateMapping, ...stateMapping }), [stateMapping])\n  const stateData = useMemo(() => states[state] ?? {}, [states, state])\n  const { iconProps: stateIconProps, ...stateProps } = stateData\n\n  const iconRight = useMemo(() => (isDropDown ? 'falAngleDown' : iconRightProp), [isDropDown, iconRightProp])\n\n  const variant = useMemo(\n    () =>\n      filterUndefined({\n        variant: stateData?.variant ?? variantProp,\n      }),\n    [stateData?.variant, variantProp],\n  )\n\n  // Custom hooks for optimization\n  const { styles, borderWidth, h, spaceX, buttonStyles } = useButtonStyles(mergedProps, variant)\n  const spacingProps = useSpacingProps(\n    borderWidthProp,\n    borderWidth,\n    spaceX,\n    icon,\n    iconLeft,\n    iconRight,\n    isLoading ?? false,\n    isSplit ?? false,\n  )\n  const disabledProps = useDisabledProps(disabled ?? false, styles)\n  const isActiveProps = useActiveProps(isActive ?? false, styles)\n  const aliasedProps = useAliasedProps(\n    isRound ?? false,\n    h,\n    styles,\n    isElevated ?? false,\n    icon,\n    hasState,\n    isFullWidth ?? false,\n  )\n  const buttonClassName = useButtonClassName(className, isActive ?? false, variantProp)\n  const IconRenderer = useIconRenderer(\n    icon,\n    iconLeft,\n    iconRight,\n    isLoading ?? false,\n    spacingProps,\n    children,\n    text,\n    isTruncated ?? false,\n  )\n\n  // Memoized context value\n  const contextValue = useMemo(\n    () => filterUndefined({ disabled, size, variant: variant.variant }),\n    [disabled, size, variant.variant],\n  )\n\n  // Memoized content wrapper\n  const Content = useMemo(() => (hasState ? ContentWrapper : Fragment), [hasState])\n\n  // Memoized aria label\n  const ariaLabel = useMemo(() => title || '', [title])\n\n  // Optimized event handler\n  const handleStateClick = useCallback((e: { stopPropagation: () => void }) => {\n    e.stopPropagation()\n  }, [])\n\n  // Memoized final props\n  const finalProps = useMemo(\n    () => ({\n      borderWidth: spacingProps.border,\n      className: buttonClassName,\n      disabled,\n      focusRing: FOCUS_RING_SIZE,\n      h,\n      pl: spacingProps.pl,\n      pr: spacingProps.pr,\n      ref,\n      title: title || ariaLabel,\n      type: BUTTON_TYPE,\n      variant,\n      ...buttonStyles,\n      ...isActiveProps,\n      ...disabledProps,\n      ...aliasedProps,\n      ...rest,\n    }),\n    [\n      spacingProps,\n      buttonClassName,\n      disabled,\n      h,\n      ref,\n      title,\n      ariaLabel,\n      variant,\n      buttonStyles,\n      isActiveProps,\n      disabledProps,\n      aliasedProps,\n      rest,\n    ],\n  )\n\n  return (\n    <ButtonProvider value={contextValue}>\n      <ButtonBase {...finalProps}>\n        {hasState && (\n          <StateWrapper onClick={handleStateClick} {...stateProps}>\n            <ButtonIcon m=\"auto\" {...stateIconProps} />\n          </StateWrapper>\n        )}\n\n        <Content>\n          {IconRenderer.main}\n          {!icon && (\n            <>\n              {IconRenderer.left}\n              {IconRenderer.content}\n              {IconRenderer.right}\n            </>\n          )}\n        </Content>\n      </ButtonBase>\n    </ButtonProvider>\n  )\n}) as VuiComponent<'button', ButtonProps> & {\n  Icon: typeof ButtonIcon\n  Text: typeof ButtonText\n}\n\nButton.Icon = ButtonIcon\nButton.Text = ButtonText\nButton.displayName = 'Button'\n\nexport default Button\n"],"mappings":"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"}
+{"version":3,"file":"button.js","names":["ButtonIcon","ButtonText"],"sources":["../../src/button/button.tsx"],"sourcesContent":["import { Fragment, useMemo, useCallback } from 'react'\n\nimport { useButtonGroupContext } from '../buttonGroup/context'\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { activeClassName, cs, filterUndefined, isReactText, isString } from '../utils'\nimport type { ButtonProps } from './button.types'\nimport ButtonIcon from './buttonIcon'\nimport ButtonText from './buttonText'\nimport { buttonStateMapping, loadingIconProps } from './consts'\nimport { ButtonProvider } from './context'\n\n// Constants\nconst DEFAULT_BORDER_WIDTH = 1\nconst DEFAULT_BOX_SHADOW = '2'\nconst DEFAULT_DISABLED_OPACITY = 0.5\nconst BUTTON_TYPE = 'button'\nconst FOCUS_RING_SIZE = 3\n\n// Memoized styled components\nconst ContentWrapper = styled.span`\n  visibility: hidden;\n`\n\nconst StateWrapper = styled.span`\n  bottom: 0;\n  display: flex;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n`\n\nexport const ButtonBase = styled.buttonBox<ButtonProps>`\n  align-items: center;\n  display: inline-flex;\n  flex-shrink: 0;\n  font-weight: medium;\n  justify-content: center;\n  line-height: normal;\n  overflow: hidden;\n  position: relative;\n  transition-duration: fast;\n  user-select: none;\n  width: fit-content;\n\n  &.vui-button-variant-menuLight.vui-button-variant-menuLight.vui-active:hover {\n    background-color: #d3eef8;\n    color: #003591;\n    border-color-left: #003591;\n  }\n  &.vui-button-variant-menuDark.vui-button-variant-menuDark.vui-active:hover {\n    background-color: #003591;\n    color: #91ffba;\n    border-color-left: #91ffba;\n  }\n  &.vui-button-variant-menuDark.vui-button-variant-menuDark:focus,\n  &.vui-button-variant-menuDark.vui-button-variant-menuDark:focus-visible,\n  &.vui-button-variant-menuLight.vui-button-variant-menuLight:focus,\n  &.vui-button-variant-menuLight.vui-button-variant-menuLight:focus-visible {\n    box-shadow: none;\n    outline: none;\n    border-bottom: 0 solid transparent;\n  }\n  &.vui-button-variant-menuDark.vui-button-variant-menuDark.focusAsBorder:focus,\n  &.vui-button-variant-menuDark.vui-button-variant-menuDark.focusAsBorder:focus-visible,\n  &.vui-button-variant-menuLight.vui-button-variant-menuLight.focusAsBorder:focus,\n  &.vui-button-variant-menuLight.vui-button-variant-menuLight.focusAsBorder:focus-visible {\n    transition: border-bottom 0s linear;\n    border-bottom: 3px solid #d3eef8;\n  }\n`\n\nconst useButtonStyles = (mergedProps: any, variant: any) => {\n  const styles = useStyleConfig('Button', { ...mergedProps, ...variant }) || {}\n\n  return useMemo(() => {\n    const container = styles.container || {}\n    const { borderWidth = DEFAULT_BORDER_WIDTH, h = 32, spaceX = 0, ...buttonStyles } = container\n    return { styles, borderWidth, h, spaceX, buttonStyles }\n  }, [mergedProps, variant])\n}\n\n// Utility function to extract numeric value from responsive or themed props\nconst extractNumericValue = (value: any): number => {\n  if (typeof value === 'number') return value\n  if (typeof value === 'string') {\n    const parsed = parseInt(value, 10)\n    return isNaN(parsed) ? DEFAULT_BORDER_WIDTH : parsed\n  }\n  return DEFAULT_BORDER_WIDTH\n}\n\nconst useSpacingProps = (\n  borderWidthProp: any,\n  borderWidth: number | undefined,\n  spaceX: number,\n  icon: any,\n  iconLeft: any,\n  iconRight: any,\n  isLoading: boolean,\n  isSplit: boolean,\n) => {\n  return useMemo(() => {\n    const border = extractNumericValue(borderWidthProp) || borderWidth || DEFAULT_BORDER_WIDTH\n    const spaceXItem = spaceX - border\n    const spaceXText = spaceX * 2 - border\n\n    return {\n      border,\n      iconLeftMr: `${spaceXItem + 1}px`,\n      iconRightMl: isSplit ? 'auto' : `${spaceXItem + 1}px`,\n      pl: `${icon || iconLeft || isLoading ? spaceXItem : spaceXText}px`,\n      pr: `${icon || iconRight ? spaceXItem : spaceXText}px`,\n    }\n  }, [borderWidthProp, borderWidth, spaceX, icon, iconLeft, iconRight, isLoading, isSplit])\n}\n\nconst useDisabledProps = (disabled: boolean, styles: any) => {\n  return useMemo(\n    () =>\n      disabled\n        ? {\n            'aria-disabled': disabled,\n            disabledBg: styles?.container?.disabledBg ?? 'bg',\n            disabledBorderColor: styles?.container?.disabledBorderColor ?? 'borderColor',\n            disabledColor: styles?.container?.disabledColor ?? 'color',\n            hoverBg: styles?.container?.disabledBg ?? 'bg',\n            hoverBorderColor: styles?.container?.disabledBorderColor ?? 'borderColor',\n            hoverColor: styles?.container?.disabledColor ?? 'color',\n            activeBg: styles?.container?.disabledBg ?? 'bg',\n            cursor: 'not-allowed',\n            opacity: styles?.container?.disabledOpacity ?? DEFAULT_DISABLED_OPACITY,\n          }\n        : {},\n    [disabled, styles?.container],\n  )\n}\n\nconst useActiveProps = (isActive: boolean, styles: any) => {\n  return useMemo(\n    () =>\n      isActive\n        ? filterUndefined({\n            bg: styles?.container?.activeBg,\n            borderBg: styles?.container?.activeBorderBg,\n            color: styles?.container?.activeColor,\n          })\n        : {},\n    [isActive, styles?.container],\n  )\n}\n\nconst useAliasedProps = (\n  isRound: boolean,\n  h: number,\n  styles: any,\n  isElevated: boolean,\n  icon: any,\n  hasState: boolean,\n  isFullWidth: boolean,\n) => {\n  return useMemo(\n    () =>\n      filterUndefined({\n        borderRadius: isRound ? h / 2 : styles?.container?.borderRadius || 0,\n        boxShadow: isElevated ? DEFAULT_BOX_SHADOW : undefined,\n        minW: icon ? 0 : undefined,\n        pointerEvents: hasState ? 'none' : undefined,\n        w: isFullWidth ? '100%' : undefined,\n      }),\n    [isRound, h, styles?.container?.borderRadius, isElevated, icon, hasState, isFullWidth],\n  )\n}\n\nconst useButtonClassName = (className: string | undefined, isActive: boolean, variantProp: string | undefined) => {\n  return useMemo(\n    () =>\n      cs(\n        'vui-button',\n        className,\n        isActive && activeClassName,\n        variantProp ? `vui-button-variant-${variantProp}` : undefined,\n      ),\n    [className, isActive, variantProp],\n  )\n}\n\nconst useIconRenderer = (\n  icon: any,\n  iconLeft: any,\n  iconRight: any,\n  isLoading: boolean,\n  spacingProps: any,\n  children: any,\n  text: any,\n  isTruncated: boolean,\n) => {\n  return useMemo(\n    () => ({\n      main: isString(icon) ? <ButtonIcon name={icon} /> : icon,\n      left: isLoading ? (\n        <ButtonIcon mr={spacingProps.iconLeftMr} {...loadingIconProps} />\n      ) : isString(iconLeft) ? (\n        <ButtonIcon mr={spacingProps.iconLeftMr} name={iconLeft} />\n      ) : (\n        iconLeft\n      ),\n      right: isString(iconRight) ? (\n        <ButtonIcon ml={!children && !text ? 0 : spacingProps.iconRightMl} name={iconRight} />\n      ) : (\n        iconRight\n      ),\n      content: children ?? (isReactText(text) ? <ButtonText {...{ isTruncated, text }} /> : text),\n    }),\n    [icon, iconLeft, iconRight, isLoading, spacingProps, children, text, isTruncated],\n  )\n}\n\n/**\n * Triggers given actions on click. Supports multiple states, sizes and variants.\n *\n * Comes with additional props for extra behavior, like loading, disabled or elevated.\n *\n * Exposes some props to the children via context.\n */\nexport const Button = vui<'button', ButtonProps>((props, ref) => {\n  const buttonGroupProps = useButtonGroupContext()\n  const mergedProps = { ...buttonGroupProps, ...props }\n  const {\n    borderWidth: borderWidthProp,\n    children,\n    className,\n    colorScheme,\n    disabled,\n    dropDownIcon = 'falAngleDown',\n    icon,\n    iconLeft,\n    iconRight: iconRightProp,\n    isActive,\n    isDropDown,\n    isElevated,\n    isFullWidth,\n    isLoading,\n    isRound,\n    isSplit,\n    isTruncated,\n    size,\n    state = '',\n    stateMapping,\n    text,\n    title,\n    variant: variantProp,\n    ...rest\n  } = mergedProps\n\n  // Memoized calculations\n  const hasState = useMemo(() => Boolean(state) && state !== 'idle', [state])\n  const states = useMemo(() => ({ ...buttonStateMapping, ...stateMapping }), [stateMapping])\n  const stateData = useMemo(() => states[state] ?? {}, [states, state])\n  const { iconProps: stateIconProps, ...stateProps } = stateData\n\n  const iconRight = useMemo(() => (isDropDown ? 'falAngleDown' : iconRightProp), [isDropDown, iconRightProp])\n\n  const variant = useMemo(\n    () =>\n      filterUndefined({\n        variant: stateData?.variant ?? variantProp,\n      }),\n    [stateData?.variant, variantProp],\n  )\n\n  // Custom hooks for optimization\n  const { styles, borderWidth, h, spaceX, buttonStyles } = useButtonStyles(mergedProps, variant)\n  const spacingProps = useSpacingProps(\n    borderWidthProp,\n    borderWidth,\n    spaceX,\n    icon,\n    iconLeft,\n    iconRight,\n    isLoading ?? false,\n    isSplit ?? false,\n  )\n  const disabledProps = useDisabledProps(disabled ?? false, styles)\n  const isActiveProps = useActiveProps(isActive ?? false, styles)\n  const aliasedProps = useAliasedProps(\n    isRound ?? false,\n    h,\n    styles,\n    isElevated ?? false,\n    icon,\n    hasState,\n    isFullWidth ?? false,\n  )\n  const buttonClassName = useButtonClassName(className, isActive ?? false, variantProp)\n  const IconRenderer = useIconRenderer(\n    icon,\n    iconLeft,\n    iconRight,\n    isLoading ?? false,\n    spacingProps,\n    children,\n    text,\n    isTruncated ?? false,\n  )\n\n  // Memoized context value\n  const contextValue = useMemo(\n    () => filterUndefined({ disabled, size, variant: variant.variant }),\n    [disabled, size, variant.variant],\n  )\n\n  // Memoized content wrapper\n  const Content = useMemo(() => (hasState ? ContentWrapper : Fragment), [hasState])\n\n  // Memoized aria label\n  const ariaLabel = useMemo(() => title || '', [title])\n\n  // Optimized event handler\n  const handleStateClick = useCallback((e: { stopPropagation: () => void }) => {\n    e.stopPropagation()\n  }, [])\n\n  // Memoized final props\n  const finalProps = useMemo(\n    () => ({\n      borderWidth: spacingProps.border,\n      className: buttonClassName,\n      disabled,\n      focusRing: FOCUS_RING_SIZE,\n      h,\n      pl: spacingProps.pl,\n      pr: spacingProps.pr,\n      ref,\n      title: title || ariaLabel,\n      type: BUTTON_TYPE,\n      variant,\n      ...buttonStyles,\n      ...isActiveProps,\n      ...disabledProps,\n      ...aliasedProps,\n      ...rest,\n    }),\n    [\n      spacingProps,\n      buttonClassName,\n      disabled,\n      h,\n      ref,\n      title,\n      ariaLabel,\n      variant,\n      buttonStyles,\n      isActiveProps,\n      disabledProps,\n      aliasedProps,\n      rest,\n    ],\n  )\n\n  return (\n    <ButtonProvider value={contextValue}>\n      <ButtonBase {...finalProps}>\n        {hasState && (\n          <StateWrapper onClick={handleStateClick} {...stateProps}>\n            <ButtonIcon m=\"auto\" {...stateIconProps} />\n          </StateWrapper>\n        )}\n\n        <Content>\n          {IconRenderer.main}\n          {!icon && (\n            <>\n              {IconRenderer.left}\n              {IconRenderer.content}\n              {IconRenderer.right}\n            </>\n          )}\n        </Content>\n      </ButtonBase>\n    </ButtonProvider>\n  )\n}) as VuiComponent<'button', ButtonProps> & {\n  Icon: typeof ButtonIcon\n  Text: typeof ButtonText\n}\n\nButton.Icon = ButtonIcon\nButton.Text = ButtonText\nButton.displayName = 'Button'\n\nexport default Button\n"],"mappings":"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"}

package/dist/button/buttonIcon.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../icon/icon.js";import{useButtonContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=e=>e?.startsWith(`con`),s=n((n,s)=>{let{className:c,name:l,...u}=n,d=t(`Button`,i()),f=o(l)?void 0:l;return a(r,{className:e(`vui-buttonIcon`,c),name:f,ref:s,...d.icon,...u})});s.displayName=`ButtonIcon`;var c=s;export{s as ButtonIcon,c as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../icon/icon.js";import{useButtonContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=e=>e?.startsWith(`con`),s=n((n,s)=>{let{className:c,name:l,...u}=n,d=t(`Button`,i()),f=o(l)?void 0:l;return a(r,{className:e(`vui-buttonIcon`,c),name:f,ref:s,...d.icon,...u})});s.displayName=`ButtonIcon`;var c=s;export{s as ButtonIcon,c as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=buttonIcon.js.map

package/dist/button/buttonText.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{useButtonContext as r}from"./context.js";import i from"../t/t.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,l=t(`Button`,r());return a(i,{className:e(`vui-buttonText`,s),fontSize:`inherit`,ref:o,...l.text,...c})});o.displayName=`ButtonText`;var s=o;export{o as ButtonText,s as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{useButtonContext as r}from"./context.js";import i from"../t/t.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,l=t(`Button`,r());return a(i,{className:e(`vui-buttonText`,s),fontSize:`inherit`,ref:o,...l.text,...c})});o.displayName=`ButtonText`;var s=o;export{o as ButtonText,s as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=buttonText.js.map

package/dist/button/buttons.js

@@ -1,2 +1,2 @@
-import{vui as e}from"../core/vui.js";import t from"./button.js";import{jsx as n}from"react/jsx-runtime";const r=e((e,r)=>n(t,{ref:r,variant:`primaryDark`,...e})),i=e((e,t)=>n(c,{icon:`uiArrowLeft`,ref:t,variant:`tertiaryDark`,...e})),a=e((e,t)=>n(c,{icon:`uiTimes`,ref:t,variant:`tertiaryDark`,...e})),o=e((e,r)=>n(t,{ref:r,variant:`solidGreen`,...e})),s=e((e,r)=>n(t,{ref:r,variant:`solidRed`,...e})),c=e((e,r)=>n(t,{ref:r,variant:`tertiaryDark`,...e})),l=e((e,r)=>n(t,{ref:r,variant:`secondaryDark`,...e})),u=e((e,r)=>n(t,{ref:r,variant:`tertiaryDark`,...e}));export{r as AppButton,i as BackButton,o as CTAButton,a as CloseButton,s as DangerButton,c as IconButton,l as LineButton,u as TextButton};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{vui as e}from"../core/vui.js";import t from"./button.js";import{jsx as n}from"react/jsx-runtime";const r=e((e,r)=>n(t,{ref:r,variant:`primaryDark`,...e})),i=e((e,t)=>n(c,{icon:`uiArrowLeft`,ref:t,variant:`tertiaryDark`,...e})),a=e((e,t)=>n(c,{icon:`uiTimes`,ref:t,variant:`tertiaryDark`,...e})),o=e((e,r)=>n(t,{ref:r,variant:`solidGreen`,...e})),s=e((e,r)=>n(t,{ref:r,variant:`solidRed`,...e})),c=e((e,r)=>n(t,{ref:r,variant:`tertiaryDark`,...e})),l=e((e,r)=>n(t,{ref:r,variant:`secondaryDark`,...e})),u=e((e,r)=>n(t,{ref:r,variant:`tertiaryDark`,...e}));export{r as AppButton,i as BackButton,o as CTAButton,a as CloseButton,s as DangerButton,c as IconButton,l as LineButton,u as TextButton};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=buttons.js.map

package/dist/button/consts.js

@@ -1,2 +1,2 @@
-const e={animation:`vui-spin 0.6s linear infinite`,name:`fadSpinnerThird`,pathFill:[``,`transparent`]},t={error:{variant:`solidRed`,iconProps:{animation:`fadeDown`,icon:`uiTimesCircle`}},loading:{variant:`primaryDark`,iconProps:e},success:{variant:`solidGreen`,iconProps:{animation:`fadeDown`,icon:`uiCheckCircle`}}};export{t as buttonStateMapping,e as loadingIconProps};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+const e={animation:`vui-spin 0.6s linear infinite`,name:`fadSpinnerThird`,pathFill:[``,`transparent`]},t={error:{variant:`solidRed`,iconProps:{animation:`fadeDown`,icon:`uiTimesCircle`}},loading:{variant:`primaryDark`,iconProps:e},success:{variant:`solidGreen`,iconProps:{animation:`fadeDown`,icon:`uiCheckCircle`}}};export{t as buttonStateMapping,e as loadingIconProps};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=consts.js.map

package/dist/button/context.js

@@ -1,2 +1,2 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as ButtonProvider,n as useButtonContext};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as ButtonProvider,n as useButtonContext};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=context.js.map

package/dist/button/theme.js

@@ -1,2 +1,2 @@
-const e={},t={size:`lg`,variant:`primaryDark`,fontWeight:`medium`},n=[`container`,`icon`,`text`],r={sm:{container:{fontSize:`xs`,h:24,minW:48,spaceX:4},icon:{size:`xs`},text:{}},md:{container:{fontSize:`sm`,h:32,minW:64,spaceX:6},icon:{size:`sm`},text:{}},lg:{container:{fontSize:`md`,h:40,minW:80,spaceX:8},icon:{size:`md`},text:{}},xl:{container:{fontSize:`lg`,h:48,minW:96,spaceX:10},icon:{size:`lg`},text:{}}},i={primaryDark:{container:{bg:`buttonTypePrimaryDefaultBackgroundColorDark`,borderColor:`buttonTypePrimaryDefaultBorderColorDark`,color:`buttonTypePrimaryDefaultTextColorDark`,hoverBg:`buttonTypePrimaryHoverBackgroundColorDark`,hoverBorderColor:`buttonTypePrimaryHoverBorderColorDark`,hoverColor:`buttonTypePrimaryHoverTextColorDark`,activeBg:`buttonTypePrimaryActiveBackgroundColorDark`,activeBorderColor:`buttonTypePrimaryActiveBorderColorDark`,activeColor:`buttonTypePrimaryActiveTextColorDark`}},primaryLight:{container:{bg:`buttonTypePrimaryDefaultBackgroundColorLight`,borderColor:`buttonTypePrimaryDefaultBorderColorLight`,color:`buttonTypePrimaryDefaultTextColorLight`,hoverBg:`buttonTypePrimaryHoverBackgroundColorLight`,hoverBorderColor:`buttonTypePrimaryHoverBorderColorLight`,hoverColor:`buttonTypePrimaryHoverTextColorLight`,activeBg:`buttonTypePrimaryActiveBackgroundColorLight`,activeBorderColor:`buttonTypePrimaryActiveBorderColorLight`,activeColor:`buttonTypePrimaryActiveTextColorLight`}},secondaryDark:{container:{bg:`buttonTypeSecondaryDefaultBackgroundColorDark`,borderColor:`buttonTypeSecondaryDefaultBorderColorDark`,color:`buttonTypeSecondaryDefaultTextColorDark`,hoverBg:`buttonTypeSecondaryHoverBackgroundColorDark`,hoverBorderColor:`buttonTypeSecondaryHoverBorderColorDark`,hoverColor:`buttonTypeSecondaryHoverTextColorDark`,activeBg:`buttonTypeSecondaryActiveBackgroundColorDark`,activeBorderColor:`buttonTypeSecondaryActiveBorderColorDark`,activeColor:`buttonTypeSecondaryActiveTextColorDark`}},secondaryLight:{container:{bg:`buttonTypeSecondaryDefaultBackgroundColorLight`,borderColor:`buttonTypeSecondaryDefaultBorderColorLight`,color:`buttonTypeSecondaryDefaultTextColorLight`,hoverBg:`buttonTypeSecondaryHoverBackgroundColorLight`,hoverBorderColor:`buttonTypeSecondaryHoverBorderColorLight`,hoverColor:`buttonTypeSecondaryHoverTextColorLight`,activeBg:`buttonTypeSecondaryActiveBackgroundColorLight`,activeBorderColor:`buttonTypeSecondaryActiveBorderColorLight`,activeColor:`buttonTypeSecondaryActiveTextColorLight`}},tertiaryDark:{container:{bg:`buttonTypeTertiaryDefaultBackgroundColorDark`,borderColor:`buttonTypeTertiaryDefaultBorderColorDark`,color:`buttonTypeTertiaryDefaultTextColorDark`,hoverBg:`buttonTypeTertiaryHoverBackgroundColorDark`,hoverBorderColor:`buttonTypeTertiaryHoverBorderColorDark`,hoverColor:`buttonTypeTertiaryHoverTextColorDark`,activeBg:`buttonTypeTertiaryActiveBackgroundColorDark`,activeBorderColor:`buttonTypeTertiaryActiveBorderColorDark`,activeColor:`buttonTypeTertiaryActiveTextColorDark`}},tertiaryLight:{container:{bg:`buttonTypeTertiaryDefaultBackgroundColorLight`,borderColor:`buttonTypeTertiaryDefaultBorderColorLight`,color:`buttonTypeTertiaryDefaultTextColorLight`,hoverBg:`buttonTypeTertiaryHoverBackgroundColorLight`,hoverBorderColor:`buttonTypeTertiaryHoverBorderColorLight`,hoverColor:`buttonTypeTertiaryHoverTextColorLight`,activeBg:`buttonTypeTertiaryActiveBackgroundColorLight`,activeBorderColor:`buttonTypeTertiaryActiveBorderColorLight`,activeColor:`buttonTypeTertiaryActiveTextColorLight`}},solidBlue:{container:{bg:`seaBlue.main`,borderColor:`seaBlue.main`,color:`white`,disabledBg:`darkBlue.75`,disabledBorderColor:`darkBlue.75`,disabledColor:`white`,hoverBg:`seaBlue.20`,hoverBorderColor:`seaBlue.20`,focusBg:`seaBlue.main`,activeBg:`seaBlue.35`,activeBorderColor:`seaBlue.35`}},blueOutlined:{container:{bg:`white`,borderColor:`seaBlue.main`,color:`seaBlue.main`,disabledBg:`white`,disabledBorderColor:`darkBlue.75`,disabledColor:`darkBlue.75`,hoverBg:`skyBlue.85`,hoverBorderColor:`seaBlue.35`,activeBg:`skyBlue.90`,activeBorderColor:`seaBlue.35`}},blueText:{container:{bg:`transparent`,borderColor:`transparent`,color:`seaBlue.main`,disabledBg:`white`,disabledBorderColor:`white`,disabledColor:`darkBlue.75`,hoverBg:`skyBlue.85`,hoverBorderColor:`skyBlue.85`,focusBg:`transparent`,activeBg:`skyBlue.90`,activeBorderColor:`skyBlue.90`}},solidGreen:{container:{bg:`landGreen.35`,borderColor:`landGreen.35`,color:`white`,disabledBg:`landGreen.70`,disabledBorderColor:`landGreen.70`,disabledColor:`white`,hoverBg:`landGreen.25`,hoverBorderColor:`landGreen.25`,focusBg:`landGreen.35`,activeBg:`landGreen.41`,activeBorderColor:`landGreen.41`}},solidRed:{container:{bg:`energyRed.45`,borderColor:`energyRed.45`,color:`white`,disabledBg:`energyRed.80`,disabledBorderColor:`energyRed.80`,disabledColor:`white`,hoverBg:`energyRed.35`,hoverBorderColor:`energyRed.35`,focusBg:`energyRed.45`,activeBg:`energyRed.50`,activeBorderColor:`energyRed.50`}},subtleBlue:{container:{bg:`transparent`,borderColor:`transparent`,color:`seaBlue.main`,disabledBg:`white`,disabledBorderColor:`darkBlue.75`,disabledColor:`darkBlue.75`,hoverBg:`skyBlue.90`,hoverBorderColor:`skyBlue.90`,focusBg:`transparent`,activeBg:`skyBlue.85`,activeBorderColor:`skyBlue.85`}},subtleRed:{container:{bg:`transparent`,borderColor:`transparent`,hoverBg:`energyRed.90`,hoverBorderColor:`energyRed.90`,focusBg:`transparent`,activeBg:`energyRed.85`,color:`energyRed.45`}},subtleYellow:{container:{bg:`transparent`,borderColor:`transparent`,hoverBg:`sunflower.70`,hoverBorderColor:`sunflower.70`,focusBg:`transparent`,activeBg:`sunflower.65`,color:`sunflower.15`}},subtleGreen:{container:{bg:`transparent`,borderColor:`transparent`,hoverBg:`landGreen.90`,hoverBorderColor:`landGreen.90`,focusBg:`transparent`,activeBg:`landGreen.85`,color:`landGreen.30`}},menuLight:{container:{bg:`#ffffff`,hoverBg:`#D3EEF8`,activeBg:`#E9F7FC`,disabledBg:`#F8F7F7`,borderColor:`transparent`,hoverBorderColor:`#003591`,activeBorderColor:`#003591`,color:`#1A1A19`,hoverColor:`#1A1A19`,activeColor:`#003591`,disabledColor:`#908D89`,disabledBorderColor:`transparent`,disabledOpacity:`1`}},menuDark:{container:{bg:`#0F204B`,hoverBg:`#003591`,activeBg:`#0041B2`,disabledBg:`#0F204B`,borderColor:`transparent`,hoverBorderColor:`#91FFB4`,activeBorderColor:`#91FFB4`,color:`#FFFFFF`,hoverColor:`#FFFFFF`,activeColor:`#91FFBA`,disabledColor:`#FFFFFF`,disabledBorderColor:`transparent`,disabledOpacity:`1`}}};i.buttonGroupDefault={container:{...i.secondaryDark.container,borderColor:`sandstone.60`}},i.buttonGroupRounded={container:{bg:`white`,borderColor:`sandstone.79`,color:`sandstone.10`,hoverBg:`seaBlue.20`,hoverBorderColor:`buttonTypePrimaryHoverBorderColorDark`,hoverColor:`white`,activeBg:`seaBlue.35`,activeBorderColor:`buttonTypePrimaryActiveBorderColorDark`,activeColor:`white`,borderRadius:`round`,marginRight:`22px`}};var a={baseStyle:e,defaultProps:t,parts:n,sizes:r,variants:i};export{a as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+const e={},t={size:`lg`,variant:`primaryDark`,fontWeight:`medium`},n=[`container`,`icon`,`text`],r={sm:{container:{fontSize:`xs`,h:24,minW:48,spaceX:4},icon:{size:`xs`},text:{}},md:{container:{fontSize:`sm`,h:32,minW:64,spaceX:6},icon:{size:`sm`},text:{}},lg:{container:{fontSize:`md`,h:40,minW:80,spaceX:8},icon:{size:`md`},text:{}},xl:{container:{fontSize:`lg`,h:48,minW:96,spaceX:10},icon:{size:`lg`},text:{}}},i={primaryDark:{container:{bg:`buttonTypePrimaryDefaultBackgroundColorDark`,borderColor:`buttonTypePrimaryDefaultBorderColorDark`,color:`buttonTypePrimaryDefaultTextColorDark`,hoverBg:`buttonTypePrimaryHoverBackgroundColorDark`,hoverBorderColor:`buttonTypePrimaryHoverBorderColorDark`,hoverColor:`buttonTypePrimaryHoverTextColorDark`,activeBg:`buttonTypePrimaryActiveBackgroundColorDark`,activeBorderColor:`buttonTypePrimaryActiveBorderColorDark`,activeColor:`buttonTypePrimaryActiveTextColorDark`}},primaryLight:{container:{bg:`buttonTypePrimaryDefaultBackgroundColorLight`,borderColor:`buttonTypePrimaryDefaultBorderColorLight`,color:`buttonTypePrimaryDefaultTextColorLight`,hoverBg:`buttonTypePrimaryHoverBackgroundColorLight`,hoverBorderColor:`buttonTypePrimaryHoverBorderColorLight`,hoverColor:`buttonTypePrimaryHoverTextColorLight`,activeBg:`buttonTypePrimaryActiveBackgroundColorLight`,activeBorderColor:`buttonTypePrimaryActiveBorderColorLight`,activeColor:`buttonTypePrimaryActiveTextColorLight`}},secondaryDark:{container:{bg:`buttonTypeSecondaryDefaultBackgroundColorDark`,borderColor:`buttonTypeSecondaryDefaultBorderColorDark`,color:`buttonTypeSecondaryDefaultTextColorDark`,hoverBg:`buttonTypeSecondaryHoverBackgroundColorDark`,hoverBorderColor:`buttonTypeSecondaryHoverBorderColorDark`,hoverColor:`buttonTypeSecondaryHoverTextColorDark`,activeBg:`buttonTypeSecondaryActiveBackgroundColorDark`,activeBorderColor:`buttonTypeSecondaryActiveBorderColorDark`,activeColor:`buttonTypeSecondaryActiveTextColorDark`}},secondaryLight:{container:{bg:`buttonTypeSecondaryDefaultBackgroundColorLight`,borderColor:`buttonTypeSecondaryDefaultBorderColorLight`,color:`buttonTypeSecondaryDefaultTextColorLight`,hoverBg:`buttonTypeSecondaryHoverBackgroundColorLight`,hoverBorderColor:`buttonTypeSecondaryHoverBorderColorLight`,hoverColor:`buttonTypeSecondaryHoverTextColorLight`,activeBg:`buttonTypeSecondaryActiveBackgroundColorLight`,activeBorderColor:`buttonTypeSecondaryActiveBorderColorLight`,activeColor:`buttonTypeSecondaryActiveTextColorLight`}},tertiaryDark:{container:{bg:`buttonTypeTertiaryDefaultBackgroundColorDark`,borderColor:`buttonTypeTertiaryDefaultBorderColorDark`,color:`buttonTypeTertiaryDefaultTextColorDark`,hoverBg:`buttonTypeTertiaryHoverBackgroundColorDark`,hoverBorderColor:`buttonTypeTertiaryHoverBorderColorDark`,hoverColor:`buttonTypeTertiaryHoverTextColorDark`,activeBg:`buttonTypeTertiaryActiveBackgroundColorDark`,activeBorderColor:`buttonTypeTertiaryActiveBorderColorDark`,activeColor:`buttonTypeTertiaryActiveTextColorDark`}},tertiaryLight:{container:{bg:`buttonTypeTertiaryDefaultBackgroundColorLight`,borderColor:`buttonTypeTertiaryDefaultBorderColorLight`,color:`buttonTypeTertiaryDefaultTextColorLight`,hoverBg:`buttonTypeTertiaryHoverBackgroundColorLight`,hoverBorderColor:`buttonTypeTertiaryHoverBorderColorLight`,hoverColor:`buttonTypeTertiaryHoverTextColorLight`,activeBg:`buttonTypeTertiaryActiveBackgroundColorLight`,activeBorderColor:`buttonTypeTertiaryActiveBorderColorLight`,activeColor:`buttonTypeTertiaryActiveTextColorLight`}},solidBlue:{container:{bg:`seaBlue.main`,borderColor:`seaBlue.main`,color:`white`,disabledBg:`darkBlue.75`,disabledBorderColor:`darkBlue.75`,disabledColor:`white`,hoverBg:`seaBlue.20`,hoverBorderColor:`seaBlue.20`,focusBg:`seaBlue.main`,activeBg:`seaBlue.35`,activeBorderColor:`seaBlue.35`}},blueOutlined:{container:{bg:`white`,borderColor:`seaBlue.main`,color:`seaBlue.main`,disabledBg:`white`,disabledBorderColor:`darkBlue.75`,disabledColor:`darkBlue.75`,hoverBg:`skyBlue.85`,hoverBorderColor:`seaBlue.35`,activeBg:`skyBlue.90`,activeBorderColor:`seaBlue.35`}},blueText:{container:{bg:`transparent`,borderColor:`transparent`,color:`seaBlue.main`,disabledBg:`white`,disabledBorderColor:`white`,disabledColor:`darkBlue.75`,hoverBg:`skyBlue.85`,hoverBorderColor:`skyBlue.85`,focusBg:`transparent`,activeBg:`skyBlue.90`,activeBorderColor:`skyBlue.90`}},solidGreen:{container:{bg:`landGreen.35`,borderColor:`landGreen.35`,color:`white`,disabledBg:`landGreen.70`,disabledBorderColor:`landGreen.70`,disabledColor:`white`,hoverBg:`landGreen.25`,hoverBorderColor:`landGreen.25`,focusBg:`landGreen.35`,activeBg:`landGreen.41`,activeBorderColor:`landGreen.41`}},solidRed:{container:{bg:`energyRed.45`,borderColor:`energyRed.45`,color:`white`,disabledBg:`energyRed.80`,disabledBorderColor:`energyRed.80`,disabledColor:`white`,hoverBg:`energyRed.35`,hoverBorderColor:`energyRed.35`,focusBg:`energyRed.45`,activeBg:`energyRed.50`,activeBorderColor:`energyRed.50`}},subtleBlue:{container:{bg:`transparent`,borderColor:`transparent`,color:`seaBlue.main`,disabledBg:`white`,disabledBorderColor:`darkBlue.75`,disabledColor:`darkBlue.75`,hoverBg:`skyBlue.90`,hoverBorderColor:`skyBlue.90`,focusBg:`transparent`,activeBg:`skyBlue.85`,activeBorderColor:`skyBlue.85`}},subtleRed:{container:{bg:`transparent`,borderColor:`transparent`,hoverBg:`energyRed.90`,hoverBorderColor:`energyRed.90`,focusBg:`transparent`,activeBg:`energyRed.85`,color:`energyRed.45`}},subtleYellow:{container:{bg:`transparent`,borderColor:`transparent`,hoverBg:`sunflower.70`,hoverBorderColor:`sunflower.70`,focusBg:`transparent`,activeBg:`sunflower.65`,color:`sunflower.15`}},subtleGreen:{container:{bg:`transparent`,borderColor:`transparent`,hoverBg:`landGreen.90`,hoverBorderColor:`landGreen.90`,focusBg:`transparent`,activeBg:`landGreen.85`,color:`landGreen.30`}},menuLight:{container:{bg:`#ffffff`,hoverBg:`#D3EEF8`,activeBg:`#E9F7FC`,disabledBg:`#F8F7F7`,borderColor:`transparent`,hoverBorderColor:`#003591`,activeBorderColor:`#003591`,color:`#1A1A19`,hoverColor:`#1A1A19`,activeColor:`#003591`,disabledColor:`#908D89`,disabledBorderColor:`transparent`,disabledOpacity:`1`}},menuDark:{container:{bg:`#0F204B`,hoverBg:`#003591`,activeBg:`#0041B2`,disabledBg:`#0F204B`,borderColor:`transparent`,hoverBorderColor:`#91FFB4`,activeBorderColor:`#91FFB4`,color:`#FFFFFF`,hoverColor:`#FFFFFF`,activeColor:`#91FFBA`,disabledColor:`#FFFFFF`,disabledBorderColor:`transparent`,disabledOpacity:`1`}}};i.buttonGroupDefault={container:{...i.secondaryDark.container,borderColor:`sandstone.60`}},i.buttonGroupRounded={container:{bg:`white`,borderColor:`sandstone.79`,color:`sandstone.10`,hoverBg:`seaBlue.20`,hoverBorderColor:`buttonTypePrimaryHoverBorderColorDark`,hoverColor:`white`,activeBg:`seaBlue.35`,activeBorderColor:`buttonTypePrimaryActiveBorderColorDark`,activeColor:`white`,borderRadius:`round`,marginRight:`22px`}};var a={baseStyle:e,defaultProps:t,parts:n,sizes:r,variants:i};export{a as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=theme.js.map

package/dist/buttonGroup/buttonGroup.d.ts

@@ -16,10 +16,10 @@ import { TransitionDelayProps, TransitionDurationProps, TransitionPropertyProps,
 import { ColorProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, LetterSpacingProps, LineHeightProps, ListStylePositionProps, ListStyleTypeProps, TextAlignProps, TextDecorationProps, TextOverflowProps, TextTransformProps, VerticalAlignProps, WhiteSpaceProps } from "../system/typography.js";
 import { VuiComponent } from "../core/vui.js";
 import { ButtonGroupProps } from "./buttonGroup.types.js";
-import * as styled_components11 from "styled-components";
+import * as styled_components78 from "styled-components";
 
 //#region src/buttonGroup/buttonGroup.d.ts
-declare const ButtonGroupBase: styled_components11.StyledComponent<"div", styled_components11.DefaultTheme, AnimationProps & BackgroundColorProps & BorderProps & BorderTopProps & BorderRightProps & BorderBottomProps & BorderLeftProps & BorderColorProps & BorderTopColorProps & BorderRightColorProps & BorderBottomColorProps & BorderLeftColorProps & BorderWidthProps & BorderTopWidthProps & BorderRightWidthProps & BorderBottomWidthProps & BorderLeftWidthProps & BorderStyleProps & BorderRadiusProps & OutlineProps & OutlineColorProps & OutlineWidthProps & OutlineStyleProps & DivideXProps & DivideYProps & DivideXReverseProps & DivideYReverseProps & DivideColorProps & DivideStyleProps & RingProps & RingColorProps & OpacityProps & BoxShadowProps & TextShadowProps & DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps & RowProps & ColProps & GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps & AppearanceProps & CursorProps & PointerEventsProps & ResizeProps & UserSelectProps & IsTruncatedProps & FloatProps & BoxSizingProps & OverflowProps & OverflowXProps & OverflowYProps & PositionProps & ZIndexProps & TopProps & RightProps & BottomProps & LeftProps & VisibilityProps & OverscrollBehaviorProps & ObjectFitProps & MaxLinesProps & WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps & MarginProps & MarginTopProps & MarginRightProps & MarginBottomProps & MarginLeftProps & MarginXProps & MarginYProps & PaddingProps & PaddingTopProps & PaddingRightProps & PaddingBottomProps & PaddingLeftProps & PaddingXProps & PaddingYProps & SpaceXProps & SpaceYProps & SpaceXReverseProps & SpaceYReverseProps & BorderCollapseProps & TableLayoutProps & TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps & TransitionProps & TransitionPropertyProps & TransitionDurationProps & TransitionTimingFunctionProps & TransitionDelayProps & FontFamilyProps & FontSizeProps & FontStyleProps & FontWeightProps & LineHeightProps & ColorProps & TextTransformProps & TextDecorationProps & TextAlignProps & VerticalAlignProps & LetterSpacingProps & WhiteSpaceProps & TextOverflowProps & ListStyleTypeProps & ListStylePositionProps & WordBreakProps & {
+declare const ButtonGroupBase: styled_components78.StyledComponent<"div", styled_components78.DefaultTheme, AnimationProps & BackgroundColorProps & BorderProps & BorderTopProps & BorderRightProps & BorderBottomProps & BorderLeftProps & BorderColorProps & BorderTopColorProps & BorderRightColorProps & BorderBottomColorProps & BorderLeftColorProps & BorderWidthProps & BorderTopWidthProps & BorderRightWidthProps & BorderBottomWidthProps & BorderLeftWidthProps & BorderStyleProps & BorderRadiusProps & OutlineProps & OutlineColorProps & OutlineWidthProps & OutlineStyleProps & DivideXProps & DivideYProps & DivideXReverseProps & DivideYReverseProps & DivideColorProps & DivideStyleProps & RingProps & RingColorProps & OpacityProps & BoxShadowProps & TextShadowProps & DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps & RowProps & ColProps & GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps & AppearanceProps & CursorProps & PointerEventsProps & ResizeProps & UserSelectProps & IsTruncatedProps & FloatProps & BoxSizingProps & OverflowProps & OverflowXProps & OverflowYProps & PositionProps & ZIndexProps & TopProps & RightProps & BottomProps & LeftProps & VisibilityProps & OverscrollBehaviorProps & ObjectFitProps & MaxLinesProps & WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps & MarginProps & MarginTopProps & MarginRightProps & MarginBottomProps & MarginLeftProps & MarginXProps & MarginYProps & PaddingProps & PaddingTopProps & PaddingRightProps & PaddingBottomProps & PaddingLeftProps & PaddingXProps & PaddingYProps & SpaceXProps & SpaceYProps & SpaceXReverseProps & SpaceYReverseProps & BorderCollapseProps & TableLayoutProps & TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps & TransitionProps & TransitionPropertyProps & TransitionDurationProps & TransitionTimingFunctionProps & TransitionDelayProps & FontFamilyProps & FontSizeProps & FontStyleProps & FontWeightProps & LineHeightProps & ColorProps & TextTransformProps & TextDecorationProps & TextAlignProps & VerticalAlignProps & LetterSpacingProps & WhiteSpaceProps & TextOverflowProps & ListStyleTypeProps & ListStylePositionProps & WordBreakProps & {
   innerBorderColor: string;
 }, never>;
 /**

package/dist/buttonGroup/buttonGroup.js

@@ -50,5 +50,5 @@ import{activeClassName as e}from"../utils/consts.js";import{filterUndefined as t
   > .${e}.vui-button-variant-buttonGroupRounded:active {
     background-color: ${r.color(`seaBlue.35`)};
   }
-`,d=a((e,r)=>{let{className:i,disabled:a,innerBorderColor:d,size:f,variant:p=`default`,...m}=e,h=c(()=>t({disabled:a,size:f,variant:p===`default`?`buttonGroupDefault`:`buttonGroupRounded`}),[a,f,p]);return l(o,{value:h,children:l(u,{className:n(`vui-buttonGroup`,i,`vui-buttonGroup-variant-${p}`),innerBorderColor:d||s(e),ref:r,...m})})});d.displayName=`ButtonGroup`;var f=d;export{d as ButtonGroup,u as ButtonGroupBase,f as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,d=a((e,r)=>{let{className:i,disabled:a,innerBorderColor:d,size:f,variant:p=`default`,...m}=e,h=c(()=>t({disabled:a,size:f,variant:p===`default`?`buttonGroupDefault`:`buttonGroupRounded`}),[a,f,p]);return l(o,{value:h,children:l(u,{className:n(`vui-buttonGroup`,i,`vui-buttonGroup-variant-${p}`),innerBorderColor:d||s(e),ref:r,...m})})});d.displayName=`ButtonGroup`;var f=d;export{d as ButtonGroup,u as ButtonGroupBase,f as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=buttonGroup.js.map

package/dist/buttonGroup/context.js

@@ -1,2 +1,2 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as ButtonGroupProvider,n as useButtonGroupContext};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as ButtonGroupProvider,n as useButtonGroupContext};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=context.js.map

package/dist/buttonGroup/helpers.js

@@ -1,2 +1,2 @@
-function e(e){let{disabled:t,variant:n}=e;return t?`disabled.border`:`${n}`}export{e as getInnerBorderColor};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+function e(e){let{disabled:t,variant:n}=e;return t?`disabled.border`:`${n}`}export{e as getInnerBorderColor};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=helpers.js.map

package/dist/buttonToggleGroup/buttonToggleGroup.d.ts

@@ -1,12 +1,12 @@
 import { ButtonToggleGroupProps } from "./buttonToggleGroup.types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/buttonToggleGroup/buttonToggleGroup.d.ts
 /**
  * Organizes layout and display of multiple buttons. Based on ButtonGroup and should be used to toggle options.
  */
 declare const ButtonToggleGroup: {
-  (props: ButtonToggleGroupProps): react_jsx_runtime0.JSX.Element;
+  (props: ButtonToggleGroupProps): react_jsx_runtime12.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/buttonToggleGroup/buttonToggleGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttonToggleGroup.d.ts","names":[],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAOa,cAAA,iBAUZ,EAAA;EAAA,CAAA,KAAA,EAVwC,sBAUxC,CAAA,EAV8D,kBAAA,CAAA,GAAA,CAAA,OAU9D;aAVwC,EAAA,MAAA"}
+{"version":3,"file":"buttonToggleGroup.d.ts","names":[],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAOa,cAAA,iBAUZ,EAAA;EAAA,CAAA,KAAA,EAVwC,sBAUxC,CAAA,EAV8D,mBAAA,CAAA,GAAA,CAAA,OAU9D;aAVwC,EAAA,MAAA"}

package/dist/buttonToggleGroup/buttonToggleGroup.js

@@ -1,2 +1,2 @@
-import{dimmedBorderColor as e}from"../utils/consts.js";import{cs as t}from"../utils/styles.js";import n from"../buttonGroup/buttonGroup.js";import{jsx as r}from"react/jsx-runtime";const i=i=>{let{className:a,isDimmedBorder:o}=i;return r(n,{className:t(`vui-buttonToggleGroup`,a),innerBorderColor:o?e:``,...i})};i.displayName=`ButtonToggleGroup`;export{i as ButtonToggleGroup};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{dimmedBorderColor as e}from"../utils/consts.js";import{cs as t}from"../utils/styles.js";import n from"../buttonGroup/buttonGroup.js";import{jsx as r}from"react/jsx-runtime";const i=i=>{let{className:a,isDimmedBorder:o}=i;return r(n,{className:t(`vui-buttonToggleGroup`,a),innerBorderColor:o?e:``,...i})};i.displayName=`ButtonToggleGroup`;export{i as ButtonToggleGroup};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=buttonToggleGroup.js.map