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

package/dist/stepperVertical/stepVertical.js

@@ -2,5 +2,5 @@ import{cs as e}from"../utils/styles.js";import{styled as t}from"../core/styled.j
   display: flex;
   position: relative;
   width: 100%;
-`,f=n(({icon:t,number:n,size:f=`md`,description:p,title:m,className:h,variant:g,children:_},v)=>{let y=a()?.size||f;return u(d,{className:e(o,h),ref:v,children:[l(s,{size:y,variant:g}),l(r,{flex:`0 0 ${y===`md`?40:30}px`,children:l(i,{icon:t,number:n,size:y,variant:g})}),u(r,{flex:`1`,flexDirection:`column`,children:[!!m&&l(c,{size:y,variant:g,children:m}),!!p&&l(r,{color:`sandstone.45`,fontSize:`${y===`md`?14:12}px`,children:p}),l(r,{children:_})]})]})});f.displayName=`StepVertical`;export{f as StepVertical,d as StepVerticalBase};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,f=n(({icon:t,number:n,size:f=`md`,description:p,title:m,className:h,variant:g,children:_},v)=>{let y=a()?.size||f;return u(d,{className:e(o,h),ref:v,children:[l(s,{size:y,variant:g}),l(r,{flex:`0 0 ${y===`md`?40:30}px`,children:l(i,{icon:t,number:n,size:y,variant:g})}),u(r,{flex:`1`,flexDirection:`column`,children:[!!m&&l(c,{size:y,variant:g,children:m}),!!p&&l(r,{color:`sandstone.45`,fontSize:`${y===`md`?14:12}px`,children:p}),l(r,{children:_})]})]})});f.displayName=`StepVertical`;export{f as StepVertical,d as StepVerticalBase};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=stepVertical.js.map

package/dist/stepperVertical/stepVerticalTail.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{vui as t}from"../core/vui.js";import{Box as n}from"../box/box.js";import{tailClassName as r,variantColor as i}from"./consts.js";import{jsx as a}from"react/jsx-runtime";const o=t((t,o)=>{let{children:s,className:c,size:l=`md`,variant:u=`active`,...d}=t;return a(n,{borderRight:`1px solid ${i[u]}`,className:e(r),maxW:`16px`,minH:`100%`,position:`absolute`,ref:o,w:`${l===`md`?16:12}px`,...d})});o.displayName=`StepVerticalTail`;var s=o;export{s as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{cs as e}from"../utils/styles.js";import{vui as t}from"../core/vui.js";import{Box as n}from"../box/box.js";import{tailClassName as r,variantColor as i}from"./consts.js";import{jsx as a}from"react/jsx-runtime";const o=t((t,o)=>{let{children:s,className:c,size:l=`md`,variant:u=`active`,...d}=t;return a(n,{borderRight:`1px solid ${i[u]}`,className:e(r),maxW:`16px`,minH:`100%`,position:`absolute`,ref:o,w:`${l===`md`?16:12}px`,...d})});o.displayName=`StepVerticalTail`;var s=o;export{s as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=stepVerticalTail.js.map

package/dist/stepperVertical/stepVerticalTitle.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{vui as t}from"../core/vui.js";import{Box as n}from"../box/box.js";import{boldTitles as r,stepClassName as i,titleColor as a}from"./consts.js";import{jsx as o}from"react/jsx-runtime";const s=t((t,s)=>{let{children:c,className:l,size:u=`md`,variant:d=`active`,...f}=t;return o(n,{className:e(i+`Title`),color:a[d],fontSize:`${u===`md`?16:14}px`,fontWeight:r.includes(d)?600:void 0,pt:`${u===`md`?4:2}px`,whiteSpace:`nowrap`,...f,children:c})});s.displayName=`StepVerticalTitle`;var c=s;export{c as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{cs as e}from"../utils/styles.js";import{vui as t}from"../core/vui.js";import{Box as n}from"../box/box.js";import{boldTitles as r,stepClassName as i,titleColor as a}from"./consts.js";import{jsx as o}from"react/jsx-runtime";const s=t((t,s)=>{let{children:c,className:l,size:u=`md`,variant:d=`active`,...f}=t;return o(n,{className:e(i+`Title`),color:a[d],fontSize:`${u===`md`?16:14}px`,fontWeight:r.includes(d)?600:void 0,pt:`${u===`md`?4:2}px`,whiteSpace:`nowrap`,...f,children:c})});s.displayName=`StepVerticalTitle`;var c=s;export{c as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=stepVerticalTitle.js.map

package/dist/stepperVertical/stepperVertical.js

@@ -1,2 +1,2 @@
-import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import{StepperVerticalProvider as i}from"./context.js";import a from"./stepperVerticalBase.js";import{useMemo as o}from"react";import{jsx as s}from"react/jsx-runtime";const c=r((r,c)=>{let{children:l,className:u,size:d,...f}=r,p=n(`StepperVertical`,r),m=o(()=>e({size:d}),[d]);return s(i,{value:m,children:s(a,{className:t(`vui-stepperVertical`,u),ref:c,...p.container,...f,children:l})})});c.displayName=`StepperVertical`;export{c as StepperVertical};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import{StepperVerticalProvider as i}from"./context.js";import a from"./stepperVerticalBase.js";import{useMemo as o}from"react";import{jsx as s}from"react/jsx-runtime";const c=r((r,c)=>{let{children:l,className:u,size:d,...f}=r,p=n(`StepperVertical`,r),m=o(()=>e({size:d}),[d]);return s(i,{value:m,children:s(a,{className:t(`vui-stepperVertical`,u),ref:c,...p.container,...f,children:l})})});c.displayName=`StepperVertical`;export{c as StepperVertical};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=stepperVertical.js.map

package/dist/stepperVertical/stepperVerticalBase.js

@@ -4,5 +4,5 @@ import{styled as e}from"../core/styled.js";import{stepClassName as t,tailClassNa
   .${t}:last-of-type > .${n} {
     display: none;
   }
-`;export{r as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`;export{r as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=stepperVerticalBase.js.map

package/dist/stepperVertical/theme.js

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

package/dist/svg/cache.js

@@ -1,2 +1,2 @@
-var e=new class{cache=new Map;add=(e,t)=>{this.cache.set(e,t)};get=e=>{let t=this.cache.get(e);if(!t){let t=fetch(e).then(e=>e.text());return this.add(e,t),t}return t};reset=()=>{this.cache.clear()}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+var e=new class{cache=new Map;add=(e,t)=>{this.cache.set(e,t)};get=e=>{let t=this.cache.get(e);if(!t){let t=fetch(e).then(e=>e.text());return this.add(e,t),t}return t};reset=()=>{this.cache.clear()}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=cache.js.map

package/dist/svg/helpers.js

@@ -1,2 +1,2 @@
-function e(e){return e?Array.from(e.attributes).reduce((e,t)=>{let{name:n,value:r}=t;return e[n]=r,e},{}):{}}function t(e=``){return e.replace(/(<\/?svg(?:.|\n)*?>)|(\r\n|\n|\r)/gm,``)}function n(){return{content:``,svgAttributes:{}}}function r(e){let t=document.createElement(`div`);return t.innerHTML=e,t.firstElementChild}export{e as getAttributes,t as getSvgContent,n as initState,r as stringToHTML};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+function e(e){return e?Array.from(e.attributes).reduce((e,t)=>{let{name:n,value:r}=t;return e[n]=r,e},{}):{}}function t(e=``){return e.replace(/(<\/?svg(?:.|\n)*?>)|(\r\n|\n|\r)/gm,``)}function n(){return{content:``,svgAttributes:{}}}function r(e){let t=document.createElement(`div`);return t.innerHTML=e,t.firstElementChild}export{e as getAttributes,t as getSvgContent,n as initState,r as stringToHTML};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=helpers.js.map

package/dist/svg/svg.js

@@ -8,5 +8,5 @@ import{cs as e}from"../utils/styles.js";import{css as t,styled as n}from"../core
 					fill: ${e};
 				}
 			`)}
-  `),m=r((t,n)=>{let{children:r,className:m,src:h,...g}=t,[_,v]=d(s()),y=u(!1),b=u(h),{content:x=``,svgAttributes:S={}}=_,C=r?void 0:{__html:x};return l(()=>(y.current=!0,()=>{y.current=!1}),[]),l(()=>{b.current=h;async function e(e){try{let t=await i.get(e),n=o(t),r=c(t),s=a(r);s[`data-src`]=e??``,b.current===e&&y.current&&v({content:n,svgAttributes:s})}catch(e){console.error(e),y.current&&v(s())}}h&&e(h)},[h]),f(p,{className:e(`vui-svg`,m),dangerouslySetInnerHTML:C,ref:n,xmlns:`http://www.w3.org/2000/svg`,...S,...g,children:r})});m.displayName=`Svg`;var h=m;export{m as Svg,p as SvgBase,h as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+  `),m=r((t,n)=>{let{children:r,className:m,src:h,...g}=t,[_,v]=d(s()),y=u(!1),b=u(h),{content:x=``,svgAttributes:S={}}=_,C=r?void 0:{__html:x};return l(()=>(y.current=!0,()=>{y.current=!1}),[]),l(()=>{b.current=h;async function e(e){try{let t=await i.get(e),n=o(t),r=c(t),s=a(r);s[`data-src`]=e??``,b.current===e&&y.current&&v({content:n,svgAttributes:s})}catch(e){console.error(e),y.current&&v(s())}}h&&e(h)},[h]),f(p,{className:e(`vui-svg`,m),dangerouslySetInnerHTML:C,ref:n,xmlns:`http://www.w3.org/2000/svg`,...S,...g,children:r})});m.displayName=`Svg`;var h=m;export{m as Svg,p as SvgBase,h as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=svg.js.map

package/dist/switch/consts.js

@@ -1,2 +1,2 @@
-const e={main:`seaBlue.main`,hover:`seaBlue.40`,offBg:`sandstone.55`,offBgContrast:`sandstone.45`,disabled:`sandstone.main`,disabledBg:`sandstone.95`,green:`landGreen.main`,red:`energyRed.main`};export{e as switchColors};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+const e={main:`seaBlue.main`,hover:`seaBlue.40`,offBg:`sandstone.55`,offBgContrast:`sandstone.45`,disabled:`sandstone.main`,disabledBg:`sandstone.95`,green:`landGreen.main`,red:`energyRed.main`};export{e as switchColors};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=consts.js.map

package/dist/switch/context.d.ts

@@ -1,8 +1,8 @@
 import { SwitchContext } from "./switch.types.js";
-import * as react954 from "react";
+import * as react22 from "react";
 
 //#region src/switch/context.d.ts
-declare const SwitchProvider: react954.Provider<SwitchContext>, useSwitchContext: () => SwitchContext;
+declare const SwitchProvider: react22.Provider<SwitchContext>, useSwitchContext: () => SwitchContext;
 //#endregion
 export { SwitchProvider, useSwitchContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/switch/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/switch/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,gBAAc,QAAA,CAAA,SAAA,gBAAE,wBAAgB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/switch/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,gBAAc,OAAA,CAAA,SAAA,gBAAE,wBAAgB"}

package/dist/switch/context.js

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

package/dist/switch/switchButton.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { SwitchButtonProps } from "./switch.types.js";
-import * as styled_components440 from "styled-components";
+import * as styled_components86 from "styled-components";
 
 //#region src/switch/switchButton.d.ts
-declare const SwitchButtonBase: styled_components440.StyledComponent<"span", any, SystemProps, never>;
+declare const SwitchButtonBase: styled_components86.StyledComponent<"span", any, SystemProps, never>;
 /**
  * Controls the logic and visuals of multiple inner parts, such as input, track or thumb elements.
  * Handles controlled and uncontrolled modes.

package/dist/switch/switchButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switchButton.d.ts","names":[],"sources":["../../src/switch/switchButton.tsx"],"sourcesContent":[],"mappings":";;;;;;cAyCa,kBAAgB,oBAAA,CAAA;;;;;AAAhB,cAwBA,YANZ,cAAA,CAAA,MAAA,EAMwB,iBANxB,CAAA"}
+{"version":3,"file":"switchButton.d.ts","names":[],"sources":["../../src/switch/switchButton.tsx"],"sourcesContent":[],"mappings":";;;;;;cAyCa,kBAAgB,mBAAA,CAAA;;;;;AAAhB,cAwBA,YANZ,cAAA,CAAA,MAAA,EAMwB,iBANxB,CAAA"}

package/dist/switch/switchButton.js

@@ -38,5 +38,5 @@ import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../util
       color: ${n.disabled};
     }
   }
-`,v=o((a,o)=>{let m={...s(),...a},{checked:v,className:y,defaultChecked:b,disabled:x,id:S,innerLabelOff:C,innerLabelOn:w,inputProps:T,inputRef:E,name:D,onBlur:O,onChange:k,onFocus:A,required:j,value:M,...N}=r(m),{current:P}=l(v!==void 0),[F,I]=u(v??b),[L,R]=u(!1),{thumb:z,track:B,...V}=i(`Switch`,s()).button;c(()=>{P&&I(v)},[v,P]);function H(e){R(!1),O?.(e)}function U(e){P||I(e.target.checked),k?.(e)}function W(e){R(!0),A?.(e)}let G=(z.h-B.h)/2,K=`calc(100% - ${Math.abs(G-z.h)}px)`,q=`${z.h-G+4}px`,J=e({"aria-disabled":x,"data-focused":!!L}),Y=e({left:F?K:-G,ring:L?z.ring:0}),X=e({bg:F?B.bg:C?n.offBgContrast:n.offBg,pl:F?1:q,pr:F?q:1,ring:x?3:L?B.ring:0});return f(_,{className:t(`vui-switchButton`,y),ref:o,...V,...J,...N,children:[d(p,{className:`vui-switchInput`,onBlur:H,onChange:U,onFocus:W,ref:E,tabIndex:-1,type:`checkbox`,checked:v,defaultChecked:b,disabled:x,id:S,name:D,required:j,value:M,...T}),f(g,{className:`vui-switchTrack`,tabIndex:0,...B,...X,children:[!F&&C,d(h,{className:`vui-switchThumb`,...z,...Y}),F&&w]})]})});v.displayName=`SwitchButton`;export{v as SwitchButton,_ as SwitchButtonBase};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,v=o((a,o)=>{let m={...s(),...a},{checked:v,className:y,defaultChecked:b,disabled:x,id:S,innerLabelOff:C,innerLabelOn:w,inputProps:T,inputRef:E,name:D,onBlur:O,onChange:k,onFocus:A,required:j,value:M,...N}=r(m),{current:P}=l(v!==void 0),[F,I]=u(v??b),[L,R]=u(!1),{thumb:z,track:B,...V}=i(`Switch`,s()).button;c(()=>{P&&I(v)},[v,P]);function H(e){R(!1),O?.(e)}function U(e){P||I(e.target.checked),k?.(e)}function W(e){R(!0),A?.(e)}let G=(z.h-B.h)/2,K=`calc(100% - ${Math.abs(G-z.h)}px)`,q=`${z.h-G+4}px`,J=e({"aria-disabled":x,"data-focused":!!L}),Y=e({left:F?K:-G,ring:L?z.ring:0}),X=e({bg:F?B.bg:C?n.offBgContrast:n.offBg,pl:F?1:q,pr:F?q:1,ring:x?3:L?B.ring:0});return f(_,{className:t(`vui-switchButton`,y),ref:o,...V,...J,...N,children:[d(p,{className:`vui-switchInput`,onBlur:H,onChange:U,onFocus:W,ref:E,tabIndex:-1,type:`checkbox`,checked:v,defaultChecked:b,disabled:x,id:S,name:D,required:j,value:M,...T}),f(g,{className:`vui-switchTrack`,tabIndex:0,...B,...X,children:[!F&&C,d(h,{className:`vui-switchThumb`,...z,...Y}),F&&w]})]})});v.displayName=`SwitchButton`;export{v as SwitchButton,_ as SwitchButtonBase};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=switchButton.js.map

package/dist/switch/switchLabel.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"../t/t.js";import{useSwitchContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,l=t(`Switch`,i());return l.label.size===`xl`&&(c.fontSize=20),a(r,{className:e(`vui-switchLabel`,s),display:`flex`,ref:o,...l.label,...c})});o.displayName=`SwitchLabel`;export{o as SwitchLabel};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"../t/t.js";import{useSwitchContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,l=t(`Switch`,i());return l.label.size===`xl`&&(c.fontSize=20),a(r,{className:e(`vui-switchLabel`,s),display:`flex`,ref:o,...l.label,...c})});o.displayName=`SwitchLabel`;export{o as SwitchLabel};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=switchLabel.js.map

package/dist/switch/switchMain.d.ts

@@ -3,10 +3,10 @@ import { VuiComponent } from "../core/vui.js";
 import { SwitchProps } from "./switch.types.js";
 import { SwitchButton } from "./switchButton.js";
 import { SwitchLabel } from "./switchLabel.js";
-import * as styled_components438 from "styled-components";
+import * as styled_components84 from "styled-components";
 
 //#region src/switch/switchMain.d.ts
-declare const SwitchBase: styled_components438.StyledComponent<"label", styled_components438.DefaultTheme, SystemProps, never>;
+declare const SwitchBase: styled_components84.StyledComponent<"label", styled_components84.DefaultTheme, SystemProps, never>;
 /**
  * Displays a toggle button with supporting text. Allows passing custom elements as side labels and inner labels.
  * Forwards many relevant props to the innner input element. Exposes some props to the children via context.

package/dist/switch/switchMain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switchMain.d.ts","names":[],"sources":["../../src/switch/switchMain.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAUa,YAAU,oBAAA,CAAA,yBActB,oBAAA,CAdsB,YAAA;;;;AAAvB;AAcC,cAMY,MANZ,EAkEK,YAlEL,CAAA,OAAA,EAkE2B,WAlE3B,CAAA,GAAA;QAAA,EAAA,OAmEgB,YAjFM;gBAkFP"}
+{"version":3,"file":"switchMain.d.ts","names":[],"sources":["../../src/switch/switchMain.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAUa,YAAU,mBAAA,CAAA,yBActB,mBAAA,CAdsB,YAAA;;;;AAAvB;AAcC,cAMY,MANZ,EAkEK,YAlEL,CAAA,OAAA,EAkE2B,WAlE3B,CAAA,GAAA;QAAA,EAAA,OAmEgB,YAjFM;gBAkFP"}

package/dist/switch/switchMain.js

@@ -12,5 +12,5 @@ import{isReactText as e}from"../utils/assertion.js";import{filterUndefined as t}
       color: disabled.color;
     }
   }
-`,p=a((i,a)=>{let{button:p,checked:m,children:h,className:g,defaultChecked:_,disabled:v,id:y,innerLabelOff:b,innerLabelOn:x,inputProps:S,inputRef:C,labelLeft:w,labelRight:T,name:E,onBlur:D,onChange:O,onFocus:k,required:A,size:j,value:M,variant:N,...P}=i,F=r(`Switch`,i),I=l(()=>t({checked:m,defaultChecked:_,disabled:v,name:E,onBlur:D,onChange:O,onFocus:k,required:A,size:j,value:M,variant:N}),[m,_,v,E,D,O,k,A,j,M,N]),L=t({"aria-disabled":v});return u(o,{value:I,children:d(f,{className:n(`vui-switch`,g),ref:a,...F.container,...L,...P,children:[e(w)?u(c,{mr:1,text:w}):w,h??p??u(s,{id:y,innerLabelOff:b,innerLabelOn:x,inputProps:S,inputRef:C}),e(T)?u(c,{ml:1,text:T}):T]})})});p.Button=s,p.Label=c,p.displayName=`Switch`;export{p as Switch,f as SwitchBase};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,p=a((i,a)=>{let{button:p,checked:m,children:h,className:g,defaultChecked:_,disabled:v,id:y,innerLabelOff:b,innerLabelOn:x,inputProps:S,inputRef:C,labelLeft:w,labelRight:T,name:E,onBlur:D,onChange:O,onFocus:k,required:A,size:j,value:M,variant:N,...P}=i,F=r(`Switch`,i),I=l(()=>t({checked:m,defaultChecked:_,disabled:v,name:E,onBlur:D,onChange:O,onFocus:k,required:A,size:j,value:M,variant:N}),[m,_,v,E,D,O,k,A,j,M,N]),L=t({"aria-disabled":v});return u(o,{value:I,children:d(f,{className:n(`vui-switch`,g),ref:a,...F.container,...L,...P,children:[e(w)?u(c,{mr:1,text:w}):w,h??p??u(s,{id:y,innerLabelOff:b,innerLabelOn:x,inputProps:S,inputRef:C}),e(T)?u(c,{ml:1,text:T}):T]})})});p.Button=s,p.Label=c,p.displayName=`Switch`;export{p as Switch,f as SwitchBase};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=switchMain.js.map

package/dist/switch/theme.js

@@ -1,2 +1,2 @@
-import{switchColors as e}from"./consts.js";const t={button:{thumb:{bg:`white`},track:{ring:3}}};function n(){return{button:{fontSize:`lg`,minW:58,thumb:{h:28,w:28},track:{h:32}},label:{size:`xl`}}}function r(){return{button:{fontSize:`md`,minW:50,thumb:{h:24,w:24},track:{h:28}},label:{size:`lg`}}}function i(){return{button:{fontSize:`sm`,minW:42,thumb:{h:20,w:20},track:{h:24}},label:{size:`md`}}}function a(){return{button:{fontSize:`xs`,minW:34,thumb:{h:16,w:16},track:{h:20}},label:{size:`sm`}}}const o={size:`md`,variant:`primary`},s=[`container`,`button`,`label`],c={sm:a,md:i,lg:r,xl:n},l={primary:{button:{track:{bg:e.main}}},green:{button:{track:{bg:e.green}}},red:{button:{track:{bg:e.red}}}};var u={baseStyle:t,defaultProps:o,parts:s,sizes:c,variants:l};export{u as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{switchColors as e}from"./consts.js";const t={button:{thumb:{bg:`white`},track:{ring:3}}};function n(){return{button:{fontSize:`lg`,minW:58,thumb:{h:28,w:28},track:{h:32}},label:{size:`xl`}}}function r(){return{button:{fontSize:`md`,minW:50,thumb:{h:24,w:24},track:{h:28}},label:{size:`lg`}}}function i(){return{button:{fontSize:`sm`,minW:42,thumb:{h:20,w:20},track:{h:24}},label:{size:`md`}}}function a(){return{button:{fontSize:`xs`,minW:34,thumb:{h:16,w:16},track:{h:20}},label:{size:`sm`}}}const o={size:`md`,variant:`primary`},s=[`container`,`button`,`label`],c={sm:a,md:i,lg:r,xl:n},l={primary:{button:{track:{bg:e.main}}},green:{button:{track:{bg:e.green}}},red:{button:{track:{bg:e.red}}}};var u={baseStyle:t,defaultProps:o,parts:s,sizes:c,variants:l};export{u as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=theme.js.map

package/dist/system/custom.js

@@ -1,2 +1,2 @@
-import{style as e}from"@xstyled/styled-components";const t=e({prop:`isTruncated`,cssProperty:function(){return{overflow:`hidden`,"text-overflow":`ellipsis`,"white-space":`nowrap`}},states:{}}),n=e({prop:`maxLines`,cssProperty:function(e){return{display:`-webkit-box`,overflow:`hidden`,"-webkit-line-clamp":`${e}`,"-webkit-box-orient":`vertical`}},states:{}}),r=e({prop:`wordBreak`});export{t as isTruncated,n as maxLines,r as wordBreak};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{style as e}from"@xstyled/styled-components";const t=e({prop:`isTruncated`,cssProperty:function(){return{overflow:`hidden`,"text-overflow":`ellipsis`,"white-space":`nowrap`}},states:{}}),n=e({prop:`maxLines`,cssProperty:function(e){return{display:`-webkit-box`,overflow:`hidden`,"-webkit-line-clamp":`${e}`,"-webkit-box-orient":`vertical`}},states:{}}),r=e({prop:`wordBreak`});export{t as isTruncated,n as maxLines,r as wordBreak};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=custom.js.map

package/dist/system/system.js

@@ -1,2 +1,2 @@
-import{isTruncated as e,maxLines as t,wordBreak as n}from"./custom.js";import{animation as r,backgroundColor as i,borders as a,color as o,compose as s,effects as c,flexboxGrids as l,flexboxes as u,grids as d,interactivity as f,layout as p,sizing as m,space as h,tables as g,transforms as _,transitions as v,typography as y}from"@xstyled/styled-components";const b=s(r,i,a,o,c,u,l,d,f,e,p,t,m,h,g,_,v,y,n);export{b as system};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{isTruncated as e,maxLines as t,wordBreak as n}from"./custom.js";import{animation as r,backgroundColor as i,borders as a,color as o,compose as s,effects as c,flexboxGrids as l,flexboxes as u,grids as d,interactivity as f,layout as p,sizing as m,space as h,tables as g,transforms as _,transitions as v,typography as y}from"@xstyled/styled-components";const b=s(r,i,a,o,c,u,l,d,f,e,p,t,m,h,g,_,v,y,n);export{b as system};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=system.js.map

package/dist/t/t.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { TProps } from "./t.types.js";
 import { VuiComponent } from "../core/vui.js";
-import * as styled_components441 from "styled-components";
+import * as styled_components439 from "styled-components";
 
 //#region src/t/t.d.ts
-declare const TBase: styled_components441.StyledComponent<"span", styled_components441.DefaultTheme, SystemProps, never>;
+declare const TBase: styled_components439.StyledComponent<"span", styled_components439.DefaultTheme, SystemProps, never>;
 /** Displays given text and allows easy styling. */
 declare const T: VuiComponent<"span", TProps>;
 //#endregion

package/dist/t/t.js

@@ -1,4 +1,4 @@
 import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../utils/styles.js";import{omitThemingProps as n,useStyleConfig as r}from"../core/theme.js";import{styled as i}from"../core/styled.js";import{vui as a}from"../core/vui.js";import{jsx as o}from"react/jsx-runtime";const s=i.spanBox`
   transition-duration: fast;
-`,c=a((i,a)=>{let{align:c,casing:l,centerV:u,children:d,className:f,decoration:p,text:m,weight:h,...g}=n(i),_=r(`T`,i),v=e({alignItems:u?`center`:void 0,display:u?`inline-flex`:void 0,fontWeight:h,textAlign:c,textDecoration:p,textTransform:l});return o(s,{className:t(`vui-t`,f),ref:a,..._,...v,...g,children:d??m})});c.displayName=`T`;var l=c;export{c as T,s as TBase,l as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,c=a((i,a)=>{let{align:c,casing:l,centerV:u,children:d,className:f,decoration:p,text:m,weight:h,...g}=n(i),_=r(`T`,i),v=e({alignItems:u?`center`:void 0,display:u?`inline-flex`:void 0,fontWeight:h,textAlign:c,textDecoration:p,textTransform:l});return o(s,{className:t(`vui-t`,f),ref:a,..._,...v,...g,children:d??m})});c.displayName=`T`;var l=c;export{c as T,s as TBase,l as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=t.js.map

package/dist/t/theme.js

@@ -1,2 +1,2 @@
-var e={baseStyle:{},defaultProps:{size:`md`},sizes:{xs:{fontSize:`xs`},sm:{fontSize:`sm`},md:{fontSize:`md`},lg:{fontSize:`lg`}},variants:{label:{fontSize:`md`,fontWeight:`demi`},caption:{fontSize:`sm`,fontWeight:`medium`}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+var e={baseStyle:{},defaultProps:{size:`md`},sizes:{xs:{fontSize:`xs`},sm:{fontSize:`sm`},md:{fontSize:`md`},lg:{fontSize:`lg`}},variants:{label:{fontSize:`md`,fontWeight:`demi`},caption:{fontSize:`sm`,fontWeight:`medium`}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=theme.js.map

package/dist/table/context.d.ts

@@ -1,8 +1,8 @@
 import { TableContext } from "./table.types.js";
-import * as react939 from "react";
+import * as react3 from "react";
 
 //#region src/table/context.d.ts
-declare const TableProvider: react939.Provider<TableContext>, useTableContext: () => TableContext;
+declare const TableProvider: react3.Provider<TableContext>, useTableContext: () => TableContext;
 //#endregion
 export { TableProvider, useTableContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/table/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/table/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,eAAa,QAAA,CAAA,SAAA,eAAE,uBAAe"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/table/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,eAAa,MAAA,CAAA,SAAA,eAAE,uBAAe"}

package/dist/table/context.js

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

package/dist/table/table.d.ts

@@ -25,13 +25,13 @@ import { Tfoot } from "./tfoot.js";
 import { Th } from "./th.js";
 import { Thead } from "./thead.js";
 import { Tr } from "./tr.js";
-import * as styled_components382 from "styled-components";
+import * as styled_components8 from "styled-components";
 
 //#region src/table/table.d.ts
 /**
  * Displays a Table with support for columns, rows and sort.
  */
-declare const TableBase: styled_components382.StyledComponent<"table", styled_components382.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 & UseTableProps & ThemingProps<"Table"> & {
+declare const TableBase: styled_components8.StyledComponent<"table", styled_components8.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 & UseTableProps & ThemingProps<"Table"> & {
   columns?: TableColumn[] | readonly TableColumn[];
   rows?: any[];
   stickyColumn?: boolean;

package/dist/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","names":[],"sources":["../../src/table/table.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAmBa,gCAAS,yBAmCrB,oBAAA,CAnCqB,YAAA;;;;;;;cAsCT,OA6CP,sBAAsB;mBACT;gBACH;aACH;gBACG;aACH;gBACG;aACH"}
+{"version":3,"file":"table.d.ts","names":[],"sources":["../../src/table/table.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAmBa,8BAAS,yBAmCrB,kBAAA,CAnCqB,YAAA;;;;;;;cAsCT,OA6CP,sBAAsB;mBACT;gBACH;aACH;gBACG;aACH;gBACG;aACH"}

package/dist/table/table.js

@@ -31,5 +31,5 @@ import{compareBy as e}from"../utils/array.js";import{cs as t}from"../utils/style
         background-color: white;
       }
     `}
-`,b=a((r,i)=>{let{children:a,className:s,columns:c,defaultSort:l,onSortChange:d,rows:f,size:b,sort:x,stickyColumn:S,stickyHeader:C,variant:w,...T}=r,E=n(`Table`,r),D=m({defaultSort:l,onSortChange:d,sort:x}),{isControlled:O,sort:k}=D,A=h(()=>O?f:f?.slice().sort(e(k.key,k.order)),[f,k,O]),j={...D,columns:c,rows:A,size:b,stickyColumn:S,stickyHeader:C,variant:w};return _(o,{value:j,children:_(y,{className:t(`vui-table`,s),ref:i,stickyColumn:S,...E.container,...T,children:a??v(g,{children:[_(p,{}),_(u,{})]})})})});b.SortIcon=s,b.Tbody=u,b.Td=c,b.Tfoot=d,b.Th=f,b.Thead=p,b.Tr=l,b.displayName=`Table`;export{b as Table,y as TableBase};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,b=a((r,i)=>{let{children:a,className:s,columns:c,defaultSort:l,onSortChange:d,rows:f,size:b,sort:x,stickyColumn:S,stickyHeader:C,variant:w,...T}=r,E=n(`Table`,r),D=m({defaultSort:l,onSortChange:d,sort:x}),{isControlled:O,sort:k}=D,A=h(()=>O?f:f?.slice().sort(e(k.key,k.order)),[f,k,O]),j={...D,columns:c,rows:A,size:b,stickyColumn:S,stickyHeader:C,variant:w};return _(o,{value:j,children:_(y,{className:t(`vui-table`,s),ref:i,stickyColumn:S,...E.container,...T,children:a??v(g,{children:[_(p,{}),_(u,{})]})})})});b.SortIcon=s,b.Tbody=u,b.Td=c,b.Tfoot=d,b.Th=f,b.Thead=p,b.Tr=l,b.displayName=`Table`;export{b as Table,y as TableBase};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=table.js.map

package/dist/table/tableSortIcon.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{Icon as r}from"../icon/icon.js";import{useTableContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,order:c,...l}=n,u=t(`Table`,i()),d=c===`asc`?180:0,f=c?[`seaBlue.main`,`sandstone.main`]:`sandstone.main`;return a(r,{className:e(`vui-tableSortIcon`,s),name:`uiSort`,pathFill:f,ref:o,rotate:d,size:`xs`,...u.tableSortIcon,...l})});o.displayName=`TableSortIcon`;var s=o;export{o as TableSortIcon,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{Icon as r}from"../icon/icon.js";import{useTableContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,order:c,...l}=n,u=t(`Table`,i()),d=c===`asc`?180:0,f=c?[`seaBlue.main`,`sandstone.main`]:`sandstone.main`;return a(r,{className:e(`vui-tableSortIcon`,s),name:`uiSort`,pathFill:f,ref:o,rotate:d,size:`xs`,...u.tableSortIcon,...l})});o.displayName=`TableSortIcon`;var s=o;export{o as TableSortIcon,s as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=tableSortIcon.js.map

package/dist/table/tbody.d.ts

@@ -1,9 +1,9 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
-import * as styled_components386 from "styled-components";
+import * as styled_components10 from "styled-components";
 
 //#region src/table/tbody.d.ts
-declare const TbodyBase: styled_components386.StyledComponent<"tbody", styled_components386.DefaultTheme, SystemProps, never>;
+declare const TbodyBase: styled_components10.StyledComponent<"tbody", styled_components10.DefaultTheme, SystemProps, never>;
 /** Displays Table body with built-in support for rows. */
 declare const Tbody: VuiComponent<"tbody", SystemProps>;
 //#endregion

package/dist/table/tbody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tbody.d.ts","names":[],"sources":["../../src/table/tbody.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,WAAS,oBAAA,CAAA,yBAsBrB,oBAAA,CAtBqB,YAAA;;cAyBT"}
+{"version":3,"file":"tbody.d.ts","names":[],"sources":["../../src/table/tbody.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,WAAS,mBAAA,CAAA,yBAsBrB,mBAAA,CAtBqB,YAAA;;cAyBT"}

package/dist/table/tbody.js

@@ -20,5 +20,5 @@ import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/
       background-color: transparent;
     }
   }
-`,l=r((n,r)=>{let{children:l,className:u,...d}=n,{columns:f,rows:p}=i()??{},m=t(`Table`,i());return s(c,{className:e(`vui-tbody`,u),ref:r,...m.tbody,...d,children:l??p?.map((e,t)=>s(o,{children:f?.map(t=>s(a,{children:e[t.field]},t.field))},t))})});l.displayName=`Tbody`;var u=l;export{l as Tbody,c as TbodyBase,u as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,l=r((n,r)=>{let{children:l,className:u,...d}=n,{columns:f,rows:p}=i()??{},m=t(`Table`,i());return s(c,{className:e(`vui-tbody`,u),ref:r,...m.tbody,...d,children:l??p?.map((e,t)=>s(o,{children:f?.map(t=>s(a,{children:e[t.field]},t.field))},t))})});l.displayName=`Tbody`;var u=l;export{l as Tbody,c as TbodyBase,u as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=tbody.js.map

package/dist/table/td.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { TdProps } from "./table.types.js";
-import * as styled_components384 from "styled-components";
+import * as styled_components12 from "styled-components";
 
 //#region src/table/td.d.ts
-declare const TdBase: styled_components384.StyledComponent<"td", styled_components384.DefaultTheme, SystemProps, never>;
+declare const TdBase: styled_components12.StyledComponent<"td", styled_components12.DefaultTheme, SystemProps, never>;
 /** Displays a cell inside Table row. */
 declare const Td: VuiComponent<"td", TdProps>;
 //#endregion

package/dist/table/td.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"td.d.ts","names":[],"sources":["../../src/table/td.tsx"],"sourcesContent":[],"mappings":";;;;;;cAMa,QAAM,oBAAA,CAAA,sBAElB,oBAAA,CAFkB,YAAA;;cAKN,uBAAE"}
+{"version":3,"file":"td.d.ts","names":[],"sources":["../../src/table/td.tsx"],"sourcesContent":[],"mappings":";;;;;;cAMa,QAAM,mBAAA,CAAA,sBAElB,mBAAA,CAFkB,YAAA;;cAKN,uBAAE"}

package/dist/table/td.js

@@ -1,4 +1,4 @@
 import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{styled as n}from"../core/styled.js";import{vui as r}from"../core/vui.js";import i from"../t/t.js";import{useTableContext as a}from"./context.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=n.tdBox`
   transition-duration: fast;
-`,l=r((n,r)=>{let{className:l,level:u=0,children:d,...f}=n,p=t(`Table`,a());return s(c,{className:e(`vui-td`,l),px:2,ref:r,...p.td,...f,children:[!!u&&o(i,{mr:1,children:Array.from({length:u}).map((e,t)=>o(i,{children:`—`},t))}),d]})});l.displayName=`Td`;var u=l;export{l as Td,c as TdBase,u as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,l=r((n,r)=>{let{className:l,level:u=0,children:d,...f}=n,p=t(`Table`,a());return s(c,{className:e(`vui-td`,l),px:2,ref:r,...p.td,...f,children:[!!u&&o(i,{mr:1,children:Array.from({length:u}).map((e,t)=>o(i,{children:`—`},t))}),d]})});l.displayName=`Td`;var u=l;export{l as Td,c as TdBase,u as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=td.js.map

package/dist/table/tfoot.d.ts

@@ -1,9 +1,9 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
-import * as styled_components388 from "styled-components";
+import * as styled_components14 from "styled-components";
 
 //#region src/table/tfoot.d.ts
-declare const TfootBase: styled_components388.StyledComponent<"tfoot", styled_components388.DefaultTheme, SystemProps, never>;
+declare const TfootBase: styled_components14.StyledComponent<"tfoot", styled_components14.DefaultTheme, SystemProps, never>;
 /** Displays Table footer. */
 declare const Tfoot: VuiComponent<"tfoot", SystemProps>;
 //#endregion

package/dist/table/tfoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tfoot.d.ts","names":[],"sources":["../../src/table/tfoot.tsx"],"sourcesContent":[],"mappings":";;;;;cAKa,WAAS,oBAAA,CAAA,yBAAoB,oBAAA,CAApB,YAAA;;cAGT"}
+{"version":3,"file":"tfoot.d.ts","names":[],"sources":["../../src/table/tfoot.tsx"],"sourcesContent":[],"mappings":";;;;;cAKa,WAAS,mBAAA,CAAA,yBAAoB,mBAAA,CAApB,YAAA;;cAGT"}

package/dist/table/tfoot.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{styled as n}from"../core/styled.js";import{vui as r}from"../core/vui.js";import{useTableContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n.tfootBox``,s=r((n,r)=>{let{className:s,...c}=n,l=t(`Table`,i());return a(o,{className:e(`vui-tfoot`,s),ref:r,...l.tfoot,...c})});s.displayName=`Tfoot`;var c=s;export{s as Tfoot,o as TfootBase,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{styled as n}from"../core/styled.js";import{vui as r}from"../core/vui.js";import{useTableContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n.tfootBox``,s=r((n,r)=>{let{className:s,...c}=n,l=t(`Table`,i());return a(o,{className:e(`vui-tfoot`,s),ref:r,...l.tfoot,...c})});s.displayName=`Tfoot`;var c=s;export{s as Tfoot,o as TfootBase,c as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=tfoot.js.map

package/dist/table/th.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { ThProps } from "./table.types.js";
-import * as styled_components390 from "styled-components";
+import * as styled_components16 from "styled-components";
 
 //#region src/table/th.d.ts
-declare const ThBase: styled_components390.StyledComponent<"th", styled_components390.DefaultTheme, SystemProps, never>;
+declare const ThBase: styled_components16.StyledComponent<"th", styled_components16.DefaultTheme, SystemProps, never>;
 /** Displays Table heading with support for sort. */
 declare const Th: VuiComponent<"th", ThProps>;
 //#endregion

package/dist/table/th.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"th.d.ts","names":[],"sources":["../../src/table/th.tsx"],"sourcesContent":[],"mappings":";;;;;;cAQa,QAAM,oBAAA,CAAA,sBAIlB,oBAAA,CAJkB,YAAA;;cAON,uBAAE"}
+{"version":3,"file":"th.d.ts","names":[],"sources":["../../src/table/th.tsx"],"sourcesContent":[],"mappings":";;;;;;cAQa,QAAM,mBAAA,CAAA,sBAIlB,mBAAA,CAJkB,YAAA;;cAON,uBAAE"}

package/dist/table/th.js

@@ -2,5 +2,5 @@ import{useCallbackRef as e}from"../utils/react.js";import{cs as t}from"../utils/
   font-weight: demi;
   text-align: left;
   transition-duration: fast;
-`,d=i((r,i)=>{let{children:d,className:f,disabled:p,field:m,isInteractive:h,isSortable:g,onClick:_,title:v,...y}=r,b=o(),x=n(`Table`,b),{onSortChange:S,sort:C}=b||{},w=e(e=>{_?.(e),g&&m&&S&&S(m)}),T=_||g?w:void 0,E=!p&&C?.key===m,D=E?C.order:void 0,O=h??T!==void 0,k=E?{bg:`skyBlue.active`}:{},A=p?{bg:`disabled.bg`,color:`disabled.color`,cursor:`not-allowed`}:{},j=g?`skyBlue.hover`:void 0,M=!p&&O?{cursor:`pointer`,onClick:T,tabIndex:0,userSelect:`none`}:{};return c(u,{className:t(`vui-th`,f),"data-active":E,"data-disabled":p,hoverBg:j,px:2,ref:i,...x.th,...k,...A,...M,...y,children:d??l(a,{centerV:!0,display:`inline-flex`,children:[v,g&&c(s,{ml:1,my:.5,order:D})]})})});d.displayName=`Th`;var f=d;export{d as Th,u as ThBase,f as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,d=i((r,i)=>{let{children:d,className:f,disabled:p,field:m,isInteractive:h,isSortable:g,onClick:_,title:v,...y}=r,b=o(),x=n(`Table`,b),{onSortChange:S,sort:C}=b||{},w=e(e=>{_?.(e),g&&m&&S&&S(m)}),T=_||g?w:void 0,E=!p&&C?.key===m,D=E?C.order:void 0,O=h??T!==void 0,k=E?{bg:`skyBlue.active`}:{},A=p?{bg:`disabled.bg`,color:`disabled.color`,cursor:`not-allowed`}:{},j=g?`skyBlue.hover`:void 0,M=!p&&O?{cursor:`pointer`,onClick:T,tabIndex:0,userSelect:`none`}:{};return c(u,{className:t(`vui-th`,f),"data-active":E,"data-disabled":p,hoverBg:j,px:2,ref:i,...x.th,...k,...A,...M,...y,children:d??l(a,{centerV:!0,display:`inline-flex`,children:[v,g&&c(s,{ml:1,my:.5,order:D})]})})});d.displayName=`Th`;var f=d;export{d as Th,u as ThBase,f as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=th.js.map

package/dist/table/thead.js

@@ -3,5 +3,5 @@ import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/
   tr td {
     border-bottom: 1px solid sandstone.main;
   }
-`,l=r((n,r)=>{let{children:l,className:u,...d}=n,{columns:f,stickyHeader:p}=i()??{},m=t(`Table`,i()),h=p?{bg:`white`,position:`sticky`,top:0,zIndex:3}:{};return s(c,{className:e(`vui-thead`,u),ref:r,...h,...m.thead,...d,children:l??s(a,{children:f?.map(e=>s(o,{role:`columnheader`,...e},e.field))})})});l.displayName=`Thead`;var u=l;export{l as Thead,u as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,l=r((n,r)=>{let{children:l,className:u,...d}=n,{columns:f,stickyHeader:p}=i()??{},m=t(`Table`,i()),h=p?{bg:`white`,position:`sticky`,top:0,zIndex:3}:{};return s(c,{className:e(`vui-thead`,u),ref:r,...h,...m.thead,...d,children:l??s(a,{children:f?.map(e=>s(o,{role:`columnheader`,...e},e.field))})})});l.displayName=`Thead`;var u=l;export{l as Thead,u as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=thead.js.map

package/dist/table/theme.js

@@ -1,2 +1,2 @@
-var e={baseStyle:{th:{fontSize:14,fontWeight:500,color:`darkBlue.main`}},defaultProps:{size:`lg`,variant:`bordered`},parts:[`container`,`sortIcon`,`tbody`,`td`,`tfoot`,`th`,`thead`,`tr`],sizes:{lg:{tr:{h:48}},md:{tr:{h:40}},sm:{tr:{h:32}}},variants:{bordered:{td:{borderBottom:`1px solid sandstone.90`}},striped:{},basic:{td:{borderBottom:`1px solid sandstone.90`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+var e={baseStyle:{th:{fontSize:14,fontWeight:500,color:`darkBlue.main`}},defaultProps:{size:`lg`,variant:`bordered`},parts:[`container`,`sortIcon`,`tbody`,`td`,`tfoot`,`th`,`thead`,`tr`],sizes:{lg:{tr:{h:48}},md:{tr:{h:40}},sm:{tr:{h:32}}},variants:{bordered:{td:{borderBottom:`1px solid sandstone.90`}},striped:{},basic:{td:{borderBottom:`1px solid sandstone.90`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=theme.js.map

package/dist/table/tr.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { TrProps } from "./table.types.js";
-import * as styled_components392 from "styled-components";
+import * as styled_components3 from "styled-components";
 
 //#region src/table/tr.d.ts
-declare const TrBase: styled_components392.StyledComponent<"tr", styled_components392.DefaultTheme, SystemProps, never>;
+declare const TrBase: styled_components3.StyledComponent<"tr", styled_components3.DefaultTheme, SystemProps, never>;
 /** Displays Table row that can contain heading or data cells. */
 declare const Tr: VuiComponent<"tr", TrProps>;
 //#endregion

package/dist/table/tr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tr.d.ts","names":[],"sources":["../../src/table/tr.tsx"],"sourcesContent":[],"mappings":";;;;;;cAYa,QAAM,oBAAA,CAAA,sBAGlB,oBAAA,CAHkB,YAAA;;cAMN,uBAAE"}
+{"version":3,"file":"tr.d.ts","names":[],"sources":["../../src/table/tr.tsx"],"sourcesContent":[],"mappings":";;;;;;cAYa,QAAM,kBAAA,CAAA,sBAGlB,kBAAA,CAHkB,YAAA;;cAMN,uBAAE"}

package/dist/table/tr.js

@@ -1,5 +1,5 @@
 import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{styled as n}from"../core/styled.js";import{vui as r}from"../core/vui.js";import i from"../button/button.js";import{useTableContext as a}from"./context.js";import o from"./td.js";import{useEffect as s,useState as c}from"react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";const f=`vui-tr`,p=e=>`falAngle${e?`Down`:`Right`}`,m=n.trBox`
   position: relative;
   transition-duration: fast;
-`,h=r((n,r)=>{let{className:h,isExpanded:g,isSelected:_,nested:v,onCollapsed:y,onExpanded:b,...x}=n,{variant:S}=a()??{},C=t(`Table`,a()),[w,T]=c(g);s(()=>{T(g)},[g]);let E=()=>{w?(T(!1),y?.()):(T(!0),b?.())},D=_?{bg:`skyBlue.selected`}:{};return x.children=d(l,{children:[v!==void 0&&u(o,{maxW:16,px:0,textAlign:`center`,children:v?u(i,{icon:p(w),onClick:E,variant:`subtleBlue`}):null}),x.children]}),d(l,{children:[u(m,{className:e(f,`${f}-${w?`expanded`:`collapsed`}`,h),"data-selected":!!_,"data-variant":S,ref:r,...C.tr,...D,...x}),w&&v]})});h.displayName=`Tr`;var g=h;export{h as Tr,m as TrBase,g as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,h=r((n,r)=>{let{className:h,isExpanded:g,isSelected:_,nested:v,onCollapsed:y,onExpanded:b,...x}=n,{variant:S}=a()??{},C=t(`Table`,a()),[w,T]=c(g);s(()=>{T(g)},[g]);let E=()=>{w?(T(!1),y?.()):(T(!0),b?.())},D=_?{bg:`skyBlue.selected`}:{};return x.children=d(l,{children:[v!==void 0&&u(o,{maxW:16,px:0,textAlign:`center`,children:v?u(i,{icon:p(w),onClick:E,variant:`subtleBlue`}):null}),x.children]}),d(l,{children:[u(m,{className:e(f,`${f}-${w?`expanded`:`collapsed`}`,h),"data-selected":!!_,"data-variant":S,ref:r,...C.tr,...D,...x}),w&&v]})});h.displayName=`Tr`;var g=h;export{h as Tr,m as TrBase,g as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=tr.js.map

package/dist/table/useTable.js

@@ -1,2 +1,2 @@
-import{useCallbackRef as e,useControlled as t}from"../utils/react.js";const n=[`asc`,`desc`,null],r=n[0];function i(e){let t=n.indexOf(e)+1;return n[t]===void 0?r:n[t]}function a(n){let{defaultSort:a={key:``,order:r},onSortChange:o,sort:s}=n,[c,l,{isControlled:u}]=t({defaultValue:a,onChange:o,value:s}),d=e(e=>{let t=c.key===e?i(c.order):r;l({key:e,order:t})});return{isControlled:u,onSortChange:d,sort:c}}export{a as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{useCallbackRef as e,useControlled as t}from"../utils/react.js";const n=[`asc`,`desc`,null],r=n[0];function i(e){let t=n.indexOf(e)+1;return n[t]===void 0?r:n[t]}function a(n){let{defaultSort:a={key:``,order:r},onSortChange:o,sort:s}=n,[c,l,{isControlled:u}]=t({defaultValue:a,onChange:o,value:s}),d=e(e=>{let t=c.key===e?i(c.order):r;l({key:e,order:t})});return{isControlled:u,onSortChange:d,sort:c}}export{a as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=useTable.js.map

package/dist/tabs/consts.js

@@ -1,2 +1,2 @@
-const e={activeBg:`skyBlue.main`,border:`sandstone.main`,color:`sandstone.10`,hover:`skyBlue.hover`,main:`seaBlue.main`},t={sm:`xs`,md:`sm`,lg:`md`,xl:`lg`,xxl:`xl`};export{e as colors,t as iconSizeMapper};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+const e={activeBg:`skyBlue.main`,border:`sandstone.main`,color:`sandstone.10`,hover:`skyBlue.hover`,main:`seaBlue.main`},t={sm:`xs`,md:`sm`,lg:`md`,xl:`lg`,xxl:`xl`};export{e as colors,t as iconSizeMapper};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=consts.js.map

package/dist/tabs/tab.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { TabProps } from "./tabs.types.js";
-import * as styled_components420 from "styled-components";
+import * as styled_components24 from "styled-components";
 
 //#region src/tabs/tab.d.ts
-declare const TabBase: styled_components420.StyledComponent<"div", styled_components420.DefaultTheme, SystemProps, never>;
+declare const TabBase: styled_components24.StyledComponent<"div", styled_components24.DefaultTheme, SystemProps, never>;
 /**
  * Implements a Tab component
  */

package/dist/tabs/tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","names":[],"sources":["../../src/tabs/tab.tsx"],"sourcesContent":[],"mappings":";;;;;;cAIa,SAAO,oBAAA,CAAA,uBAEnB,oBAAA,CAFmB,YAAA;;;;cAOP,yBAAG"}
+{"version":3,"file":"tab.d.ts","names":[],"sources":["../../src/tabs/tab.tsx"],"sourcesContent":[],"mappings":";;;;;;cAIa,SAAO,mBAAA,CAAA,uBAEnB,mBAAA,CAFmB,YAAA;;;;cAOP,yBAAG"}

package/dist/tabs/tab.js

@@ -1,4 +1,4 @@
 import{cs as e}from"../utils/styles.js";import{styled as t}from"../core/styled.js";import{vui as n}from"../core/vui.js";import{jsx as r}from"react/jsx-runtime";const i=t.divBox`
   width: 100%;
-`,a=n(({children:t,className:n},a)=>r(i,{className:e(`vui-tab`,n),ref:a,children:t}));a.displayName=`Tab`;var o=a;export{a as Tab,i as TabBase,o as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,a=n(({children:t,className:n},a)=>r(i,{className:e(`vui-tab`,n),ref:a,children:t}));a.displayName=`Tab`;var o=a;export{a as Tab,i as TabBase,o as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=tab.js.map

package/dist/tabs/tabs.d.ts

@@ -18,12 +18,12 @@ import { ColorProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightP
 import { ChildrenProp } from "../core/types.js";
 import { VuiComponent } from "../core/vui.js";
 import { TabsProps } from "./tabs.types.js";
-import * as react951 from "react";
-import * as styled_components418 from "styled-components";
+import * as react6 from "react";
+import * as styled_components22 from "styled-components";
 
 //#region src/tabs/tabs.d.ts
-declare const TabsBase: styled_components418.StyledComponent<"div", styled_components418.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<"Tabs"> & ChildrenProp & {
-  actions?: react951.ReactNode;
+declare const TabsBase: styled_components22.StyledComponent<"div", styled_components22.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<"Tabs"> & ChildrenProp & {
+  actions?: react6.ReactNode;
   activeTabId?: number | string;
   showBorder?: boolean;
   onTabClick?: (id?: number | string) => void;

package/dist/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../src/tabs/tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;cAWa,+BAAQ,uBAEpB,oBAAA,CAFoB,YAAA;YAAA,QAAA,CAAA;;;;;;;;cAOR,0BAAI"}
+{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../src/tabs/tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;cAWa,8BAAQ,uBAEpB,mBAAA,CAFoB,YAAA;YAAA,MAAA,CAAA;;;;;;;;cAOR,0BAAI"}

package/dist/tabs/tabs.js

@@ -1,4 +1,4 @@
 import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{styled as n}from"../core/styled.js";import{vui as r}from"../core/vui.js";import{P as i}from"../p/p.js";import a from"./tab.js";import o from"./tabsNavBar.js";import{useTabsState as s}from"./useTabsState.js";import{Children as c,useEffect as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=n.divBox`
   width: 100%;
-`,p=r((n,r)=>{let{actions:p,activeTabId:m,showBorder:h=!0,children:g,className:_,size:v,onTabClick:y,...b}=n,x=t(`Tabs`,n),{tabs:S,setTabs:C,activeTabIndex:w,setActiveTabIndex:T,animationDirection:E,setAnimationDirection:D}=s(`fadeIn`,0);l(()=>{let e=[];if(g&&c.toArray(g).forEach((t,n)=>{t?.props?.title&&e.push({id:t.props.id,index:n,title:t.props.title,icon:t.props.icon,className:t.props.className,children:t.props.children,disabled:t.props.disabled,onClick:t.props.onClick,onDelete:t.props.onDelete})}),C(e),m!==void 0){let t=e.find(e=>e?.id===m||e?.index===m);t?.index!==void 0&&T(t.index)}},[g,m]);let O=(e,t)=>{let n=S.find(t=>t.index===e);n?.children!==void 0&&n?.index!==void 0&&(D(n.index<w?`fadeLeft`:`fadeRight`),T(n.index),y?.(n.id||n.index)),n?.onClick?.(t)},k=S?.[w];return d(f,{className:e(`vui-tabs`,_),ref:r,...x.container,...b,children:[!!S?.length&&u(o,{actions:p,activeNavItem:w,animationDirection:E,onNavItemClick:(e,t)=>O(e,t),showBorder:h,size:v,tabs:S}),S?.length?u(a,{onClick:k?.onClick,title:k?.title,children:!k?.disabled&&k?.children}):u(i,{p:2,children:`Please specify Tabs.`})]})});p.displayName=`Tabs`;export{p as Tabs,f as TabsBase};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,p=r((n,r)=>{let{actions:p,activeTabId:m,showBorder:h=!0,children:g,className:_,size:v,onTabClick:y,...b}=n,x=t(`Tabs`,n),{tabs:S,setTabs:C,activeTabIndex:w,setActiveTabIndex:T,animationDirection:E,setAnimationDirection:D}=s(`fadeIn`,0);l(()=>{let e=[];if(g&&c.toArray(g).forEach((t,n)=>{t?.props?.title&&e.push({id:t.props.id,index:n,title:t.props.title,icon:t.props.icon,className:t.props.className,children:t.props.children,disabled:t.props.disabled,onClick:t.props.onClick,onDelete:t.props.onDelete})}),C(e),m!==void 0){let t=e.find(e=>e?.id===m||e?.index===m);t?.index!==void 0&&T(t.index)}},[g,m]);let O=(e,t)=>{let n=S.find(t=>t.index===e);n?.children!==void 0&&n?.index!==void 0&&(D(n.index<w?`fadeLeft`:`fadeRight`),T(n.index),y?.(n.id||n.index)),n?.onClick?.(t)},k=S?.[w];return d(f,{className:e(`vui-tabs`,_),ref:r,...x.container,...b,children:[!!S?.length&&u(o,{actions:p,activeNavItem:w,animationDirection:E,onNavItemClick:(e,t)=>O(e,t),showBorder:h,size:v,tabs:S}),S?.length?u(a,{onClick:k?.onClick,title:k?.title,children:!k?.disabled&&k?.children}):u(i,{p:2,children:`Please specify Tabs.`})]})});p.displayName=`Tabs`;export{p as Tabs,f as TabsBase};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=tabs.js.map

package/dist/tabs/tabs.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.types.d.ts","names":[],"sources":["../../src/tabs/tabs.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAOY,kBAAA;KACA,QAAA;AADA,KAEA,cAAA,GAFkB,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;AAClB,KAGA,SAAA,GAAY,WAHJ,GAIlB,YAJkB,CAAA,MAAA,CAAA,GAKlB,YALkB,GAAA;EACR,OAAA,CAAA,EAKE,SALY;EAEd,WAAA,CAAS,EAAA,MAAA,GAAA,MAAA;EAAA,UAAA,CAAA,EAAA,OAAA;YAAG,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,MAAA,GAAA,MAAA,EAAA,GAAA,IAAA;;AAEtB,KAOU,QAAA,GAAW,WAPrB,GAQA,YARA,GAAA;MACY,CAAA,EAQH,QARG;EAAS,EAAA,CAAA,EAAA,MAAA,GAAA,MAAA;EAMX,KAAA,EAID,SAJS;EAAA,QAAA,CAAA,EAAA,OAAA;WAAG,CAAA,EAAA,MAAA;SACrB,CAAA,EAAA,CAAA,WAAA,CAAA,EAM2B,KAAA,CAAM,UANjC,CAM4C,aAN5C,EAM2D,UAN3D,CAAA,EAAA,GAAA,IAAA;;UAGS,CAAA,EAAA,CAAA,WAAA,CAAA,EAKmB,KAAA,CAAM,UALzB,CAKoC,iBALpC,EAKuD,UALvD,CAAA,EAAA,GAAA,IAAA;;AAGkD,KAKjD,aAAA,GAAgB,QALiC,GAAA;OAAhC,CAAA,EAAA,MAAM;;AAE+B,KAOtD,cAAA,GAPsD;SAApC,CAAA,EAQlB,SARwB;EAAU,IAAA,EAStC,aATsC,EAAA;EAGlC,cAAA,EAAa,CAAA,QAAA,EAAA,MAAG,EAAA,CAAA,EAOY,KAAA,CAAM,UAPV,CAOqB,aAPrB,EAOoC,UAPpC,CAAA,EAAA,GAAA,IAAA;EAIxB,aAAA,CAAA,EAAA,MAAc,GAAA,MAAA;EAAA,kBAAA,CAAA,EAKH,kBALG;YACd,CAAA,EAAA,OAAA;MACJ,CAAA,EAKC,QALD"}
+{"version":3,"file":"tabs.types.d.ts","names":[],"sources":["../../src/tabs/tabs.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAOY,kBAAA;KACA,QAAA;AADA,KAEA,cAAA,GAFkB,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;AAClB,KAGA,SAAA,GAAY,WAHJ,GAIlB,YAJkB,CAAA,MAAA,CAAA,GAKlB,YALkB,GAAA;EACR,OAAA,CAAA,EAKE,SALY;EAEd,WAAA,CAAS,EAAA,MAAA,GAAA,MAAA;EAAA,UAAA,CAAA,EAAA,OAAA;YAAG,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,MAAA,GAAA,MAAA,EAAA,GAAA,IAAA;;AAEtB,KAOU,QAAA,GAAW,WAPrB,GAQA,YARA,GAAA;MACY,CAAA,EAQH,QARG;EAAS,EAAA,CAAA,EAAA,MAAA,GAAA,MAAA;EAMX,KAAA,EAID,SAJS;EAAA,QAAA,CAAA,EAAA,OAAA;WAAG,CAAA,EAAA,MAAA;SACrB,CAAA,EAAA,CAAA,WAAA,CAAA,EAM2B,KAAA,CAAM,UANjC,CAM4C,aAN5C,EAM2D,UAN3D,CAAA,EAAA,GAAA,IAAA;;UAGS,CAAA,EAAA,CAAA,WAAA,CAAA,EAKmB,KAAA,CAAM,UALzB,CAKoC,iBALpC,EAKuD,UALvD,CAAA,EAAA,GAAA,IAAA;;AAGkD,KAKjD,aAAA,GAAgB,QALiC,GAAA;OAAhC,CAAA,EAAA,MAAM;;AAE+B,KAOtD,cAAA,GAPsD;SAApC,CAAA,EAQlB,SARwB;EAAU,IAAA,EAStC,aATsC,EAAA;EAGlC,cAAA,EAAa,CAAA,QAAA,EAAG,MAAA,EAAA,CAAQ,EAOI,KAAA,CAAM,UAPV,CAOqB,aAPrB,EAOoC,UAPpC,CAAA,EAAA,GAAA,IAAA;EAIxB,aAAA,CAAA,EAAA,MAAc,GAAA,MAAA;EAAA,kBAAA,CAAA,EAKH,kBALG;YACd,CAAA,EAAA,OAAA;MACJ,CAAA,EAKC,QALD"}

package/dist/tabs/tabsNavBar.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import t from"./theme.js";import{vui as n}from"../core/vui.js";import r from"../box/box.js";import{Icon as i}from"../icon/icon.js";import{ListItem as a}from"../list/listItem.js";import{List as o}from"../list/list.js";import{TagButton as s}from"../tag/tagButton.js";import{colors as c,iconSizeMapper as l}from"./consts.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";const{activeBg:f,border:p,color:m,hover:h,main:g}=c,_=n((n,c)=>{let{actions:_,tabs:v,onNavItemClick:y,activeNavItem:b,animationDirection:x,showBorder:S,size:C=`md`}=n,w=l?.[C]||`md`,{sizes:T}=t??{},E=T[C??`md`].tabsNavBar.fontSize,D=T[C??`md`].tabsNavBar.h,O=T[C??`md`].tabsNavBar.borderWidth,k=T[C??`md`].tabsNavBar.py,A=C===`xxl`?`16px`:`8px`,j=e=>!e.disabled&&e?.index===b;return d(o,{alignItems:`end`,borderBottom:S?`1px solid ${p}`:`none`,className:e(`vui-tabsNavBar`),display:`flex`,isInteractive:!0,mb:`20px`,ref:c,w:1,children:[v?.map?.(e=>d(a,{activeBg:e.disabled?void 0:f,bg:`white`,className:`vui-tabsNavBarItem vui-tabsNavBarItem-${e?.id}`,color:j(e)?g:m,disabled:e.disabled,display:`inline-flex`,fontSize:E,fontWeight:500,h:D,hoverBg:e.disabled?void 0:h,onClick:t=>y?.(e.index||0,t),position:`relative`,px:`16px`,py:k,children:[d(r,{alignItems:`center`,children:[!!e.icon&&u(i,{mr:A,name:e.icon,size:w}),e.title]}),!!e.onDelete&&u(s,{disabled:e.disabled,hoverBg:`skyBlue.80`,hoverColor:`seaBlue.main`,isRound:!1,ml:1,onClick:t=>{t.stopPropagation(),e?.onDelete?.(t)},title:`Delete`}),j(e)&&u(r,{animation:x,bg:g,bottom:`-1px`,className:`vui-tabsNavBarItemActiveIndicator`,h:O,left:0,position:`absolute`,w:1,children:`\xA0`})]},e.index)),!!_&&u(r,{ml:`auto`,px:.75,py:.5,children:_})]})});_.displayName=`TabsNavBar`;var v=_;export{v as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{cs as e}from"../utils/styles.js";import t from"./theme.js";import{vui as n}from"../core/vui.js";import r from"../box/box.js";import{Icon as i}from"../icon/icon.js";import{ListItem as a}from"../list/listItem.js";import{List as o}from"../list/list.js";import{TagButton as s}from"../tag/tagButton.js";import{colors as c,iconSizeMapper as l}from"./consts.js";import{jsx as u,jsxs as d}from"react/jsx-runtime";const{activeBg:f,border:p,color:m,hover:h,main:g}=c,_=n((n,c)=>{let{actions:_,tabs:v,onNavItemClick:y,activeNavItem:b,animationDirection:x,showBorder:S,size:C=`md`}=n,w=l?.[C]||`md`,{sizes:T}=t??{},E=T[C??`md`].tabsNavBar.fontSize,D=T[C??`md`].tabsNavBar.h,O=T[C??`md`].tabsNavBar.borderWidth,k=T[C??`md`].tabsNavBar.py,A=C===`xxl`?`16px`:`8px`,j=e=>!e.disabled&&e?.index===b;return d(o,{alignItems:`end`,borderBottom:S?`1px solid ${p}`:`none`,className:e(`vui-tabsNavBar`),display:`flex`,isInteractive:!0,mb:`20px`,ref:c,w:1,children:[v?.map?.(e=>d(a,{activeBg:e.disabled?void 0:f,bg:`white`,className:`vui-tabsNavBarItem vui-tabsNavBarItem-${e?.id}`,color:j(e)?g:m,disabled:e.disabled,display:`inline-flex`,fontSize:E,fontWeight:500,h:D,hoverBg:e.disabled?void 0:h,onClick:t=>y?.(e.index||0,t),position:`relative`,px:`16px`,py:k,children:[d(r,{alignItems:`center`,children:[!!e.icon&&u(i,{mr:A,name:e.icon,size:w}),e.title]}),!!e.onDelete&&u(s,{disabled:e.disabled,hoverBg:`skyBlue.80`,hoverColor:`seaBlue.main`,isRound:!1,ml:1,onClick:t=>{t.stopPropagation(),e?.onDelete?.(t)},title:`Delete`}),j(e)&&u(r,{animation:x,bg:g,bottom:`-1px`,className:`vui-tabsNavBarItemActiveIndicator`,h:O,left:0,position:`absolute`,w:1,children:`\xA0`})]},e.index)),!!_&&u(r,{ml:`auto`,px:.75,py:.5,children:_})]})});_.displayName=`TabsNavBar`;var v=_;export{v as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=tabsNavBar.js.map

package/dist/tabs/theme.js

@@ -1,2 +1,2 @@
-var e={baseStyle:{},defaultProps:{},parts:[`tabsNavBar`],sizes:{sm:{tabsNavBar:{borderWidth:`2px`,fontSize:`xs`,h:`20px`,py:`4px`}},md:{tabsNavBar:{borderWidth:`2px`,fontSize:`sm`,h:`32px`,py:`6px`}},lg:{tabsNavBar:{borderWidth:`3px`,fontSize:`md`,h:40,py:`8px`}},xl:{tabsNavBar:{borderWidth:`4px`,fontSize:`lg`,h:48,py:`10px`}},xxl:{tabsNavBar:{borderWidth:`4px`,fontSize:`lg`,h:56,py:`12px`}}},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+var e={baseStyle:{},defaultProps:{},parts:[`tabsNavBar`],sizes:{sm:{tabsNavBar:{borderWidth:`2px`,fontSize:`xs`,h:`20px`,py:`4px`}},md:{tabsNavBar:{borderWidth:`2px`,fontSize:`sm`,h:`32px`,py:`6px`}},lg:{tabsNavBar:{borderWidth:`3px`,fontSize:`md`,h:40,py:`8px`}},xl:{tabsNavBar:{borderWidth:`4px`,fontSize:`lg`,h:48,py:`10px`}},xxl:{tabsNavBar:{borderWidth:`4px`,fontSize:`lg`,h:56,py:`12px`}}},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=theme.js.map