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

package/dist/popover/popover.d.ts

@@ -2,14 +2,14 @@ import { SystemProps } from "../system/system.js";
 import { BoxProps } from "../box/box.types.js";
 import { VuiComponent } from "../core/vui.js";
 import { PopoverProps } from "./popover.types.js";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/popover/popover.d.ts
 /**
  * Uses 'usePopover' hook to expose relevant data to its children parts.
  * By default, renders provided content only when popover is opened (lazy).
  */
-declare function Popover(props: PopoverProps): react_jsx_runtime6.JSX.Element;
+declare function Popover(props: PopoverProps): react_jsx_runtime3.JSX.Element;
 declare namespace Popover {
   var Content: VuiComponent<"div", BoxProps>;
   var Trigger: VuiComponent<"button", SystemProps>;

package/dist/popover/popover.js

@@ -1,2 +1,2 @@
-import{runIfFn as e}from"../utils/function.js";import{filterUndefined as t}from"../utils/object.js";import{PopoverProvider as n}from"./context.js";import r from"./popoverContent.js";import i from"./popoverTrigger.js";import a from"./usePopover.js";import{jsx as o}from"react/jsx-runtime";function s(r){let{children:i,isLazy:s=!0,options:c,...l}=r,u=a({options:c,...l}),{close:d,isOpen:f,open:p}=u,m=t({isLazy:s,...u});return o(n,{value:m,children:e(i,{close:d,isOpen:f,open:p})})}s.Content=r,s.Trigger=i,s.displayName=`Popover`;export{s as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{runIfFn as e}from"../utils/function.js";import{filterUndefined as t}from"../utils/object.js";import{PopoverProvider as n}from"./context.js";import r from"./popoverContent.js";import i from"./popoverTrigger.js";import a from"./usePopover.js";import{jsx as o}from"react/jsx-runtime";function s(r){let{children:i,isLazy:s=!0,options:c,...l}=r,u=a({options:c,...l}),{close:d,isOpen:f,open:p}=u,m=t({isLazy:s,...u});return o(n,{value:m,children:e(i,{close:d,isOpen:f,open:p})})}s.Content=r,s.Trigger=i,s.displayName=`Popover`;export{s as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=popover.js.map

package/dist/popover/popoverContent.js

@@ -1,2 +1,2 @@
-import{mergeRefs as e}from"../utils/react.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{v as r}from"../core/styled.js";import{vui as i}from"../core/vui.js";import a from"../box/box.js";import{usePopoverContext as o}from"./context.js";import{jsx as s}from"react/jsx-runtime";const c=i((i,c)=>{let{children:l,className:u,...d}=i,f=o()??{},{isLazy:p,isOpen:m,setPopper:h}=f,g=n(`Popover`,{...f,...i}),_=p?m:!0;return s(r.div,{className:`vui-popoverContainer`,ring:0,children:s(a,{bg:`white`,borderRadius:`md`,boxShadow:`2`,className:t(`vui-popoverContent`,u),overflowY:`auto`,ref:e(h,c),ring:0,...g.content,...d,children:_?l:null})})});c.displayName=`PopoverContent`;var l=c;export{l as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{mergeRefs as e}from"../utils/react.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{v as r}from"../core/styled.js";import{vui as i}from"../core/vui.js";import a from"../box/box.js";import{usePopoverContext as o}from"./context.js";import{jsx as s}from"react/jsx-runtime";const c=i((i,c)=>{let{children:l,className:u,...d}=i,f=o()??{},{isLazy:p,isOpen:m,setPopper:h}=f,g=n(`Popover`,{...f,...i}),_=p?m:!0;return s(r.div,{className:`vui-popoverContainer`,ring:0,children:s(a,{bg:`white`,borderRadius:`md`,boxShadow:`2`,className:t(`vui-popoverContent`,u),overflowY:`auto`,ref:e(h,c),ring:0,...g.content,...d,children:_?l:null})})});c.displayName=`PopoverContent`;var l=c;export{l as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=popoverContent.js.map

package/dist/popover/popoverTrigger.js

@@ -1,2 +1,2 @@
-import{mergeRefs as e}from"../utils/react.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{v as r}from"../core/styled.js";import{vui as i}from"../core/vui.js";import{usePopoverContext as a}from"./context.js";import{jsx as o}from"react/jsx-runtime";const s=i((i,s)=>{let{as:c,className:l,onClick:u,...d}=i,{setReference:f,isOpen:p,...m}=a()??{},h=n(`Popover`,{...m,...i}),g=c||r.button;return o(g,{isActive:p,className:t(`vui-popoverTrigger`,l),onClick:e=>{e.stopPropagation(),u?.(e)},ref:e(f,s),...h.trigger,...d})});s.displayName=`PopoverTrigger`;var c=s;export{c as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{mergeRefs as e}from"../utils/react.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{v as r}from"../core/styled.js";import{vui as i}from"../core/vui.js";import{usePopoverContext as a}from"./context.js";import{jsx as o}from"react/jsx-runtime";const s=i((i,s)=>{let{as:c,className:l,onClick:u,...d}=i,{setReference:f,isOpen:p,...m}=a()??{},h=n(`Popover`,{...m,...i}),g=c||r.button;return o(g,{isActive:p,className:t(`vui-popoverTrigger`,l),onClick:e=>{e.stopPropagation(),u?.(e)},ref:e(f,s),...h.trigger,...d})});s.displayName=`PopoverTrigger`;var c=s;export{c as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=popoverTrigger.js.map

package/dist/popover/theme.js

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

package/dist/popover/usePopover.d.ts

@@ -1,5 +1,5 @@
 import { UsePopoverProps } from "./usePopover.types.js";
-import * as react947 from "react";
+import * as react14 from "react";
 import { Instance, Props } from "tippy.js";
 
 //#region src/popover/usePopover.d.ts
@@ -16,8 +16,8 @@ declare function usePopover(props?: UsePopoverProps): {
   open: () => void | undefined;
   popper: HTMLElement | null;
   reference: HTMLElement | null;
-  setPopper: react947.Dispatch<react947.SetStateAction<HTMLElement | null>>;
-  setReference: react947.Dispatch<react947.SetStateAction<HTMLElement | null>>;
+  setPopper: react14.Dispatch<react14.SetStateAction<HTMLElement | null>>;
+  setReference: react14.Dispatch<react14.SetStateAction<HTMLElement | null>>;
 };
 type UsePopoverType = ReturnType<typeof usePopover>;
 //#endregion

package/dist/popover/usePopover.js

@@ -1,2 +1,2 @@
-import{useCallbackRef as e}from"../utils/react.js";import{closeOnEscPlugin as t,matchWidthModifier as n}from"./consts.js";import{useCallback as r,useEffect as i,useMemo as a,useState as o}from"react";import s from"tippy.js";function c(c={}){let{closeOnBlur:l=!0,closeOnEsc:u=!0,defaultIsOpen:d=!1,flip:f=!0,isOpen:p,matchWidth:m,offset:h,onClose:g,onOpen:_,options:v,placement:y=`bottom-start`,trigger:b=`click`}=c,[x,S]=o(p??d),[C,w]=o(null),[T,E]=o(null),[D,O]=o(null),k=r(()=>C?.hide(),[C]),A=e(g),j=e(_),M=r(()=>C?.show(),[C]),N=p!==void 0,P=a(()=>{let{aria:e,offset:r,onHidden:i,onHide:a,onShow:o,plugins:s=[],popperOptions:c={},...g}=v??{};return{aria:e,arrow:!1,duration:[200,150],hideOnClick:N?!1:l,interactive:!0,maxWidth:`none`,offset:r??h??[0,4],onHidden:e=>{S(!1),i?.(e)},onHide:e=>{A(e),a?.(e)},onShow:e=>{S(!0),j(e),o?.(e)},placement:y,plugins:[...!N&&u?[t]:[],...s],popperOptions:{...c,modifiers:[{name:`flip`,enabled:f},{...n,enabled:!!m},...c.modifiers??[]]},showOnCreate:p??d,trigger:N?`manual`:b,...g}},[l,u,h,v,y,b]);return i(()=>{if(D!==null&&T!==null){C?.destroy();let e=s(T,{...P,content:D});w(e)}},[D,P,b]),i(()=>{N&&(p?C?.show():C?.hide())},[p]),{close:k,instance:C,isOpen:x,open:M,popper:D,reference:T,setPopper:O,setReference:E}}export{c as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{useCallbackRef as e}from"../utils/react.js";import{closeOnEscPlugin as t,matchWidthModifier as n}from"./consts.js";import{useCallback as r,useEffect as i,useMemo as a,useState as o}from"react";import s from"tippy.js";function c(c={}){let{closeOnBlur:l=!0,closeOnEsc:u=!0,defaultIsOpen:d=!1,flip:f=!0,isOpen:p,matchWidth:m,offset:h,onClose:g,onOpen:_,options:v,placement:y=`bottom-start`,trigger:b=`click`}=c,[x,S]=o(p??d),[C,w]=o(null),[T,E]=o(null),[D,O]=o(null),k=r(()=>C?.hide(),[C]),A=e(g),j=e(_),M=r(()=>C?.show(),[C]),N=p!==void 0,P=a(()=>{let{aria:e,offset:r,onHidden:i,onHide:a,onShow:o,plugins:s=[],popperOptions:c={},...g}=v??{};return{aria:e,arrow:!1,duration:[200,150],hideOnClick:N?!1:l,interactive:!0,maxWidth:`none`,offset:r??h??[0,4],onHidden:e=>{S(!1),i?.(e)},onHide:e=>{A(e),a?.(e)},onShow:e=>{S(!0),j(e),o?.(e)},placement:y,plugins:[...!N&&u?[t]:[],...s],popperOptions:{...c,modifiers:[{name:`flip`,enabled:f},{...n,enabled:!!m},...c.modifiers??[]]},showOnCreate:p??d,trigger:N?`manual`:b,...g}},[l,u,h,v,y,b]);return i(()=>{if(D!==null&&T!==null){C?.destroy();let e=s(T,{...P,content:D});w(e)}},[D,P,b]),i(()=>{N&&(p?C?.show():C?.hide())},[p]),{close:k,instance:C,isOpen:x,open:M,popper:D,reference:T,setPopper:O,setReference:E}}export{c as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=usePopover.js.map

package/dist/portal/portal.js

@@ -1,2 +1,2 @@
-import{useEffect as e,useState as t}from"react";import{Fragment as n,jsx as r}from"react/jsx-runtime";import{createPortal as i}from"react-dom";const a=a=>{let{children:o,containerRef:s,disablePortal:c}=a,[l,u]=t();return e(()=>{c||u(s?.current??document.body)},[c]),c?r(n,{children:o}):l?i(o,l):r(n,{children:l})};a.displayName=`Portal`;var o=a;export{a as Portal,o as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{useEffect as e,useState as t}from"react";import{Fragment as n,jsx as r}from"react/jsx-runtime";import{createPortal as i}from"react-dom";const a=a=>{let{children:o,containerRef:s,disablePortal:c}=a,[l,u]=t();return e(()=>{c||u(s?.current??document.body)},[c]),c?r(n,{children:o}):l?i(o,l):r(n,{children:l})};a.displayName=`Portal`;var o=a;export{a as Portal,o as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=portal.js.map

package/dist/progress/progress.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { ProgressProps } from "./progress.types.js";
-import * as styled_components414 from "styled-components";
+import * as styled_components48 from "styled-components";
 
 //#region src/progress/progress.d.ts
-declare const ProgressBase: styled_components414.StyledComponent<"div", styled_components414.DefaultTheme, SystemProps, never>;
+declare const ProgressBase: styled_components48.StyledComponent<"div", styled_components48.DefaultTheme, SystemProps, never>;
 /** Indicates a process progress. */
 declare const Progress: VuiComponent<"div", ProgressProps>;
 //#endregion

package/dist/progress/progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","names":[],"sources":["../../src/progress/progress.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOa,cAAY,oBAAA,CAAA,uBAGxB,oBAAA,CAHwB,YAAA;;cASZ,8BAAQ"}
+{"version":3,"file":"progress.d.ts","names":[],"sources":["../../src/progress/progress.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOa,cAAY,mBAAA,CAAA,uBAGxB,mBAAA,CAHwB,YAAA;;cASZ,8BAAQ"}

package/dist/progress/progress.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{Box as i}from"../box/box.js";import{useEffect as a,useState as o}from"react";import{jsx as s}from"react/jsx-runtime";const c=n.divBox`
   display: flex;
   width: 100%;
-`,l=r((n,r)=>{let{className:l,value:u=0,showPercentage:d,...f}=n,[p,m]=o(0),h=t(`Progress`,n);a(()=>{let e=u?Math.ceil(u):0;m(e>100?100:e)},[u]);let g=f.bg||h.bg,_=f.color||h.color;return s(c,{className:e(`vui-progress`,l),ref:r,...h.container,...f,bg:g,borderRadius:`sm`,h:1,children:s(i,{bg:_,borderRadius:`sm`,position:`relative`,textAlign:`right`,transition:`width 0.4s ease-in-out;`,w:`${p}%`,children:d&&u>=3&&s(i,{...h.percentage,position:`absolute`,right:`0`,children:`${p}%`})})})});l.displayName=`Progress`;export{l as Progress,c as ProgressBase};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,l=r((n,r)=>{let{className:l,value:u=0,showPercentage:d,...f}=n,[p,m]=o(0),h=t(`Progress`,n);a(()=>{let e=u?Math.ceil(u):0;m(e>100?100:e)},[u]);let g=f.bg||h.bg,_=f.color||h.color;return s(c,{className:e(`vui-progress`,l),ref:r,...h.container,...f,bg:g,borderRadius:`sm`,h:1,children:s(i,{bg:_,borderRadius:`sm`,position:`relative`,textAlign:`right`,transition:`width 0.4s ease-in-out;`,w:`${p}%`,children:d&&u>=3&&s(i,{...h.percentage,position:`absolute`,right:`0`,children:`${p}%`})})})});l.displayName=`Progress`;export{l as Progress,c as ProgressBase};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=progress.js.map

package/dist/progress/theme.js

@@ -1,2 +1,2 @@
-var e={baseStyle:{},defaultProps:{size:`md`,variant:`primary`},sizes:{sm:{container:{minH:`4px`},percentage:{fontSize:`80%`,top:`-16px`}},md:{container:{minH:`8px`},percentage:{fontSize:`100%`,top:`-20px`}},lg:{container:{minH:`12px`},percentage:{fontSize:`110%`,top:`-22px`}},xl:{container:{minH:`16px`},percentage:{fontSize:`120%`,top:`-24px`}}},variants:{primary:{bg:`darkBlue.95`,color:`darkBlue.main`},green:{bg:`landGreen.95`,color:`landGreen.main`},red:{bg:`energyRed.95`,color:`energyRed.main`}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+var e={baseStyle:{},defaultProps:{size:`md`,variant:`primary`},sizes:{sm:{container:{minH:`4px`},percentage:{fontSize:`80%`,top:`-16px`}},md:{container:{minH:`8px`},percentage:{fontSize:`100%`,top:`-20px`}},lg:{container:{minH:`12px`},percentage:{fontSize:`110%`,top:`-22px`}},xl:{container:{minH:`16px`},percentage:{fontSize:`120%`,top:`-24px`}}},variants:{primary:{bg:`darkBlue.95`,color:`darkBlue.main`},green:{bg:`landGreen.95`,color:`landGreen.main`},red:{bg:`energyRed.95`,color:`energyRed.main`}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=theme.js.map

package/dist/progressCircular/consts.js

@@ -1,2 +1,2 @@
-const e={position:`absolute`,w:`100%`,left:0,right:0,alignItems:`center`,justifyContent:`center`,zIndex:100},t=-16,n=100;export{e as absCenterStyles,t as labelBottom,n as maxValue};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+const e={position:`absolute`,w:`100%`,left:0,right:0,alignItems:`center`,justifyContent:`center`,zIndex:100},t=-16,n=100;export{e as absCenterStyles,t as labelBottom,n as maxValue};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=consts.js.map

package/dist/progressCircular/progressCircular.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { ProgressCircularProps } from "./progressCircular.types.js";
-import * as styled_components416 from "styled-components";
+import * as styled_components50 from "styled-components";
 
 //#region src/progressCircular/progressCircular.d.ts
-declare const ProgressCircularBase: styled_components416.StyledComponent<"div", styled_components416.DefaultTheme, SystemProps, never>;
+declare const ProgressCircularBase: styled_components50.StyledComponent<"div", styled_components50.DefaultTheme, SystemProps, never>;
 /** Indicates a process progress. */
 declare const ProgressCircular: VuiComponent<"div", ProgressCircularProps>;
 //#endregion

package/dist/progressCircular/progressCircular.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progressCircular.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.tsx"],"sourcesContent":[],"mappings":";;;;;;cAUa,sBAAoB,oBAAA,CAAA,uBAIhC,oBAAA,CAJgC,YAAA;;cAgBpB,sCAAgB"}
+{"version":3,"file":"progressCircular.d.ts","names":[],"sources":["../../src/progressCircular/progressCircular.tsx"],"sourcesContent":[],"mappings":";;;;;;cAUa,sBAAoB,mBAAA,CAAA,uBAIhC,mBAAA,CAJgC,YAAA;;cAgBpB,sCAAgB"}

package/dist/progressCircular/progressCircular.js

@@ -8,5 +8,5 @@ import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/
   transform: rotate(-90deg);
   transform-origin: 50% 50%;
   transition: stroke-dashoffset 0.5s ease-out;
-`,g=r((n,r)=>{let{children:g,className:_,label:v,value:y=0,showPercentage:b,...x}=n,S=t(`ProgressCircular`,n),[C,w]=u(y);l(()=>{w(y?Math.ceil(y):0)},[y]),l(()=>{let e=y?Math.ceil(y):0;w(e>c?c:e)},[y]);let T=c/2-S.strokeWidth*2,E=T*2*Math.PI,D=E-C/c*E;return f(p,{className:e(`vui-progress-circular`,_),ref:r,w:S.width,...x,children:[f(`svg`,{"aria-valuemax":c,"aria-valuemin":0,"aria-valuenow":C,height:S.width,role:`meter`,version:`1.1`,viewBox:`0 0 100 100`,width:S.width,xmlns:`http://www.w3.org/2000/svg`,children:[d(m,{cx:`50`,cy:`50`,r:T,stroke:S.stroke.main,strokeWidth:S.strokeWidth}),d(h,{cx:`50`,cy:`50`,r:T,stroke:S.stroke.progress,strokeDasharray:`${E} ${E}`,strokeDashoffset:D,strokeWidth:S.strokeWidth})]}),d(i,{...o,top:S.top,children:g||(b?f(a,{color:S.color,fontSize:S.fontSize,children:[C,`%`]}):null)}),!!v&&d(i,{...o,bottom:s,children:d(a,{color:S.color,fontSize:S.fontSize,children:v})})]})});g.displayName=`ProgressCircular`;export{g as ProgressCircular,p as ProgressCircularBase};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,g=r((n,r)=>{let{children:g,className:_,label:v,value:y=0,showPercentage:b,...x}=n,S=t(`ProgressCircular`,n),[C,w]=u(y);l(()=>{w(y?Math.ceil(y):0)},[y]),l(()=>{let e=y?Math.ceil(y):0;w(e>c?c:e)},[y]);let T=c/2-S.strokeWidth*2,E=T*2*Math.PI,D=E-C/c*E;return f(p,{className:e(`vui-progress-circular`,_),ref:r,w:S.width,...x,children:[f(`svg`,{"aria-valuemax":c,"aria-valuemin":0,"aria-valuenow":C,height:S.width,role:`meter`,version:`1.1`,viewBox:`0 0 100 100`,width:S.width,xmlns:`http://www.w3.org/2000/svg`,children:[d(m,{cx:`50`,cy:`50`,r:T,stroke:S.stroke.main,strokeWidth:S.strokeWidth}),d(h,{cx:`50`,cy:`50`,r:T,stroke:S.stroke.progress,strokeDasharray:`${E} ${E}`,strokeDashoffset:D,strokeWidth:S.strokeWidth})]}),d(i,{...o,top:S.top,children:g||(b?f(a,{color:S.color,fontSize:S.fontSize,children:[C,`%`]}):null)}),!!v&&d(i,{...o,bottom:s,children:d(a,{color:S.color,fontSize:S.fontSize,children:v})})]})});g.displayName=`ProgressCircular`;export{g as ProgressCircular,p as ProgressCircularBase};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=progressCircular.js.map

package/dist/progressCircular/theme.js

@@ -1,2 +1,2 @@
-import{darkBlue as e,energyRed as t,landGreen as n}from"../theme/foundations/colors.js";const r={color:`darkBlue.main`},i={size:`md`,variant:`primary`},a={sm:{strokeWidth:4,width:46,top:15,fontSize:12},md:{strokeWidth:5,width:80,top:30,fontSize:16},lg:{strokeWidth:6,width:120,top:48,fontSize:18},xl:{strokeWidth:7,width:160,top:64,fontSize:22}},o={primary:{stroke:{main:e[95],progress:e.main}},green:{stroke:{main:n[95],progress:n.main}},red:{stroke:{main:t[95],progress:t.main}}};var s={baseStyle:r,defaultProps:i,sizes:a,variants:o};export{s as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{darkBlue as e,energyRed as t,landGreen as n}from"../theme/foundations/colors.js";const r={color:`darkBlue.main`},i={size:`md`,variant:`primary`},a={sm:{strokeWidth:4,width:46,top:15,fontSize:12},md:{strokeWidth:5,width:80,top:30,fontSize:16},lg:{strokeWidth:6,width:120,top:48,fontSize:18},xl:{strokeWidth:7,width:160,top:64,fontSize:22}},o={primary:{stroke:{main:e[95],progress:e.main}},green:{stroke:{main:n[95],progress:n.main}},red:{stroke:{main:t[95],progress:t.main}}};var s={baseStyle:r,defaultProps:i,sizes:a,variants:o};export{s as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=theme.js.map

package/dist/radio/consts.js

@@ -1,2 +1,2 @@
-const e={unchecked:`sandstone.60`,checked:`seaBlue.28`,hover:`seaBlue.20`,focus:`seaBlue.35`};export{e as radioColors};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+const e={unchecked:`sandstone.60`,checked:`seaBlue.28`,hover:`seaBlue.20`,focus:`seaBlue.35`};export{e as radioColors};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=consts.js.map

package/dist/radio/context.d.ts

@@ -1,8 +1,8 @@
 import { Dict } from "../utils/types.js";
-import * as react952 from "react";
+import * as react21 from "react";
 
 //#region src/radio/context.d.ts
-declare const RadioGroupProvider: react952.Provider<Dict>, useRadioGroupContext: () => Dict;
+declare const RadioGroupProvider: react21.Provider<Dict>, useRadioGroupContext: () => Dict;
 //#endregion
 export { RadioGroupProvider, useRadioGroupContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/radio/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,oBAAkB,QAAA,CAAA,SAAA,OAAE,4BAAoB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/radio/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,oBAAkB,OAAA,CAAA,SAAA,OAAE,4BAAoB"}

package/dist/radio/context.js

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

package/dist/radio/radio.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 { RadioProps, RadioStyleProps } from "./radio.types.js";
-import * as styled_components422 from "styled-components";
+import * as styled_components60 from "styled-components";
 
 //#region src/radio/radio.d.ts
-declare const RadioBase: styled_components422.StyledComponent<"label", styled_components422.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 & RadioStyleProps, never>;
+declare const RadioBase: styled_components60.StyledComponent<"label", styled_components60.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 & RadioStyleProps, never>;
 /**
  * Allows selection of a single choice from a set of items. Handles controlled and uncontrolled modes.
  * Uses icons to display itself in different states.

package/dist/radio/radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","names":[],"sources":["../../src/radio/radio.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;cAiCa,WAAS,oBAAA,CAAA,yBAsBrB,oBAAA,CAtBqB,YAAA,k+EAAA;;;;;cA4BT,4BAAK"}
+{"version":3,"file":"radio.d.ts","names":[],"sources":["../../src/radio/radio.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;cAiCa,WAAS,mBAAA,CAAA,yBAsBrB,mBAAA,CAtBqB,YAAA,k+EAAA;;;;;cA4BT,4BAAK"}

package/dist/radio/radio.js

@@ -37,5 +37,5 @@ import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../util
       color: ${n.icon};
     }
   }
-`,y=c((n,a)=>{let{defaultValue:s,isChecked:c,onChange:y,value:b,...x}=d()??{},S=c===void 0?void 0:c===n.value,C={...x,...n},{checked:w=b===void 0?void 0:n.value===b,children:T,className:E,defaultChecked:D=s===void 0?void 0:n.value===s,disabled:O,icon:k=`uiRadioUnselected`,iconChecked:A=`uiRadioSelected`,id:j,inputProps:M,inputRef:N,label:P,name:F,onChange:I,required:L,value:R,...z}=i(C),[B,V]=p(S??w??D),H=o(`Radio`,C),{color:U,hoverColor:W,...G}=H.control,K=B?A:k,q=T||P?1:0,J=B?r.checked:U,Y=W||r.hover;f(()=>{c===void 0?w!==void 0&&V(w):V(c===R)},[w,c]);function X(e){y?.(e),I?.(e)}let Z=e({"aria-disabled":O});return h(v,{className:t(`vui-radio`,E),controlHoverColor:Y,ref:a,...H.container,...Z,...z,children:[h(g,{bg:`white`,className:`vui-radioControl`,color:J,focusWithinRing:3,mr:q,...G,children:[m(_,{className:`vui-radioInput`,onClick:X,ref:N,type:`radio`,defaultChecked:w,disabled:O,id:j,name:F,required:L,value:R,...M}),m(l,{className:`vui-radioIcon`,h:`100%`,name:K,w:`100%`})]}),T??(P&&m(u,{className:`vui-radioLabel`,lineHeight:`normal`,...H.label,children:P}))]})});y.displayName=`Radio`;export{y as Radio,v as RadioBase};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,y=c((n,a)=>{let{defaultValue:s,isChecked:c,onChange:y,value:b,...x}=d()??{},S=c===void 0?void 0:c===n.value,C={...x,...n},{checked:w=b===void 0?void 0:n.value===b,children:T,className:E,defaultChecked:D=s===void 0?void 0:n.value===s,disabled:O,icon:k=`uiRadioUnselected`,iconChecked:A=`uiRadioSelected`,id:j,inputProps:M,inputRef:N,label:P,name:F,onChange:I,required:L,value:R,...z}=i(C),[B,V]=p(S??w??D),H=o(`Radio`,C),{color:U,hoverColor:W,...G}=H.control,K=B?A:k,q=T||P?1:0,J=B?r.checked:U,Y=W||r.hover;f(()=>{c===void 0?w!==void 0&&V(w):V(c===R)},[w,c]);function X(e){y?.(e),I?.(e)}let Z=e({"aria-disabled":O});return h(v,{className:t(`vui-radio`,E),controlHoverColor:Y,ref:a,...H.container,...Z,...z,children:[h(g,{bg:`white`,className:`vui-radioControl`,color:J,focusWithinRing:3,mr:q,...G,children:[m(_,{className:`vui-radioInput`,onClick:X,ref:N,type:`radio`,defaultChecked:w,disabled:O,id:j,name:F,required:L,value:R,...M}),m(l,{className:`vui-radioIcon`,h:`100%`,name:K,w:`100%`})]}),T??(P&&m(u,{className:`vui-radioLabel`,lineHeight:`normal`,...H.label,children:P}))]})});y.displayName=`Radio`;export{y as Radio,v as RadioBase};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=radio.js.map

package/dist/radio/radioGroup.d.ts

@@ -1,10 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { RadioGroupProps } from "./radioGroup.types.js";
-import * as styled_components424 from "styled-components";
+import * as styled_components62 from "styled-components";
 
 //#region src/radio/radioGroup.d.ts
-declare const RadioGroupBase: styled_components424.StyledComponent<"div", styled_components424.DefaultTheme, SystemProps, never>;
+declare const RadioGroupBase: styled_components62.StyledComponent<"div", styled_components62.DefaultTheme, SystemProps, never>;
 /**
  * Organizes layout and display of multiple radio buttons as a row or column.
  * Exposes some props to the children via context.

package/dist/radio/radioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radioGroup.d.ts","names":[],"sources":["../../src/radio/radioGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;cAQa,gBAAc,oBAAA,CAAA,uBAI1B,oBAAA,CAJ0B,YAAA;;;;;AAAd,cAUA,UANZ,cAAA,CAAA,KAAA,EAMsB,eANtB,CAAA"}
+{"version":3,"file":"radioGroup.d.ts","names":[],"sources":["../../src/radio/radioGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;cAQa,gBAAc,mBAAA,CAAA,uBAI1B,mBAAA,CAJ0B,YAAA;;;;;AAAd,cAUA,UANZ,cAAA,CAAA,KAAA,EAMsB,eANtB,CAAA"}

package/dist/radio/radioGroup.js

@@ -2,5 +2,5 @@ import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../util
   display: flex;
   flex-direction: column;
   gap: 1;
-`,u=r((n,r)=>{let{className:u,defaultValue:d,disabled:f,isRow:p,name:m,onBlur:h,onChange:g,onFocus:_,size:v,value:y,variant:b,...x}=n,[S,C]=s(y??d),w=a(e=>{C(e.target.value),g?.(e)},[g]),T=o(()=>e({defaultValue:d,disabled:f,isChecked:S,name:m,onBlur:h,onChange:w,onFocus:_,size:v,value:y,variant:b}),[d,f,w,S,m,h,_,v,y,b]),E=e({flexDirection:p?`row`:void 0});return c(i,{value:T,children:c(l,{className:t(`vui-radioGroup`,u),ref:r,...E,...x})})});u.displayName=`RadioGroup`;export{u as RadioGroup,l as RadioGroupBase};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,u=r((n,r)=>{let{className:u,defaultValue:d,disabled:f,isRow:p,name:m,onBlur:h,onChange:g,onFocus:_,size:v,value:y,variant:b,...x}=n,[S,C]=s(y??d),w=a(e=>{C(e.target.value),g?.(e)},[g]),T=o(()=>e({defaultValue:d,disabled:f,isChecked:S,name:m,onBlur:h,onChange:w,onFocus:_,size:v,value:y,variant:b}),[d,f,w,S,m,h,_,v,y,b]),E=e({flexDirection:p?`row`:void 0});return c(i,{value:T,children:c(l,{className:t(`vui-radioGroup`,u),ref:r,...E,...x})})});u.displayName=`RadioGroup`;export{u as RadioGroup,l as RadioGroupBase};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=radioGroup.js.map

package/dist/radio/theme.js

@@ -1,2 +1,2 @@
-import{radioColors as e}from"./consts.js";var t={baseStyle:{control:{color:e.unchecked,hoverColor:e.hover}},defaultProps:{size:`md`},parts:[`container`,`control`,`label`],sizes:{sm:{control:{h:16,w:16},label:{size:`sm`}},md:{control:{h:20,w:20},label:{size:`md`}},lg:{control:{h:24,w:24},label:{size:`lg`}}},variants:{}};export{t as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{radioColors as e}from"./consts.js";var t={baseStyle:{control:{color:e.unchecked,hoverColor:e.hover}},defaultProps:{size:`md`},parts:[`container`,`control`,`label`],sizes:{sm:{control:{h:16,w:16},label:{size:`sm`}},md:{control:{h:20,w:20},label:{size:`md`}},lg:{control:{h:24,w:24},label:{size:`lg`}}},variants:{}};export{t as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=theme.js.map

package/dist/range/consts.js

@@ -1,2 +1,2 @@
-const e={main:`seaBlue.28`,track:`sandstone.79`,disabled:`sandstone.55`};export{e as rangeColors};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+const e={main:`seaBlue.28`,track:`sandstone.79`,disabled:`sandstone.55`};export{e as rangeColors};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=consts.js.map

package/dist/range/range.js

@@ -3,5 +3,5 @@ import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../util
   height: 4px;
   cursor: pointer;
   transition-duration: '0s';
-`,d=e=>`${e}`,f=a((i,a)=>{let{className:l,value:f,defaultValue:p=0,disabled:m,min:h=0,minDistance:g=0,max:_=100,step:v=1,showTooltip:y=!1,showValue:b=!1,formatter:x=d,onChange:S,...C}=i,w=r(`Range`,i),T=e({"aria-disabled":m}),E=typeof p!=`object`&&typeof f!=`object`,D=m?n.disabled:n.main,O=e=>{let{key:t}=e;return E?t===`track-0`?D:n.track:t===`track-2`?n.track:t===`track-1`?D:n.track},k=(e,t)=>{let n=c(o,{className:`vui-range-thumb`,...w.thumb,borderColor:D,...e,children:b&&c(o,{center:!0,className:`vui-range-thumb-value`,...w.thumbValue,children:x(t.valueNow)})});return b?n:c(s,{disabled:m,text:x(t.valueNow),visible:y,children:n})},A=(e,t)=>c(o,{...w.track,bg:O(e),className:`vui-range-track`,...e,index:t.index});return c(o,{className:t(`vui-range`,E?`vui-range-single`:`vui-range-range`,l),ref:a,...w.container,...T,...C,children:c(u,{className:`vui-range-slider`,defaultValue:p,disabled:m,max:_,min:h,minDistance:g,onChange:S,renderThumb:k,renderTrack:A,step:v,value:f},`${p}-${f}-${m}-${h}-${_}-${v}`)})});f.displayName=`Range`;export{f as Range};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,d=e=>`${e}`,f=a((i,a)=>{let{className:l,value:f,defaultValue:p=0,disabled:m,min:h=0,minDistance:g=0,max:_=100,step:v=1,showTooltip:y=!1,showValue:b=!1,formatter:x=d,onChange:S,...C}=i,w=r(`Range`,i),T=e({"aria-disabled":m}),E=typeof p!=`object`&&typeof f!=`object`,D=m?n.disabled:n.main,O=e=>{let{key:t}=e;return E?t===`track-0`?D:n.track:t===`track-2`?n.track:t===`track-1`?D:n.track},k=(e,t)=>{let n=c(o,{className:`vui-range-thumb`,...w.thumb,borderColor:D,...e,children:b&&c(o,{center:!0,className:`vui-range-thumb-value`,...w.thumbValue,children:x(t.valueNow)})});return b?n:c(s,{disabled:m,text:x(t.valueNow),visible:y,children:n})},A=(e,t)=>c(o,{...w.track,bg:O(e),className:`vui-range-track`,...e,index:t.index});return c(o,{className:t(`vui-range`,E?`vui-range-single`:`vui-range-range`,l),ref:a,...w.container,...T,...C,children:c(u,{className:`vui-range-slider`,defaultValue:p,disabled:m,max:_,min:h,minDistance:g,onChange:S,renderThumb:k,renderTrack:A,step:v,value:f},`${p}-${f}-${m}-${h}-${_}-${v}`)})});f.displayName=`Range`;export{f as Range};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=range.js.map

package/dist/range/theme.js

@@ -1,2 +1,2 @@
-import{rangeColors as e}from"./consts.js";var t={baseStyle:{container:{w:1},thumb:{bg:`white`,border:`2px solid ${e.main}`,borderRadius:`24px`,cursor:`grab`,h:`24px`,lineHeight:`24px`,w:`24px`,textAlign:`center`,top:`-10px`,transitionDuration:`0s`},thumbValue:{position:`absolute`,top:`24px`,w:`18px`},track:{bg:e.main,bottom:0,borderRadius:`24px`,top:0,transitionDuration:`0s`}},defaultProps:{},parts:[`container`,`thumb`,`thumbValue`,`track`],sizes:{},variants:{}};export{t as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{rangeColors as e}from"./consts.js";var t={baseStyle:{container:{w:1},thumb:{bg:`white`,border:`2px solid ${e.main}`,borderRadius:`24px`,cursor:`grab`,h:`24px`,lineHeight:`24px`,w:`24px`,textAlign:`center`,top:`-10px`,transitionDuration:`0s`},thumbValue:{position:`absolute`,top:`24px`,w:`18px`},track:{bg:e.main,bottom:0,borderRadius:`24px`,top:0,transitionDuration:`0s`}},defaultProps:{},parts:[`container`,`thumb`,`thumbValue`,`track`],sizes:{},variants:{}};export{t as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=theme.js.map

package/dist/rating/rating.js

@@ -1,2 +1,2 @@
-import{mergeRefs as e}from"../utils/react.js";import t from"./theme.js";import{vui as n}from"../core/vui.js";import r from"../box/box.js";import i from"../icon/icon.js";import{useRef as a,useState as o}from"react";import{jsx as s}from"react/jsx-runtime";const c=n((n,i)=>{let{value:c=0,isDisabled:d=!1,max:f,onChange:p,showAll:m=!0,variant:h=`yellow`,size:g,..._}=n,[v,y]=o(null),[b,x]=o(c||0),[S,C]=o(null),w=a(null),T=!d&&p!==void 0,E=m||T,{variants:D}=t??{},O=d?`sandstone.79`:D[h].color;c<0&&console.error(`Rating: value (${c}) cannot be negative`);let k=Math.max(0,c),A=f||Math.max(k,5);k>A&&console.error(`Rating: value (${k}) cannot be greater than max (${A})`);let j=e=>{if(!T)return;let t=Math.max(0,Math.min(e,A));x(t),p?.(t)},M=e=>{T&&j(e===b?0:e)},N=e=>{T&&y(e)},P=()=>{T&&y(null)},F=e=>{if(!T)return;let t=c===void 0?b:c;switch(e.key){case`ArrowRight`:case`ArrowUp`:e.preventDefault(),j(Math.min(t+1,A));break;case`ArrowLeft`:case`ArrowDown`:e.preventDefault(),j(Math.max(t-1,0));break;case`Home`:e.preventDefault(),j(0);break;case`End`:e.preventDefault(),j(A);break}},I=()=>{T&&S===null&&C(c===void 0?b:c)},L=()=>{T&&C(null)},R=v===null?k===void 0?b:k:v;return s(r,{"aria-label":`Rating`,"aria-valuemax":A,"aria-valuemin":0,"aria-valuenow":R,className:`vui-rating`,focusRing:3,focusRingColor:`focusColor`,onBlur:L,onFocus:I,onKeyDown:F,onMouseLeave:P,outline:`none`,ref:e(i,w),role:`slider`,tabIndex:T?0:-1,..._,children:Array.from({length:A}).map((e,t)=>{let n=t+1;return s(r,{className:`vui-rating-star`,cursor:T?`pointer`:void 0,gap:`1px`,onClick:()=>M(n),onFocus:()=>C(n),onMouseEnter:()=>N(n),tabIndex:-1,children:t<R?s(l,{color:O,size:g}):E?s(u,{color:`sandstone.79`,size:g}):null},t)})})}),l=e=>s(i,{color:e.color,name:`uiStar`,size:e.size}),u=e=>s(i,{color:e.color,name:`uiStar`,size:e.size});c.displayName=`Rating`;export{c as Rating};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{mergeRefs as e}from"../utils/react.js";import t from"./theme.js";import{vui as n}from"../core/vui.js";import r from"../box/box.js";import i from"../icon/icon.js";import{useRef as a,useState as o}from"react";import{jsx as s}from"react/jsx-runtime";const c=n((n,i)=>{let{value:c=0,isDisabled:d=!1,max:f,onChange:p,showAll:m=!0,variant:h=`yellow`,size:g,..._}=n,[v,y]=o(null),[b,x]=o(c||0),[S,C]=o(null),w=a(null),T=!d&&p!==void 0,E=m||T,{variants:D}=t??{},O=d?`sandstone.79`:D[h].color;c<0&&console.error(`Rating: value (${c}) cannot be negative`);let k=Math.max(0,c),A=f||Math.max(k,5);k>A&&console.error(`Rating: value (${k}) cannot be greater than max (${A})`);let j=e=>{if(!T)return;let t=Math.max(0,Math.min(e,A));x(t),p?.(t)},M=e=>{T&&j(e===b?0:e)},N=e=>{T&&y(e)},P=()=>{T&&y(null)},F=e=>{if(!T)return;let t=c===void 0?b:c;switch(e.key){case`ArrowRight`:case`ArrowUp`:e.preventDefault(),j(Math.min(t+1,A));break;case`ArrowLeft`:case`ArrowDown`:e.preventDefault(),j(Math.max(t-1,0));break;case`Home`:e.preventDefault(),j(0);break;case`End`:e.preventDefault(),j(A);break}},I=()=>{T&&S===null&&C(c===void 0?b:c)},L=()=>{T&&C(null)},R=v===null?k===void 0?b:k:v;return s(r,{"aria-label":`Rating`,"aria-valuemax":A,"aria-valuemin":0,"aria-valuenow":R,className:`vui-rating`,focusRing:3,focusRingColor:`focusColor`,onBlur:L,onFocus:I,onKeyDown:F,onMouseLeave:P,outline:`none`,ref:e(i,w),role:`slider`,tabIndex:T?0:-1,..._,children:Array.from({length:A}).map((e,t)=>{let n=t+1;return s(r,{className:`vui-rating-star`,cursor:T?`pointer`:void 0,gap:`1px`,onClick:()=>M(n),onFocus:()=>C(n),onMouseEnter:()=>N(n),tabIndex:-1,children:t<R?s(l,{color:O,size:g}):E?s(u,{color:`sandstone.79`,size:g}):null},t)})})}),l=e=>s(i,{color:e.color,name:`uiStar`,size:e.size}),u=e=>s(i,{color:e.color,name:`uiStar`,size:e.size});c.displayName=`Rating`;export{c as Rating};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=rating.js.map

package/dist/rating/theme.js

@@ -1,2 +1,2 @@
-var e={baseStyle:{},defaultProps:{size:`md`,variant:`yellow`},parts:[`icon`],sizes:{sm:{icon:{size:`sm`}},md:{icon:{size:`md`}},lg:{icon:{size:`lg`}}},variants:{yellow:{color:`sunflower.50`},blue:{color:`seaBlue.28`}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+var e={baseStyle:{},defaultProps:{size:`md`,variant:`yellow`},parts:[`icon`],sizes:{sm:{icon:{size:`sm`}},md:{icon:{size:`md`}},lg:{icon:{size:`lg`}}},variants:{yellow:{color:`sunflower.50`},blue:{color:`seaBlue.28`}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=theme.js.map

package/dist/select/context.js

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

package/dist/select/select.d.ts

@@ -5,7 +5,7 @@ import { ListProps } from "../list/list.types.js";
 import { ListDivider } from "../list/listDivider.js";
 import { ListHeading } from "../list/listHeading.js";
 import { SelectOptionProps, SelectProps } from "./select.types.js";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/select/select.d.ts
 /**
@@ -13,7 +13,7 @@ import * as react_jsx_runtime8 from "react/jsx-runtime";
  * When no children are provided, content can be displayed based on 'options' data prop.
  * Supports single select and multi select, as well as controlled and uncontrolled modes.
  */
-declare function Select(props: SelectProps): react_jsx_runtime8.JSX.Element;
+declare function Select(props: SelectProps): react_jsx_runtime10.JSX.Element;
 declare namespace Select {
   var Button: VuiComponent<"button", ButtonProps>;
   var Content: VuiComponent<"div", BoxProps>;

package/dist/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","names":[],"sources":["../../src/select/select.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;iBAsBgB,MAAA,QAAc,cAAW,kBAAA,CAAA,GAAA,CAAA;kBAAzB,MAAA;;;EAAA,IAAA,KAAM,cAAA,CAAA,IAAA,YAAA,GAAA;IAAA,OAAA,EAAA,kBAAA;IAAQ,OAAA,EAAA,kBAAA;;EAAW,IAAA,MAAA,cAAA,CAAA,IAAA,oBAAA;EAAzB,IAAA,WAAM,EAAA,MAAA"}
+{"version":3,"file":"select.d.ts","names":[],"sources":["../../src/select/select.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;iBAsBgB,MAAA,QAAc,cAAW,mBAAA,CAAA,GAAA,CAAA;kBAAzB,MAAA;;;EAAA,IAAA,KAAM,cAAA,CAAA,IAAA,YAAA,GAAA;IAAA,OAAA,EAAA,kBAAA;IAAQ,OAAA,EAAA,kBAAA;;EAAW,IAAA,MAAA,cAAA,CAAA,IAAA,oBAAA;EAAzB,IAAA,WAAM,EAAA,MAAA"}

package/dist/select/select.js

@@ -1,2 +1,2 @@
-import{__DEV__ as e}from"../utils/consts.js";import{helpTextSize as t}from"../input/consts.js";import{Box as n}from"../box/box.js";import r from"../input/helpText.js";import i from"../popover/popover.js";import{Input as a}from"../input/input.js";import{SelectProvider as o}from"./context.js";import s from"./selectButton.js";import c from"./selectContent.js";import l from"./selectGroup.js";import u from"./selectLabel.js";import d from"./selectOption.js";import f from"./useSelect.js";import{useEffect as p,useId as m,useState as h}from"react";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";function y(y){let{children:b,defaultValue:x,disabled:S,errorText:C,closeOnScroll:w,helpText:T,id:E,isInvalid:D,isMultiple:O,label:k,labelMarkOptional:A,labelTooltipText:j,maxHeight:M,name:N,onChange:P,options:F,matchWidth:I=!0,placeholder:L=`Please select`,selectedText:R,readOnly:z,selectButton:B,selectButtonProps:V,showOptionsFilter:H,size:U=`lg`,value:W,variant:G,...K}=y,q=f({defaultValue:x,isMultiple:O,onChange:P,value:W,options:F,selectedText:R,children:b});e&&O&&!Array.isArray(q.value)&&console.error(`<Select /> is used with isMultiple but its value is not an array: `,W);let J=m(),[Y,X]=h(``),[Z,Q]=h(F),$=E||J,ee={disabled:S,isInvalid:D,isMultiple:O,name:N,options:F,placeholder:L,selectedText:R,readOnly:z,size:U,variant:G,...q},te=e=>X(e.target.value?.toLowerCase()),ne=e=>!H||!Y?.length?!0:e?.text?.toLowerCase()?.includes(Y);return p(()=>{Q(F?.filter(ne))},[Y,F]),_(o,{value:ee,children:v(n,{className:`vui-selectContainer`,column:!0,...K,children:[!!k&&_(u,{disabled:S,id:$,label:k,labelMarkOptional:A,labelTooltipText:j}),_(i,{matchWidth:I,children:v(g,{children:[B??_(s,{...V}),v(c,{overflow:`hidden`,children:[H&&_(n,{children:_(a,{iconLeft:`uiSearch`,id:$,m:1,mt:0,onChange:te,placeholder:`Filter…`,size:U,value:Y,w:`100%`})}),_(l,{maxH:M,overflowY:`auto`,tabIndex:1e3,children:b??Z?.map?.(e=>_(d,{closeOnScroll:w,title:e.text,...e},e.value))})]})]})}),!!T&&_(r,{size:t[U],children:T}),!!C&&_(r,{isError:!0,size:t[U],children:C})]})})}y.Button=s,y.Content=c,y.Group=l,y.Option=d,y.displayName=`Select`;export{y as Select};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{__DEV__ as e}from"../utils/consts.js";import{helpTextSize as t}from"../input/consts.js";import{Box as n}from"../box/box.js";import r from"../input/helpText.js";import i from"../popover/popover.js";import{Input as a}from"../input/input.js";import{SelectProvider as o}from"./context.js";import s from"./selectButton.js";import c from"./selectContent.js";import l from"./selectGroup.js";import u from"./selectLabel.js";import d from"./selectOption.js";import f from"./useSelect.js";import{useEffect as p,useId as m,useState as h}from"react";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";function y(y){let{children:b,defaultValue:x,disabled:S,errorText:C,closeOnScroll:w,helpText:T,id:E,isInvalid:D,isMultiple:O,label:k,labelMarkOptional:A,labelTooltipText:j,maxHeight:M,name:N,onChange:P,options:F,matchWidth:I=!0,placeholder:L=`Please select`,selectedText:R,readOnly:z,selectButton:B,selectButtonProps:V,showOptionsFilter:H,size:U=`lg`,value:W,variant:G,...K}=y,q=f({defaultValue:x,isMultiple:O,onChange:P,value:W,options:F,selectedText:R,children:b});e&&O&&!Array.isArray(q.value)&&console.error(`<Select /> is used with isMultiple but its value is not an array: `,W);let J=m(),[Y,X]=h(``),[Z,Q]=h(F),$=E||J,ee={disabled:S,isInvalid:D,isMultiple:O,name:N,options:F,placeholder:L,selectedText:R,readOnly:z,size:U,variant:G,...q},te=e=>X(e.target.value?.toLowerCase()),ne=e=>!H||!Y?.length?!0:e?.text?.toLowerCase()?.includes(Y);return p(()=>{Q(F?.filter(ne))},[Y,F]),_(o,{value:ee,children:v(n,{className:`vui-selectContainer`,column:!0,...K,children:[!!k&&_(u,{disabled:S,id:$,label:k,labelMarkOptional:A,labelTooltipText:j}),_(i,{matchWidth:I,children:v(g,{children:[B??_(s,{...V}),v(c,{overflow:`hidden`,children:[H&&_(n,{children:_(a,{iconLeft:`uiSearch`,id:$,m:1,mt:0,onChange:te,placeholder:`Filter…`,size:U,value:Y,w:`100%`})}),_(l,{maxH:M,overflowY:`auto`,tabIndex:1e3,children:b??Z?.map?.(e=>_(d,{closeOnScroll:w,title:e.text,...e},e.value))})]})]})}),!!T&&_(r,{size:t[U],children:T}),!!C&&_(r,{isError:!0,size:t[U],children:C})]})})}y.Button=s,y.Content=c,y.Group=l,y.Option=d,y.displayName=`Select`;export{y as Select};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=select.js.map

package/dist/select/selectButton.js

@@ -1,2 +1,2 @@
-import{cs as e,ellipsisOverflow as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import i from"../button/button.js";import{LineButton as a}from"../button/buttons.js";import o from"../popover/popoverTrigger.js";import{useSelectContext as s}from"./context.js";import{jsx as c}from"react/jsx-runtime";const l=r((r,l)=>{let{className:u,...d}=r,{disabled:f,isInvalid:p,placeholder:m,readOnly:h,valueText:g}=s()??{},_=n(`Select`,s()),v=g||m,y=f?{activeBg:`sandstone.79`,cursor:`not-allowed`,backgroundColor:`sandstone.79`,borderColor:`sandstone.79`,hoverBg:`sandstone.79`,hoverBorderColor:`sandstone.79`,activeBorderColor:`sandstone.79`}:void 0,b=h?{activeBg:`sandstone.95`,bg:`sandstone.95`,color:`seaBlue.main`,cursor:`auto`,disabled:!0,hoverBg:`sandstone.95`,opacity:1}:void 0,x=p?{borderColor:`energyRed.45`,hoverBorderColor:`energyRed.45`}:void 0,S=f?`sandstone.10`:`seaBlue.main`;return c(o,{as:a,bg:`white`,className:e(`vui-selectButton`,u),disabled:f,focusRing:2,fontWeight:`regular`,iconRight:c(i.Icon,{color:S,ml:`auto`,name:`uiAngleDown`}),isFullWidth:!0,px:1,ref:l,text:c(i.Text,{color:`sandstone.10`,...t,children:v}),userSelect:`text`,..._.button,...y,...b,...x,...d})});l.displayName=`SelectButton`;var u=l;export{l as SelectButton,u as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{cs as e,ellipsisOverflow as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import i from"../button/button.js";import{LineButton as a}from"../button/buttons.js";import o from"../popover/popoverTrigger.js";import{useSelectContext as s}from"./context.js";import{jsx as c}from"react/jsx-runtime";const l=r((r,l)=>{let{className:u,...d}=r,{disabled:f,isInvalid:p,placeholder:m,readOnly:h,valueText:g}=s()??{},_=n(`Select`,s()),v=g||m,y=f?{activeBg:`sandstone.79`,cursor:`not-allowed`,backgroundColor:`sandstone.79`,borderColor:`sandstone.79`,hoverBg:`sandstone.79`,hoverBorderColor:`sandstone.79`,activeBorderColor:`sandstone.79`}:void 0,b=h?{activeBg:`sandstone.95`,bg:`sandstone.95`,color:`seaBlue.main`,cursor:`auto`,disabled:!0,hoverBg:`sandstone.95`,opacity:1}:void 0,x=p?{borderColor:`energyRed.45`,hoverBorderColor:`energyRed.45`}:void 0,S=f?`sandstone.10`:`seaBlue.main`;return c(o,{as:a,bg:`white`,className:e(`vui-selectButton`,u),disabled:f,focusRing:2,fontWeight:`regular`,iconRight:c(i.Icon,{color:S,ml:`auto`,name:`uiAngleDown`}),isFullWidth:!0,px:1,ref:l,text:c(i.Text,{color:`sandstone.10`,...t,children:v}),userSelect:`text`,..._.button,...y,...b,...x,...d})});l.displayName=`SelectButton`;var u=l;export{l as SelectButton,u as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=selectButton.js.map

package/dist/select/selectContent.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"../popover/popoverContent.js";import{useSelectContext 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(`Select`,i());return a(r,{className:e(`vui-selectContent`,s),column:!0,py:1,ref:o,...l.content,...c})});o.displayName=`SelectContent`;var s=o;export{o as SelectContent,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 r from"../popover/popoverContent.js";import{useSelectContext 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(`Select`,i());return a(r,{className:e(`vui-selectContent`,s),column:!0,py:1,ref:o,...l.content,...c})});o.displayName=`SelectContent`;var s=o;export{o as SelectContent,s as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=selectContent.js.map

package/dist/select/selectGroup.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{ListDivider as r}from"../list/listDivider.js";import{ListHeading as i}from"../list/listHeading.js";import{List as a}from"../list/list.js";import{useSelectContext as o}from"./context.js";import{jsx as s}from"react/jsx-runtime";const c=n((n,r)=>{let{className:i,...c}=n,l=t(`Select`,o());return s(a,{className:e(`vui-selectGroup`,`vui-allowScroll`,i),ref:r,...l.group,...c})});c.Divider=r,c.Heading=i,c.displayName=`SelectGroup`;var l=c;export{c as SelectGroup,l 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{ListDivider as r}from"../list/listDivider.js";import{ListHeading as i}from"../list/listHeading.js";import{List as a}from"../list/list.js";import{useSelectContext as o}from"./context.js";import{jsx as s}from"react/jsx-runtime";const c=n((n,r)=>{let{className:i,...c}=n,l=t(`Select`,o());return s(a,{className:e(`vui-selectGroup`,`vui-allowScroll`,i),ref:r,...l.group,...c})});c.Divider=r,c.Heading=i,c.displayName=`SelectGroup`;var l=c;export{c as SelectGroup,l as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=selectGroup.js.map

package/dist/select/selectLabel.js

@@ -1,2 +1,2 @@
-import{isString as e}from"../utils/assertion.js";import{useStyleConfig as t}from"../core/theme.js";import n from"../label/label.js";import{useSelectContext as r}from"./context.js";import{jsx as i}from"react/jsx-runtime";const a=({disabled:a,id:o,label:s,labelMarkOptional:c,labelTooltipText:l})=>{let u=t(`Select`,r());return e(s)?i(n,{"aria-disabled":a,className:`vui-input-label`,htmlFor:o,markAsOptional:c,mb:.5,text:s,tooltipText:l,...u.label}):s};a.displayName=`SelectLabel`;var o=a;export{o as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{isString as e}from"../utils/assertion.js";import{useStyleConfig as t}from"../core/theme.js";import n from"../label/label.js";import{useSelectContext as r}from"./context.js";import{jsx as i}from"react/jsx-runtime";const a=({disabled:a,id:o,label:s,labelMarkOptional:c,labelTooltipText:l})=>{let u=t(`Select`,r());return e(s)?i(n,{"aria-disabled":a,className:`vui-input-label`,htmlFor:o,markAsOptional:c,mb:.5,text:s,tooltipText:l,...u.label}):s};a.displayName=`SelectLabel`;var o=a;export{o as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=selectLabel.js.map

package/dist/select/selectOption.js

@@ -1,2 +1,2 @@
-import{useCallbackRef as e}from"../utils/react.js";import{cs as t,ellipsisOverflow as n}from"../utils/styles.js";import{useStyleConfig as r}from"../core/theme.js";import{vui as i}from"../core/vui.js";import{ListItem as a}from"../list/listItem.js";import{List as o}from"../list/list.js";import{Checkbox as s}from"../checkbox/checkbox.js";import{usePopoverContext as c}from"../popover/context.js";import{useSelectContext as l}from"./context.js";import{useEffect as u}from"react";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";const m=i((i,m)=>{let{children:h,closeOnScroll:g,className:_,disabled:v,title:y,onClick:b,value:x,...S}=i,{instance:C}=c()??{},{isMultiple:w,name:T,onChange:E,value:D}=l()??{},O=r(`Select`,l()),k=Array.isArray(D)&&x?D.includes(x):D===x,A=()=>C?.hide(),j=e(e=>{let t=e.nativeEvent||e,n=new t.constructor(t.type,t);Object.defineProperty(n,`target`,{writable:!0,value:{value:x,name:T}}),b?.(e),E?.(n),!w&&A()}),M=e(e=>e.key===`Enter`&&j(e)),N=e=>!e.target?.className?.includes(`vui-allowScroll`)&&A();return u(()=>(g&&document.addEventListener(`scroll`,N,!0),()=>{g&&document.removeEventListener(`scroll`,N,!0)}),[g]),f(a,{activeBg:`skyBlue.active`,className:t(`vui-selectOption`,_),disabled:v,hoverBg:`skyBlue.hover`,isInteractive:!0,isSelected:k,onClick:j,onKeyDown:M,ref:m,selectedBg:`skyBlue.selected`,tabIndex:0,title:y,value:x,...O.option,...S,...n,children:h??(w&&p(d,{children:[f(s,{checked:k,disabled:v,mr:1,...O.option}),f(o.Text,{children:i.text})]}))})});m.displayName=`SelectOption`;var h=m;export{m as SelectOption,h as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{useCallbackRef as e}from"../utils/react.js";import{cs as t,ellipsisOverflow as n}from"../utils/styles.js";import{useStyleConfig as r}from"../core/theme.js";import{vui as i}from"../core/vui.js";import{ListItem as a}from"../list/listItem.js";import{List as o}from"../list/list.js";import{Checkbox as s}from"../checkbox/checkbox.js";import{usePopoverContext as c}from"../popover/context.js";import{useSelectContext as l}from"./context.js";import{useEffect as u}from"react";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";const m=i((i,m)=>{let{children:h,closeOnScroll:g,className:_,disabled:v,title:y,onClick:b,value:x,...S}=i,{instance:C}=c()??{},{isMultiple:w,name:T,onChange:E,value:D}=l()??{},O=r(`Select`,l()),k=Array.isArray(D)&&x?D.includes(x):D===x,A=()=>C?.hide(),j=e(e=>{let t=e.nativeEvent||e,n=new t.constructor(t.type,t);Object.defineProperty(n,`target`,{writable:!0,value:{value:x,name:T}}),b?.(e),E?.(n),!w&&A()}),M=e(e=>e.key===`Enter`&&j(e)),N=e=>!e.target?.className?.includes(`vui-allowScroll`)&&A();return u(()=>(g&&document.addEventListener(`scroll`,N,!0),()=>{g&&document.removeEventListener(`scroll`,N,!0)}),[g]),f(a,{activeBg:`skyBlue.active`,className:t(`vui-selectOption`,_),disabled:v,hoverBg:`skyBlue.hover`,isInteractive:!0,isSelected:k,onClick:j,onKeyDown:M,ref:m,selectedBg:`skyBlue.selected`,tabIndex:0,title:y,value:x,...O.option,...S,...n,children:h??(w&&p(d,{children:[f(s,{checked:k,disabled:v,mr:1,...O.option}),f(o.Text,{children:i.text})]}))})});m.displayName=`SelectOption`;var h=m;export{m as SelectOption,h as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=selectOption.js.map

package/dist/select/theme.js

@@ -1,2 +1,2 @@
-var e={baseStyle:{},defaultProps:{size:`lg`,variant:`outlined`},parts:[`container`,`button`,`content`,`group`,`option`,`label`],sizes:{sm:{button:{size:`sm`},group:{size:`sm`},option:{size:`sm`},label:{fontSize:`xs`}},md:{button:{size:`md`},group:{size:`md`},option:{size:`md`},label:{fontSize:`sm`}},lg:{button:{size:`lg`},group:{size:`lg`},option:{size:`lg`},label:{fontSize:`md`}},xl:{button:{size:`xl`},group:{size:`xl`},option:{size:`xl`},label:{fontSize:`lg`}}},variants:{outlined:{button:{hoverBg:`white`,activeBg:`white`,borderColor:`sandstone.60`,hoverBorderColor:`sandstone.60`}},text:{button:{hoverBg:`white`,activeBg:`white`,borderColor:`transparent`,hoverBorderColor:`transparent`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+var e={baseStyle:{},defaultProps:{size:`lg`,variant:`outlined`},parts:[`container`,`button`,`content`,`group`,`option`,`label`],sizes:{sm:{button:{size:`sm`},group:{size:`sm`},option:{size:`sm`},label:{fontSize:`xs`}},md:{button:{size:`md`},group:{size:`md`},option:{size:`md`},label:{fontSize:`sm`}},lg:{button:{size:`lg`},group:{size:`lg`},option:{size:`lg`},label:{fontSize:`md`}},xl:{button:{size:`xl`},group:{size:`xl`},option:{size:`xl`},label:{fontSize:`lg`}}},variants:{outlined:{button:{hoverBg:`white`,activeBg:`white`,borderColor:`sandstone.60`,hoverBorderColor:`sandstone.60`}},text:{button:{hoverBg:`white`,activeBg:`white`,borderColor:`transparent`,hoverBorderColor:`transparent`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=theme.js.map

package/dist/select/useSelect.js

@@ -1,2 +1,2 @@
-import{toggleItem as e}from"../utils/array.js";import{useCallbackRef as t}from"../utils/react.js";import{Children as n,isValidElement as r,useState as i}from"react";const a=(e,t)=>t?.find(t=>t?.value===e)?.text||e;function o(o){let{defaultValue:s,isMultiple:c,onChange:l,value:u,options:d=[],selectedText:f,children:p}=o,[m,h]=i(s),g=u!==void 0,_=g?u:m,v=[];n.forEach(p,e=>{if(!r(e))return;let t=e.props;t.text&&t.value&&v.push(t)});let y=t(t=>{l?.(t),g||h(n=>Array.isArray(n)?e(n,t.target.value).sort():t.target.value)}),b=c&&Array.isArray(_)?_[0]?f&&_.length>1?f:`${a(_[0],[...d,...v])}${_.length>1?` (+${_.length-1})`:``}`:void 0:a(_,[...d,...v]);return{onChange:y,value:_,valueText:b}}export{o as default,a as getOptionText};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{toggleItem as e}from"../utils/array.js";import{useCallbackRef as t}from"../utils/react.js";import{Children as n,isValidElement as r,useState as i}from"react";const a=(e,t)=>t?.find(t=>t?.value===e)?.text||e;function o(o){let{defaultValue:s,isMultiple:c,onChange:l,value:u,options:d=[],selectedText:f,children:p}=o,[m,h]=i(s),g=u!==void 0,_=g?u:m,v=[];n.forEach(p,e=>{if(!r(e))return;let t=e.props;t.text&&t.value&&v.push(t)});let y=t(t=>{l?.(t),g||h(n=>Array.isArray(n)?e(n,t.target.value).sort():t.target.value)}),b=c&&Array.isArray(_)?_[0]?f&&_.length>1?f:`${a(_[0],[...d,...v])}${_.length>1?` (+${_.length-1})`:``}`:void 0:a(_,[...d,...v]);return{onChange:y,value:_,valueText:b}}export{o as default,a as getOptionText};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=useSelect.js.map

package/dist/select/useSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelect.js","names":["dynamicOptions: SelectOptionData[]","option: SelectOptionData","value"],"sources":["../../src/select/useSelect.tsx"],"sourcesContent":["import { Children, isValidElement, useState } from 'react'\n\nimport type { ChangeEvent } from '../utils'\nimport { toggleItem, useCallbackRef } from '../utils'\nimport type { SelectOptionData, SelectValue } from './select.types'\nimport type { UseSelectProps } from './useSelect.types'\n\nexport const getOptionText = (value: SelectValue, options: SelectOptionData[]) => {\n  const option = options?.find((o: SelectOptionData) => o?.value === value)\n\n  return option?.text || value\n}\n\n/** Handles controlled/uncontrolled value state. Supports single and multiple values. */\nexport default function useSelect(props: UseSelectProps) {\n  const {\n    defaultValue,\n    isMultiple,\n    onChange: onChangeProp,\n    value: valueProp,\n    options = [],\n    selectedText,\n    children,\n  } = props\n\n  // Not using useControlled here, because we need custom value setter when uncontrolled\n  const [stateValue, setStateValue] = useState(defaultValue)\n  const isControlled = valueProp !== undefined\n  const value = isControlled ? valueProp : stateValue\n\n  // Iterating over the children to dynamically obtain the list of available options\n  const dynamicOptions: SelectOptionData[] = []\n  Children.forEach(children, element => {\n    if (!isValidElement(element)) return\n    const option: SelectOptionData = element.props as SelectOptionData\n    if (option.text && option.value) dynamicOptions.push(option)\n  })\n\n  /** Sends a change event to the external consumer, but internall keeps the actual value as primitive or array. */\n  const onChange = useCallbackRef((e: ChangeEvent) => {\n    onChangeProp?.(e)\n\n    if (!isControlled)\n      setStateValue(value => (Array.isArray(value) ? toggleItem(value, e.target.value).sort() : e.target.value))\n  })\n\n  const valueText =\n    isMultiple && Array.isArray(value)\n      ? value[0]\n        ? selectedText && value.length > 1\n          ? selectedText\n          : `${getOptionText(value[0], [...options, ...dynamicOptions])}${\n              value.length > 1 ? ` (+${value.length - 1})` : ''\n            }`\n        : undefined\n      : getOptionText(value as SelectValue, [...options, ...dynamicOptions])\n\n  return { onChange, value, valueText }\n}\n\nexport type UseSelectReturnType = ReturnType<typeof useSelect>\n"],"mappings":"qKAOA,MAAa,GAAiB,EAAoB,IACjC,GAAS,KAAM,GAAwB,GAAG,QAAU,EAAM,EAE1D,MAAQ,EAIzB,SAAwB,EAAU,EAAuB,CACvD,GAAM,CACJ,eACA,aACA,SAAU,EACV,MAAO,EACP,UAAU,EAAE,CACZ,eACA,YACE,EAGE,CAAC,EAAY,GAAiB,EAAS,EAAa,CACpD,EAAe,IAAc,IAAA,GAC7B,EAAQ,EAAe,EAAY,EAGnCA,EAAqC,EAAE,CAC7C,EAAS,QAAQ,EAAU,GAAW,CACpC,GAAI,CAAC,EAAe,EAAQ,CAAE,OAC9B,IAAMC,EAA2B,EAAQ,MACrC,EAAO,MAAQ,EAAO,OAAO,EAAe,KAAK,EAAO,EAC5D,CAGF,IAAM,EAAW,EAAgB,GAAmB,CAClD,IAAe,EAAE,CAEZ,GACH,EAAc,GAAU,MAAM,QAAQC,EAAM,CAAG,EAAWA,EAAO,EAAE,OAAO,MAAM,CAAC,MAAM,CAAG,EAAE,OAAO,MAAO,EAC5G,CAEI,EACJ,GAAc,MAAM,QAAQ,EAAM,CAC9B,EAAM,GACJ,GAAgB,EAAM,OAAS,EAC7B,EACA,GAAG,EAAc,EAAM,GAAI,CAAC,GAAG,EAAS,GAAG,EAAe,CAAC,GACzD,EAAM,OAAS,EAAI,MAAM,EAAM,OAAS,EAAE,GAAK,KAEnD,IAAA,GACF,EAAc,EAAsB,CAAC,GAAG,EAAS,GAAG,EAAe,CAAC,CAE1E,MAAO,CAAE,WAAU,QAAO,YAAW"}
+{"version":3,"file":"useSelect.js","names":["dynamicOptions: SelectOptionData[]","option: SelectOptionData","value"],"sources":["../../src/select/useSelect.tsx"],"sourcesContent":["import { Children, isValidElement, useState } from 'react'\n\nimport type { ChangeEvent } from '../utils'\nimport { toggleItem, useCallbackRef } from '../utils'\nimport type { SelectOptionData, SelectValue } from './select.types'\nimport type { UseSelectProps } from './useSelect.types'\n\nexport const getOptionText = (value: SelectValue, options: SelectOptionData[]) => {\n  const option = options?.find((o: SelectOptionData) => o?.value === value)\n\n  return option?.text || value\n}\n\n/** Handles controlled/uncontrolled value state. Supports single and multiple values. */\nexport default function useSelect(props: UseSelectProps) {\n  const {\n    defaultValue,\n    isMultiple,\n    onChange: onChangeProp,\n    value: valueProp,\n    options = [],\n    selectedText,\n    children,\n  } = props\n\n  // Not using useControlled here, because we need custom value setter when uncontrolled\n  const [stateValue, setStateValue] = useState(defaultValue)\n  const isControlled = valueProp !== undefined\n  const value = isControlled ? valueProp : stateValue\n\n  // Iterating over the children to dynamically obtain the list of available options\n  const dynamicOptions: SelectOptionData[] = []\n  Children.forEach(children, element => {\n    if (!isValidElement(element)) return\n    const option: SelectOptionData = element.props as SelectOptionData\n    if (option.text && option.value) dynamicOptions.push(option)\n  })\n\n  /** Sends a change event to the external consumer, but internal keeps the actual value as primitive or array. */\n  const onChange = useCallbackRef((e: ChangeEvent) => {\n    onChangeProp?.(e)\n\n    if (!isControlled)\n      setStateValue(value => (Array.isArray(value) ? toggleItem(value, e.target.value).sort() : e.target.value))\n  })\n\n  const valueText =\n    isMultiple && Array.isArray(value)\n      ? value[0]\n        ? selectedText && value.length > 1\n          ? selectedText\n          : `${getOptionText(value[0], [...options, ...dynamicOptions])}${\n              value.length > 1 ? ` (+${value.length - 1})` : ''\n            }`\n        : undefined\n      : getOptionText(value as SelectValue, [...options, ...dynamicOptions])\n\n  return { onChange, value, valueText }\n}\n\nexport type UseSelectReturnType = ReturnType<typeof useSelect>\n"],"mappings":"qKAOA,MAAa,GAAiB,EAAoB,IACjC,GAAS,KAAM,GAAwB,GAAG,QAAU,EAAM,EAE1D,MAAQ,EAIzB,SAAwB,EAAU,EAAuB,CACvD,GAAM,CACJ,eACA,aACA,SAAU,EACV,MAAO,EACP,UAAU,EAAE,CACZ,eACA,YACE,EAGE,CAAC,EAAY,GAAiB,EAAS,EAAa,CACpD,EAAe,IAAc,IAAA,GAC7B,EAAQ,EAAe,EAAY,EAGnCA,EAAqC,EAAE,CAC7C,EAAS,QAAQ,EAAU,GAAW,CACpC,GAAI,CAAC,EAAe,EAAQ,CAAE,OAC9B,IAAMC,EAA2B,EAAQ,MACrC,EAAO,MAAQ,EAAO,OAAO,EAAe,KAAK,EAAO,EAC5D,CAGF,IAAM,EAAW,EAAgB,GAAmB,CAClD,IAAe,EAAE,CAEZ,GACH,EAAc,GAAU,MAAM,QAAQC,EAAM,CAAG,EAAWA,EAAO,EAAE,OAAO,MAAM,CAAC,MAAM,CAAG,EAAE,OAAO,MAAO,EAC5G,CAEI,EACJ,GAAc,MAAM,QAAQ,EAAM,CAC9B,EAAM,GACJ,GAAgB,EAAM,OAAS,EAC7B,EACA,GAAG,EAAc,EAAM,GAAI,CAAC,GAAG,EAAS,GAAG,EAAe,CAAC,GACzD,EAAM,OAAS,EAAI,MAAM,EAAM,OAAS,EAAE,GAAK,KAEnD,IAAA,GACF,EAAc,EAAsB,CAAC,GAAG,EAAS,GAAG,EAAe,CAAC,CAE1E,MAAO,CAAE,WAAU,QAAO,YAAW"}

package/dist/sidemenu/consts.js

@@ -1,2 +1,2 @@
-const e=52,t=240;export{e as collapsedWidth,t as expandedWidth};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+const e=52,t=240;export{e as collapsedWidth,t as expandedWidth};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=consts.js.map

package/dist/sidemenu/context.js

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

package/dist/sidemenu/sidemenu.js

@@ -1,2 +1,2 @@
-import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../utils/styles.js";import{isActivePath as n}from"../utils/window.js";import{useStyleConfig as r}from"../core/theme.js";import{vui as i}from"../core/vui.js";import a from"../box/box.js";import o from"../icon/icon.js";import s from"../button/button.js";import{collapsedWidth as c,expandedWidth as l}from"./consts.js";import{SidemenuProvider as u}from"./context.js";import d from"./sidemenuItem.js";import f from"./sidemenuTop.js";import{useEffect as p,useMemo as m,useState as h}from"react";import{jsx as g,jsxs as _}from"react/jsx-runtime";const v=i((i,f)=>{let{children:v,className:y,items:b,isExpanded:x=!1,isSticky:S=!1,size:C,variant:w,width:T=l,onNavigate:E,...D}=i,[O,k]=h(x),A=m(()=>e({size:C,variant:w,isExpandedHorizontally:O}),[C,w,O]),j=r(`Sidemenu`,i),M=w===`dark`;p(()=>{k(x)},[x]);let N=()=>k(!O),P=O?T:c,F=`falArrow${O?`Left`:`Right`}`,I=O?`flex-end`:`center`;function L(e){e?.onClick?.(),e?.path&&E?.(e.path)}return g(u,{value:A,children:_(a,{className:t(`vui-sidemenu`,y),elevation:`3`,flexDirection:`column`,minWidth:0,overflowX:`hidden`,position:S?`sticky`:`static`,ref:f,top:S?top||0:`auto`,transitionDuration:`normal`,w:P,...j.container,...D,children:[g(a,{flexDirection:`column`,flexGrow:1,justifyContent:`flex-start`,minW:l,overflowX:`hidden`,overflowY:`auto`,w:`100%`,children:b?b?.map?.((e,t)=>g(d,{isActive:n(e?.path),...e,onClick:()=>L(e)},t)):v}),g(a,{className:`vui-sidemenu-bottom`,w:`100%`,...j.bottom,children:g(s,{"aria-label":O?`Collapse`:`Expand`,borderRadius:0,justifyContent:I,minH:C===`lg`?`56px`:`40px`,onClick:N,pl:0,size:`md`,variant:M?`tertiaryLight`:`tertiaryDark`,w:`100%`,children:g(o,{name:F})})})]})})});v.Top=f,v.Item=d,v.displayName=`Sidemenu`;export{v as Sidemenu};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../utils/styles.js";import{isActivePath as n}from"../utils/window.js";import{useStyleConfig as r}from"../core/theme.js";import{vui as i}from"../core/vui.js";import a from"../box/box.js";import o from"../icon/icon.js";import s from"../button/button.js";import{collapsedWidth as c,expandedWidth as l}from"./consts.js";import{SidemenuProvider as u}from"./context.js";import d from"./sidemenuItem.js";import f from"./sidemenuTop.js";import{useEffect as p,useMemo as m,useState as h}from"react";import{jsx as g,jsxs as _}from"react/jsx-runtime";const v=i((i,f)=>{let{children:v,className:y,items:b,isExpanded:x=!1,isSticky:S=!1,size:C,variant:w,width:T=l,onNavigate:E,...D}=i,[O,k]=h(x),A=m(()=>e({size:C,variant:w,isExpandedHorizontally:O}),[C,w,O]),j=r(`Sidemenu`,i),M=w===`dark`;p(()=>{k(x)},[x]);let N=()=>k(!O),P=O?T:c,F=`falArrow${O?`Left`:`Right`}`,I=O?`flex-end`:`center`;function L(e){e?.onClick?.(),e?.path&&E?.(e.path)}return g(u,{value:A,children:_(a,{className:t(`vui-sidemenu`,y),elevation:`3`,flexDirection:`column`,minWidth:0,overflowX:`hidden`,position:S?`sticky`:`static`,ref:f,top:S?top||0:`auto`,transitionDuration:`normal`,w:P,...j.container,...D,children:[g(a,{flexDirection:`column`,flexGrow:1,justifyContent:`flex-start`,minW:l,overflowX:`hidden`,overflowY:`auto`,w:`100%`,children:b?b?.map?.((e,t)=>g(d,{isActive:n(e?.path),...e,onClick:()=>L(e)},t)):v}),g(a,{className:`vui-sidemenu-bottom`,w:`100%`,...j.bottom,children:g(s,{"aria-label":O?`Collapse`:`Expand`,borderRadius:0,justifyContent:I,minH:C===`lg`?`56px`:`40px`,onClick:N,pl:0,size:`md`,variant:M?`tertiaryLight`:`tertiaryDark`,w:`100%`,children:g(o,{name:F})})})]})})});v.Top=f,v.Item=d,v.displayName=`Sidemenu`;export{v as Sidemenu};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=sidemenu.js.map

package/dist/sidemenu/sidemenuItem.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{omitThemingProps as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../box/box.js";import i from"../icon/icon.js";import a from"../t/t.js";import o from"../button/button.js";import s from"../popover/popover.js";import{collapsedWidth as c,expandedWidth as l}from"./consts.js";import u from"./useSidemenuItem.js";import{useEffect as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m=n((n,m)=>{let{className:h,children:g,icon:_,iconSize:v=`md`,isActive:y,isExpanded:b=!0,pl:x=0,py:S=0,onClick:C,onCollapse:w,onExpand:T,title:E,...D}=t(n),{isExpandedVertically:O,setIsExpandedVertically:k,isDark:A,size:j,isExpandedHorizontally:M,styles:N}=u(b);d(()=>{O&&T?.(),O||w?.()},[O]);let P=!!g&&M,F=()=>p(r,{centerV:!0,px:1.5,py:1,w:`100%`,whiteSpace:`pre`,children:[f(i,{ml:v===`sm`?`4px`:0,name:_,size:v}),f(a,{isTruncated:!0,ml:2,children:E})]}),I=e=>{e.preventDefault(),e.stopPropagation(),k(!O)},L={alignItems:`center`,border:`none`,borderRadius:0,borderLeft:!P&&g?`none`:`3px solid transparent`,borderLeftColor:y?A?`digiGreen.main`:`seaBlue.main`:void 0,bg:A?`darkBlue.main`:y?`skyBlue.95`:`white`,color:P?`seaBlue.main`:A?`digiGreen.main`:`sandstone.10`,h:`auto`,justifyContent:`space-between`,onClick:()=>C?.(),pl:x,py:S,size:`md`,variant:A?`tertiaryLight`:`tertiaryDark`,w:`100%`,...N.item,minH:j===`lg`?`56px`:`40px`,hoverBg:A?`seaBlue.main`:`skyBlue.90`,...D};return p(r,{flexDirection:`column`,ref:m,w:`100%`,children:[!P&&g?p(s,{offset:[0,c-l-2],placement:`right-start`,trigger:`mouseenter`,children:[f(s.Trigger,{as:r,className:e(`vui-sidemenu-item-popover`,h),children:f(r,{...L,borderLeft:`3px solid ${A?`digiGreen.main`:`seaBlue.main`}`,children:f(F,{})})}),f(s.Content,{elevation:`none`,children:f(r,{flexDirection:`column`,justifyContent:`start`,w:`100%`,children:g})})]}):p(o,{className:e(`vui-sidemenu-item`,h),...L,children:[f(F,{}),P&&f(o,{"aria-label":O?`Collapse`:`Expand`,className:`vui-sidemenu-item-expand`,icon:O?`falChevronUp`:`falChevronDown`,onClick:I,size:`sm`,variant:A?`tertiaryLight`:`tertiaryDark`})]}),!!g&&P&&O&&f(r,{flexDirection:`column`,justifyContent:`start`,w:`100%`,children:g})]})});m.displayName=`SidemenuItem`;var h=m;export{m as SidemenuItem,h as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{cs as e}from"../utils/styles.js";import{omitThemingProps as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../box/box.js";import i from"../icon/icon.js";import a from"../t/t.js";import o from"../button/button.js";import s from"../popover/popover.js";import{collapsedWidth as c,expandedWidth as l}from"./consts.js";import u from"./useSidemenuItem.js";import{useEffect as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m=n((n,m)=>{let{className:h,children:g,icon:_,iconSize:v=`md`,isActive:y,isExpanded:b=!0,pl:x=0,py:S=0,onClick:C,onCollapse:w,onExpand:T,title:E,...D}=t(n),{isExpandedVertically:O,setIsExpandedVertically:k,isDark:A,size:j,isExpandedHorizontally:M,styles:N}=u(b);d(()=>{O&&T?.(),O||w?.()},[O]);let P=!!g&&M,F=()=>p(r,{centerV:!0,px:1.5,py:1,w:`100%`,whiteSpace:`pre`,children:[f(i,{ml:v===`sm`?`4px`:0,name:_,size:v}),f(a,{isTruncated:!0,ml:2,children:E})]}),I=e=>{e.preventDefault(),e.stopPropagation(),k(!O)},L={alignItems:`center`,border:`none`,borderRadius:0,borderLeft:!P&&g?`none`:`3px solid transparent`,borderLeftColor:y?A?`digiGreen.main`:`seaBlue.main`:void 0,bg:A?`darkBlue.main`:y?`skyBlue.95`:`white`,color:P?`seaBlue.main`:A?`digiGreen.main`:`sandstone.10`,h:`auto`,justifyContent:`space-between`,onClick:()=>C?.(),pl:x,py:S,size:`md`,variant:A?`tertiaryLight`:`tertiaryDark`,w:`100%`,...N.item,minH:j===`lg`?`56px`:`40px`,hoverBg:A?`seaBlue.main`:`skyBlue.90`,...D};return p(r,{flexDirection:`column`,ref:m,w:`100%`,children:[!P&&g?p(s,{offset:[0,c-l-2],placement:`right-start`,trigger:`mouseenter`,children:[f(s.Trigger,{as:r,className:e(`vui-sidemenu-item-popover`,h),children:f(r,{...L,borderLeft:`3px solid ${A?`digiGreen.main`:`seaBlue.main`}`,children:f(F,{})})}),f(s.Content,{elevation:`none`,children:f(r,{flexDirection:`column`,justifyContent:`start`,w:`100%`,children:g})})]}):p(o,{className:e(`vui-sidemenu-item`,h),...L,children:[f(F,{}),P&&f(o,{"aria-label":O?`Collapse`:`Expand`,className:`vui-sidemenu-item-expand`,icon:O?`falChevronUp`:`falChevronDown`,onClick:I,size:`sm`,variant:A?`tertiaryLight`:`tertiaryDark`})]}),!!g&&P&&O&&f(r,{flexDirection:`column`,justifyContent:`start`,w:`100%`,children:g})]})});m.displayName=`SidemenuItem`;var h=m;export{m as SidemenuItem,h as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=sidemenuItem.js.map

package/dist/sidemenu/sidemenuTop.d.ts

@@ -1,10 +1,10 @@
 import { SidemenuTopProps } from "./sidemenu.types.js";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/sidemenu/sidemenuTop.d.ts
 /** Top container. */
 declare const SidemenuTop: {
-  (props: SidemenuTopProps): react_jsx_runtime7.JSX.Element | null;
+  (props: SidemenuTopProps): react_jsx_runtime11.JSX.Element | null;
   displayName: string;
 };
 //#endregion

package/dist/sidemenu/sidemenuTop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenuTop.d.ts","names":[],"sources":["../../src/sidemenu/sidemenuTop.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa;UAAsB,mBAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;EAAtC,WAAA,EAAA,MAgBZ;CAAA"}
+{"version":3,"file":"sidemenuTop.d.ts","names":[],"sources":["../../src/sidemenu/sidemenuTop.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa;UAAsB,mBAAgB,mBAAA,CAAA,GAAA,CAAA,OAAA;EAAtC,WAAA,EAAA,MAgBZ;CAAA"}

package/dist/sidemenu/sidemenuTop.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{collapsedWidth as i}from"./consts.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=s=>{let{className:c,leftSlot:l,rightSlot:u,...d}=t(s),f=n(`Sidemenu`,s);return!l&&!u?null:o(r,{className:e(`vui-sidemenu-top`,c),mb:1,w:`100%`,...f.sidemenuTop,...d,children:[!!l&&a(r,{alignItems:`center`,className:`vui-sidemenu-top-left`,minW:i,children:l}),!!u&&a(r,{className:`vui-sidemenu-top-left`,children:u})]})};s.displayName=`SidemenuTop`;var c=s;export{s as SidemenuTop,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{Box as r}from"../box/box.js";import{collapsedWidth as i}from"./consts.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=s=>{let{className:c,leftSlot:l,rightSlot:u,...d}=t(s),f=n(`Sidemenu`,s);return!l&&!u?null:o(r,{className:e(`vui-sidemenu-top`,c),mb:1,w:`100%`,...f.sidemenuTop,...d,children:[!!l&&a(r,{alignItems:`center`,className:`vui-sidemenu-top-left`,minW:i,children:l}),!!u&&a(r,{className:`vui-sidemenu-top-left`,children:u})]})};s.displayName=`SidemenuTop`;var c=s;export{s as SidemenuTop,c as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=sidemenuTop.js.map

package/dist/sidemenu/theme.js

@@ -1,2 +1,2 @@
-var e={baseStyle:{},defaultProps:{size:`md`,variant:`light`},parts:[`container`,`item`,`sidemenuTop`,`bottom`],sizes:{md:{item:{minH:`40px`}},lg:{item:{minH:`56px`}}},variants:{light:{container:{bg:`white`},bottom:{borderTop:`1px solid lightgray`},sidemenuTop:{borderBottom:`1px solid lightgray`},item:{}},dark:{container:{bg:`darkBlue.main`,color:`white`},bottom:{borderTop:`1px solid black`},sidemenuTop:{borderBottom:`1px solid black`},item:{}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+var e={baseStyle:{},defaultProps:{size:`md`,variant:`light`},parts:[`container`,`item`,`sidemenuTop`,`bottom`],sizes:{md:{item:{minH:`40px`}},lg:{item:{minH:`56px`}}},variants:{light:{container:{bg:`white`},bottom:{borderTop:`1px solid lightgray`},sidemenuTop:{borderBottom:`1px solid lightgray`},item:{}},dark:{container:{bg:`darkBlue.main`,color:`white`},bottom:{borderTop:`1px solid black`},sidemenuTop:{borderBottom:`1px solid black`},item:{}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=theme.js.map

package/dist/sidemenu/useSidemenuItem.js

@@ -1,2 +1,2 @@
-import{useStyleConfig as e}from"../core/theme.js";import{useSidemenuContext as t}from"./context.js";import{useEffect as n,useState as r}from"react";var i=i=>{let[a,o]=r(i),{variant:s,size:c,isExpandedHorizontally:l}=t(),u=e(`Sidemenu`,t);return n(()=>{i!==a&&o(i)},[i]),{isExpandedVertically:a,isDark:s===`dark`,size:c,isExpandedHorizontally:l,styles:u,setIsExpandedVertically:o}};export{i as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{useStyleConfig as e}from"../core/theme.js";import{useSidemenuContext as t}from"./context.js";import{useEffect as n,useState as r}from"react";var i=i=>{let[a,o]=r(i),{variant:s,size:c,isExpandedHorizontally:l}=t(),u=e(`Sidemenu`,t);return n(()=>{i!==a&&o(i)},[i]),{isExpandedVertically:a,isDark:s===`dark`,size:c,isExpandedHorizontally:l,styles:u,setIsExpandedVertically:o}};export{i as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=useSidemenuItem.js.map

package/dist/sidemenuV2/SidemenuItemContent.js

@@ -0,0 +1,2 @@
+import e from"../box/box.js";import t from"../icon/icon.js";import n from"../t/t.js";import r from"../badge/badge.js";import{memo as i}from"react";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";const c=i(({icon:i,iconSize:c=`sm`,title:l,isMenuExpanded:u,isInPopover:d,badge:f,badgeLinkUrl:p})=>{let m=13/8;return d?s(a,{children:[o(n,{isTruncated:!0,size:`sm`,display:`inline-block`,fontWeight:`500`,ml:m,children:l}),f&&typeof f==`object`&&typeof f.text==`string`&&f.text.trim()!==``&&o(r,{...f,"data-link":btoa(p??`#`),variant:f.variant??`subtleGreen`,size:`sm`,minW:`32px`,fontSize:`12px`,lineHeight:`16px`,ml:`10px`,mr:`10px`})]}):s(a,{children:[o(e,{ml:m,mr:u?10/8:20/8,w:`20px`,transition:`margin 0.2s ease-in-out`,children:i&&o(t,{name:i,size:c})}),o(n,{isTruncated:!0,size:`sm`,display:`inline-block`,children:l}),f&&typeof f==`object`&&typeof f.text==`string`&&f.text.trim()!==``&&o(r,{...f,"data-link":btoa(p??`#`),variant:f.variant??`subtleGreen`,size:`sm`,minW:`32px`,fontSize:`12px`,lineHeight:`16px`,ml:`10px`,mr:`10px`})]})});c.displayName=`SidemenuItemContent`;var l=c;export{l as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
+//# sourceMappingURL=SidemenuItemContent.js.map

package/dist/sidemenuV2/SidemenuItemContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidemenuItemContent.js","names":["T","Badge","Box","Icon"],"sources":["../../src/sidemenuV2/SidemenuItemContent.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport Badge from '../badge'\nimport type { BadgeProps } from '../badge/badge.types'\nimport Box from '../box'\nimport type { IconProp } from '../icon'\nimport Icon from '../icon'\nimport T from '../t'\n\nexport interface SidemenuItemContentProps {\n  icon?: IconProp\n  iconSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  title?: string\n  isMenuExpanded?: boolean\n  isInPopover?: boolean\n  badge?: Pick<BadgeProps, 'text' | 'variant'>\n  badgeLinkUrl?: string\n}\n\nconst SidemenuItemContent = memo<SidemenuItemContentProps>(\n  ({ icon, iconSize = 'sm', title, isMenuExpanded, isInPopover, badge, badgeLinkUrl }) => {\n    const iconBaseMarginLeft = 13 / 8\n    const iconMarginRight = isMenuExpanded ? 10 / 8 : 20 / 8\n\n    if (isInPopover)\n      return (\n        <>\n          <T isTruncated size=\"sm\" display=\"inline-block\" fontWeight=\"500\" ml={iconBaseMarginLeft}>\n            {title}\n          </T>\n          {badge && typeof badge === 'object' && typeof badge.text === 'string' && badge.text.trim() !== '' && (\n            <Badge\n              {...badge}\n              data-link={btoa(badgeLinkUrl ?? '#')}\n              variant={badge.variant ?? 'subtleGreen'}\n              size=\"sm\"\n              minW=\"32px\"\n              fontSize=\"12px\"\n              lineHeight=\"16px\"\n              ml=\"10px\"\n              mr=\"10px\"\n            />\n          )}\n        </>\n      )\n\n    return (\n      <>\n        <Box ml={iconBaseMarginLeft} mr={iconMarginRight} w=\"20px\" transition=\"margin 0.2s ease-in-out\">\n          {icon && <Icon name={icon} size={iconSize} />}\n        </Box>\n        <T isTruncated size=\"sm\" display=\"inline-block\">\n          {title}\n        </T>\n        {badge && typeof badge === 'object' && typeof badge.text === 'string' && badge.text.trim() !== '' && (\n          <Badge\n            {...badge}\n            data-link={btoa(badgeLinkUrl ?? '#')}\n            variant={badge.variant ?? 'subtleGreen'}\n            size=\"sm\"\n            minW=\"32px\"\n            fontSize=\"12px\"\n            lineHeight=\"16px\"\n            ml=\"10px\"\n            mr=\"10px\"\n          />\n        )}\n      </>\n    )\n  },\n)\n\nSidemenuItemContent.displayName = 'SidemenuItemContent'\n\nexport default SidemenuItemContent\n"],"mappings":"mNAmBA,MAAM,EAAsB,GACzB,CAAE,OAAM,WAAW,KAAM,QAAO,iBAAgB,cAAa,QAAO,kBAAmB,CACtF,IAAM,EAAqB,GAAK,EAyBhC,OAtBI,EAEA,EAAA,EAAA,CAAA,SAAA,CACE,EAACA,EAAAA,CAAE,YAAA,GAAY,KAAK,KAAK,QAAQ,eAAe,WAAW,MAAM,GAAI,WAClE,GACC,CACH,GAAS,OAAO,GAAU,UAAY,OAAO,EAAM,MAAS,UAAY,EAAM,KAAK,MAAM,GAAK,IAC7F,EAACC,EAAAA,CACC,GAAI,EACJ,YAAW,KAAK,GAAgB,IAAI,CACpC,QAAS,EAAM,SAAW,cAC1B,KAAK,KACL,KAAK,OACL,SAAS,OACT,WAAW,OACX,GAAG,OACH,GAAG,QACH,CAAA,CAAA,CAEH,CAIL,EAAA,EAAA,CAAA,SAAA,CACE,EAACC,EAAAA,CAAI,GAAI,EAAoB,GA1BT,EAAiB,GAAK,EAAI,GAAK,EA0BD,EAAE,OAAO,WAAW,mCACnE,GAAQ,EAACC,EAAAA,CAAK,KAAM,EAAM,KAAM,GAAY,EACzC,CACN,EAACH,EAAAA,CAAE,YAAA,GAAY,KAAK,KAAK,QAAQ,wBAC9B,GACC,CACH,GAAS,OAAO,GAAU,UAAY,OAAO,EAAM,MAAS,UAAY,EAAM,KAAK,MAAM,GAAK,IAC7F,EAACC,EAAAA,CACC,GAAI,EACJ,YAAW,KAAK,GAAgB,IAAI,CACpC,QAAS,EAAM,SAAW,cAC1B,KAAK,KACL,KAAK,OACL,SAAS,OACT,WAAW,OACX,GAAG,OACH,GAAG,QACH,GAEH,EAGR,CAED,EAAoB,YAAc,sBAElC,IAAA,EAAe"}

package/dist/sidemenuV2/consts.js

@@ -1,2 +1,2 @@
-const e=52,t=240;export{e as collapsedWidth,t as expandedWidth};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+const e=52,t=240;export{e as collapsedWidth,t as expandedWidth};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=consts.js.map