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

package/dist/calendar/calendar.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import i from"../box/box.js";import{DayPicker as a}from"./components/dayPicker.js";import{isDay as o,isExact as s,isFrom as c,isMonth as l,isTo as u,isYear as d,processSelectMonth as f,processSelectYear as p,processViewDate as m}from"./utils.js";import{CalendarHeader as h}from"./components/calendarHeader.js";import{MonthPicker as g}from"./components/monthPicker.js";import{YearPicker as _}from"./components/yearPicker.js";import{useCalendar as v}from"./hooks/useCalendar.js";import{useDefaultViewMonth as y}from"./hooks/useDefaultViewMonth.js";import{useEffect as b,useRef as x,useState as S}from"react";import{jsx as C,jsxs as w}from"react/jsx-runtime";const T=r((r,T)=>{let{boundaries:E,className:D,fixedNumberOfWeeks:O=!1,disabled:k,isStartDate:A,mode:j,onSelectDates:M,selectedDates:N,...P}=t(r),F=n(`Calendar`,r),I=x(c(j)||s(j)?N?.startDate:N?.endDate);b(()=>{I.current=c(j)||s(j)?N?.startDate:N?.endDate,I.current&&H(I.current)},[N]);let L=x(null),R=y({boundaries:E,selectedDate:I.current,isStartDate:A}),[z,B]=S(`day`),[V,H]=S(R),U=e=>{let t=m(V,e,z,L?.current?.items);t&&H(t)},W=e=>()=>{q(e),H(e)},G=e=>()=>{let t=f(e,j,E);q(t),H(t),B(`day`)},K=e=>()=>{let t=p(e,j,E);q(t),H(t),B(`month`)},q=e=>{let t={...N};t&&(u(j)?t.endDate=e:t.startDate=e),e&&!k&&M&&M(t)},J=L.current=v({boundaries:E,mode:j,selectedDates:N,timeUnitMode:z,viewDate:V,fixedNumberOfWeeks:O});return w(i,{className:e(`vui-calendar`,D),column:!0,cursor:`default`,minW:280,position:`relative`,ref:T,w:`fit-content`,...F,...P,children:[C(h,{nextDisabled:J.nextDisabled,onChangeViewItem:U,onSetTimeUnitMode:e=>B(e),prevDisabled:J.prevDisabled,timeUnitMode:z,viewMonth:V}),o(z)&&C(a,{calendar:J,onSelectDay:W}),l(z)&&C(g,{calendar:J,onSelectMonth:G}),d(z)&&C(_,{calendar:J,onSelectYear:K})]})});T.displayName=`Calendar`;var E=T;export{T as Calendar,E as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import i from"../box/box.js";import{DayPicker as a}from"./components/dayPicker.js";import{isDay as o,isExact as s,isFrom as c,isMonth as l,isTo as u,isYear as d,processSelectMonth as f,processSelectYear as p,processViewDate as m}from"./utils.js";import{CalendarHeader as h}from"./components/calendarHeader.js";import{MonthPicker as g}from"./components/monthPicker.js";import{YearPicker as _}from"./components/yearPicker.js";import{useCalendar as v}from"./hooks/useCalendar.js";import{useDefaultViewMonth as y}from"./hooks/useDefaultViewMonth.js";import{useEffect as b,useRef as x,useState as S}from"react";import{jsx as C,jsxs as w}from"react/jsx-runtime";const T=r((r,T)=>{let{boundaries:E,className:D,fixedNumberOfWeeks:O=!1,disabled:k,isStartDate:A,mode:j,onSelectDates:M,selectedDates:N,...P}=t(r),F=n(`Calendar`,r),I=x(c(j)||s(j)?N?.startDate:N?.endDate);b(()=>{I.current=c(j)||s(j)?N?.startDate:N?.endDate,I.current&&H(I.current)},[N]);let L=x(null),R=y({boundaries:E,selectedDate:I.current,isStartDate:A}),[z,B]=S(`day`),[V,H]=S(R),U=e=>{let t=m(V,e,z,L?.current?.items);t&&H(t)},W=e=>()=>{q(e),H(e)},G=e=>()=>{let t=f(e,j,E);q(t),H(t),B(`day`)},K=e=>()=>{let t=p(e,j,E);q(t),H(t),B(`month`)},q=e=>{let t={...N};t&&(u(j)?t.endDate=e:t.startDate=e),e&&!k&&M&&M(t)},J=L.current=v({boundaries:E,mode:j,selectedDates:N,timeUnitMode:z,viewDate:V,fixedNumberOfWeeks:O});return w(i,{className:e(`vui-calendar`,D),column:!0,cursor:`default`,minW:280,position:`relative`,ref:T,w:`fit-content`,...F,...P,children:[C(h,{nextDisabled:J.nextDisabled,onChangeViewItem:U,onSetTimeUnitMode:e=>B(e),prevDisabled:J.prevDisabled,timeUnitMode:z,viewMonth:V}),o(z)&&C(a,{calendar:J,onSelectDay:W}),l(z)&&C(g,{calendar:J,onSelectMonth:G}),d(z)&&C(_,{calendar:J,onSelectYear:K})]})});T.displayName=`Calendar`;var E=T;export{T as Calendar,E as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=calendar.js.map

package/dist/calendar/calendar.styles.js

@@ -52,5 +52,5 @@ import{th as e}from"../core/theme.js";import{css as t,styled as n}from"../core/s
   grid-template-rows: repeat(4, 62px);
   justify-items: center;
   row-gap: 0;
-`;export{f as CalendarItem,p as CalendarItemsContainer};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`;export{f as CalendarItem,p as CalendarItemsContainer};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=calendar.styles.js.map

package/dist/calendar/components/calendarHeader.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../../utils/styles.js";import t from"../../box/box.js";import{IconButton as n}from"../../button/buttons.js";import{TimeUnitHeader as r}from"./timeUnitHeader.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({nextDisabled:o,onChangeViewItem:s,onSetTimeUnitMode:c,prevDisabled:l,timeUnitMode:u,viewMonth:d})=>a(t,{borderBottom:`1px solid lightgray`,centerV:!0,className:e(`vui-calendar-header`),children:[i(t,{className:`vui-calendar-header-left`,children:i(r,{onSetTimeUnitMode:c,timeUnitMode:u,viewMonth:d})}),a(t,{className:`vui-calendar-header-right`,flex:`1`,justify:`flex-end`,children:[i(n,{"aria-label":`previous`,className:`icon`,disabled:l,h:40,icon:`uiChevronLeft`,onClick:()=>s(`prev`),size:`sm`,w:40}),i(n,{"aria-label":`next`,className:`icon`,disabled:o,h:40,icon:`uiChevronRight`,onClick:()=>s(`next`),size:`sm`,w:40})]})]});export{o as CalendarHeader};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{cs as e}from"../../utils/styles.js";import t from"../../box/box.js";import{IconButton as n}from"../../button/buttons.js";import{TimeUnitHeader as r}from"./timeUnitHeader.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({nextDisabled:o,onChangeViewItem:s,onSetTimeUnitMode:c,prevDisabled:l,timeUnitMode:u,viewMonth:d})=>a(t,{borderBottom:`1px solid lightgray`,centerV:!0,className:e(`vui-calendar-header`),children:[i(t,{className:`vui-calendar-header-left`,children:i(r,{onSetTimeUnitMode:c,timeUnitMode:u,viewMonth:d})}),a(t,{className:`vui-calendar-header-right`,flex:`1`,justify:`flex-end`,children:[i(n,{"aria-label":`previous`,className:`icon`,disabled:l,h:40,icon:`uiChevronLeft`,onClick:()=>s(`prev`),size:`sm`,w:40}),i(n,{"aria-label":`next`,className:`icon`,disabled:o,h:40,icon:`uiChevronRight`,onClick:()=>s(`next`),size:`sm`,w:40})]})]});export{o as CalendarHeader};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=calendarHeader.js.map

package/dist/calendar/components/dayPicker.js

@@ -11,5 +11,5 @@ import{cs as e}from"../../utils/styles.js";import{th as t}from"../../core/theme.
 `,u=n(a)`
   grid-template-columns:     repeat(7, 1fr);
   grid- template-rows: auto;
-`,d=({calendar:t,onSelectDay:n})=>c(u,{className:e(`vui-day-picker`),mt:1,wrap:!0,children:[o.map((e,t)=>s(r,{border:0,className:`dayHeader`,color:`seaBlue.main`,fontSize:16,fontWeight:500,children:e},`week-day-${t}`)),t.items.map(t=>s(l,{className:e(`vui-day-item`),onClick:!t.isDisabled&&n?.(t.date)||void 0,...t,children:t.date.getUTCDate()},t.date.getTime()))]});export{d as DayPicker};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,d=({calendar:t,onSelectDay:n})=>c(u,{className:e(`vui-day-picker`),mt:1,wrap:!0,children:[o.map((e,t)=>s(r,{border:0,className:`dayHeader`,color:`seaBlue.main`,fontSize:16,fontWeight:500,children:e},`week-day-${t}`)),t.items.map(t=>s(l,{className:e(`vui-day-item`),onClick:!t.isDisabled&&n?.(t.date)||void 0,...t,children:t.date.getUTCDate()},t.date.getTime()))]});export{d as DayPicker};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=dayPicker.js.map

package/dist/calendar/components/monthPicker.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../../utils/styles.js";import{CalendarItem as t,CalendarItemsContainer as n}from"../calendar.styles.js";import{monthsShort as r}from"../consts.js";import{jsx as i}from"react/jsx-runtime";const a=({calendar:a,onSelectMonth:o})=>i(n,{className:e(`vui-month-picker`),gridTemplateRows:`repeat(4, 65px)`,children:a.items.map(e=>i(t,{fontWeight:500,onClick:!e.isDisabled&&o&&o(e.date)||void 0,...e,children:r[e.date.getUTCMonth()]},e.date.getTime()))});export{a as MonthPicker};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{cs as e}from"../../utils/styles.js";import{CalendarItem as t,CalendarItemsContainer as n}from"../calendar.styles.js";import{monthsShort as r}from"../consts.js";import{jsx as i}from"react/jsx-runtime";const a=({calendar:a,onSelectMonth:o})=>i(n,{className:e(`vui-month-picker`),gridTemplateRows:`repeat(4, 65px)`,children:a.items.map(e=>i(t,{fontWeight:500,onClick:!e.isDisabled&&o&&o(e.date)||void 0,...e,children:r[e.date.getUTCMonth()]},e.date.getTime()))});export{a as MonthPicker};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=monthPicker.js.map

package/dist/calendar/components/timeUnitHeader.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../../utils/styles.js";import{Box as t}from"../../box/box.js";import{Button as n}from"../../button/button.js";import{months as r}from"../consts.js";import{isDay as i,isMonth as a,isYear as o}from"../utils.js";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";const u=({onSetTimeUnitMode:u,timeUnitMode:d,viewMonth:f})=>l(t,{center:!0,className:e(`vui-time-unit-header`),cursor:`pointer`,flex:`1`,justify:`start`,children:[i(d)&&l(s,{children:[c(n,{fontSize:16,h:40,onClick:()=>u(`month`),variant:`tertiaryDark`,children:r[f.getUTCMonth()]}),c(n,{fontSize:16,h:40,onClick:()=>u(`year`),variant:`tertiaryDark`,children:f.getUTCFullYear()})]}),a(d)&&c(n,{fontSize:16,h:40,onClick:()=>u(`year`),variant:`tertiaryDark`,children:f.getUTCFullYear()}),o(d)&&c(n,{fontSize:16,h:40,onClick:()=>u(`day`),variant:`tertiaryDark`,children:`Year`})]});export{u as TimeUnitHeader};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{cs as e}from"../../utils/styles.js";import{Box as t}from"../../box/box.js";import{Button as n}from"../../button/button.js";import{months as r}from"../consts.js";import{isDay as i,isMonth as a,isYear as o}from"../utils.js";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";const u=({onSetTimeUnitMode:u,timeUnitMode:d,viewMonth:f})=>l(t,{center:!0,className:e(`vui-time-unit-header`),cursor:`pointer`,flex:`1`,justify:`start`,children:[i(d)&&l(s,{children:[c(n,{fontSize:16,h:40,onClick:()=>u(`month`),variant:`tertiaryDark`,children:r[f.getUTCMonth()]}),c(n,{fontSize:16,h:40,onClick:()=>u(`year`),variant:`tertiaryDark`,children:f.getUTCFullYear()})]}),a(d)&&c(n,{fontSize:16,h:40,onClick:()=>u(`year`),variant:`tertiaryDark`,children:f.getUTCFullYear()}),o(d)&&c(n,{fontSize:16,h:40,onClick:()=>u(`day`),variant:`tertiaryDark`,children:`Year`})]});export{u as TimeUnitHeader};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=timeUnitHeader.js.map

package/dist/calendar/components/yearPicker.js

@@ -1,2 +1,2 @@
-import{CalendarItem as e,CalendarItemsContainer as t}from"../calendar.styles.js";import{jsx as n}from"react/jsx-runtime";const r=({calendar:r,onSelectYear:i})=>n(t,{className:`vui-year-picker`,children:r.items.map(t=>n(e,{fontWeight:500,onClick:!t.isDisabled&&i?.(t.date)||void 0,...t,children:t.date.getUTCFullYear()},t.date.getTime()))});export{r as YearPicker};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{CalendarItem as e,CalendarItemsContainer as t}from"../calendar.styles.js";import{jsx as n}from"react/jsx-runtime";const r=({calendar:r,onSelectYear:i})=>n(t,{className:`vui-year-picker`,children:r.items.map(t=>n(e,{fontWeight:500,onClick:!t.isDisabled&&i?.(t.date)||void 0,...t,children:t.date.getUTCFullYear()},t.date.getTime()))});export{r as YearPicker};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=yearPicker.js.map

package/dist/calendar/consts.js

@@ -1,2 +1,2 @@
-const e=12,t=`9000-12-31T23:59:59Z`,n=`1753-01-02T00:00:00Z`,r=[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`],i=[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],a=[`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`,`Su`];export{t as maxDateTimestamp,n as minDateTimestamp,r as months,i as monthsShort,e as viewYears,a as weekDays};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+const e=12,t=`9000-12-31T23:59:59Z`,n=`1753-01-02T00:00:00Z`,r=[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`],i=[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],a=[`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`,`Su`];export{t as maxDateTimestamp,n as minDateTimestamp,r as months,i as monthsShort,e as viewYears,a as weekDays};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=consts.js.map

package/dist/calendar/hooks/useBoundaries.js

@@ -1,2 +1,2 @@
-import{maxDateTimestamp as e,minDateTimestamp as t}from"../consts.js";const n=({boundaries:n})=>{let r=new Date(t),i=new Date(e),a=n?.startDate||r;return{maxDateTime:n?.endDate||i,minDateTime:a}};export{n as useBoundaries};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{maxDateTimestamp as e,minDateTimestamp as t}from"../consts.js";const n=({boundaries:n})=>{let r=new Date(t),i=new Date(e),a=n?.startDate||r;return{maxDateTime:n?.endDate||i,minDateTime:a}};export{n as useBoundaries};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=useBoundaries.js.map

package/dist/calendar/hooks/useCalendar.js

@@ -1,2 +1,2 @@
-import{generateDateByUTCValue as e,getDateUTCValue as t,sameDate as n,sameYear as r,sameYearSameMonth as i}from"../../utils/dates.js";import{viewYears as a}from"../consts.js";import{getNextDate as o,isDay as s,isExact as c,isFrom as l,isMonth as u,isRange as d,isTo as f,isYear as p}from"../utils.js";import{useBoundaries as m}from"./useBoundaries.js";import{useSelectedDate as h}from"./useSelectedDate.js";import{useMemo as g}from"react";const _=({boundaries:_,selectedDates:v,mode:y=`exact`,timeUnitMode:b,viewDate:x,fixedNumberOfWeeks:S})=>{let C=m({boundaries:_}),w=h({selectedDates:v,mode:y});return g(()=>{let{maxDateTime:m,minDateTime:h}=C,{currentDateTime:g,maxSelectedDateTime:_,minSelectedDateTime:v}=w,{utcYear:T,utcMonth:E}=t(x),D,O,k,A,j,M;if(s(b)){j=e(T,E,1),M=e(T,E+1,0),k=e(T,E+1,1),A=e(T,E,0);let t=j.getUTCDay(),n=M.getUTCDay();D=t===0?new Date(Date.UTC(T,E,-5)):new Date(Date.UTC(T,E,2-t)),O=n===0?new Date(Date.UTC(T,E+1,0)):new Date(Date.UTC(T,E+1,8-n));let r=Math.round((O-+D)/(10080*60*1e3));if(S)for(let t=r;t<6;t++)O=e(O.getUTCFullYear(),O.getUTCMonth(),O.getUTCDate()+7)}else if(u(b))D=j=e(T,0,1),O=M=e(T,11,31),k=e(T+1,0,1),A=e(T-1,11,31);else{let t=new Date().getUTCFullYear()-a/2,n=t-T,r=t-Math.ceil(n/a)*a,i=r+a-1;D=j=r===1753?e(r,0,2):e(r,0,1),O=M=e(i,11,31),k=e(i+1,0,1),A=e(r-1,11,31)}let N=[],P=D;do{let a=P<j||P>=M,x=n(P,new Date),{utcYear:S,utcMonth:C}=t(h),w=h;u(b)?w=e(S,C,1):p(b)&&(w=e(S,0,1));let T=P<w||P>m,E=c(y)&&v&&+P==+v,D=v&&P>=v,O=_&&P<=_,k=!c(y)&&(!T&&D&&(!_||O)||O&&(!v||D)),A=d(y)&&k,F=l(y)&&D,I=f(y)&&O,L=!!(E||F||I||A),R=_,z=v;p(b)&&(R&&=e(R.getUTCFullYear(),0,1),z&&=e(z.getUTCFullYear(),0,1)),u(b)&&(R&&=e(R.getUTCFullYear(),R.getUTCMonth(),1),z&&=e(z.getUTCFullYear(),z.getUTCMonth(),1));let B=!f(y)&&n(P,z),V=s(b)?n(P,g):u(b)?i(P,g):r(P,g);N.push({date:P,isHidden:a,isToday:x,isDisabled:B?!1:T,isSelected:L,boundary:B,current:V}),P=o(P,b)}while(P<=O);return{items:N,prevDisabled:h>A,nextDisabled:m<k}},[_,v,y,b,x])};export{_ as useCalendar};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{generateDateByUTCValue as e,getDateUTCValue as t,sameDate as n,sameYear as r,sameYearSameMonth as i}from"../../utils/dates.js";import{viewYears as a}from"../consts.js";import{getNextDate as o,isDay as s,isExact as c,isFrom as l,isMonth as u,isRange as d,isTo as f,isYear as p}from"../utils.js";import{useBoundaries as m}from"./useBoundaries.js";import{useSelectedDate as h}from"./useSelectedDate.js";import{useMemo as g}from"react";const _=({boundaries:_,selectedDates:v,mode:y=`exact`,timeUnitMode:b,viewDate:x,fixedNumberOfWeeks:S})=>{let C=m({boundaries:_}),w=h({selectedDates:v,mode:y});return g(()=>{let{maxDateTime:m,minDateTime:h}=C,{currentDateTime:g,maxSelectedDateTime:_,minSelectedDateTime:v}=w,{utcYear:T,utcMonth:E}=t(x),D,O,k,A,j,M;if(s(b)){j=e(T,E,1),M=e(T,E+1,0),k=e(T,E+1,1),A=e(T,E,0);let t=j.getUTCDay(),n=M.getUTCDay();D=t===0?new Date(Date.UTC(T,E,-5)):new Date(Date.UTC(T,E,2-t)),O=n===0?new Date(Date.UTC(T,E+1,0)):new Date(Date.UTC(T,E+1,8-n));let r=Math.round((O-+D)/(10080*60*1e3));if(S)for(let t=r;t<6;t++)O=e(O.getUTCFullYear(),O.getUTCMonth(),O.getUTCDate()+7)}else if(u(b))D=j=e(T,0,1),O=M=e(T,11,31),k=e(T+1,0,1),A=e(T-1,11,31);else{let t=new Date().getUTCFullYear()-a/2,n=t-T,r=t-Math.ceil(n/a)*a,i=r+a-1;D=j=r===1753?e(r,0,2):e(r,0,1),O=M=e(i,11,31),k=e(i+1,0,1),A=e(r-1,11,31)}let N=[],P=D;do{let a=P<j||P>=M,x=n(P,new Date),{utcYear:S,utcMonth:C}=t(h),w=h;u(b)?w=e(S,C,1):p(b)&&(w=e(S,0,1));let T=P<w||P>m,E=c(y)&&v&&+P==+v,D=v&&P>=v,O=_&&P<=_,k=!c(y)&&(!T&&D&&(!_||O)||O&&(!v||D)),A=d(y)&&k,F=l(y)&&D,I=f(y)&&O,L=!!(E||F||I||A),R=_,z=v;p(b)&&(R&&=e(R.getUTCFullYear(),0,1),z&&=e(z.getUTCFullYear(),0,1)),u(b)&&(R&&=e(R.getUTCFullYear(),R.getUTCMonth(),1),z&&=e(z.getUTCFullYear(),z.getUTCMonth(),1));let B=!f(y)&&n(P,z),V=s(b)?n(P,g):u(b)?i(P,g):r(P,g);N.push({date:P,isHidden:a,isToday:x,isDisabled:B?!1:T,isSelected:L,boundary:B,current:V}),P=o(P,b)}while(P<=O);return{items:N,prevDisabled:h>A,nextDisabled:m<k}},[_,v,y,b,x])};export{_ as useCalendar};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=useCalendar.js.map

package/dist/calendar/hooks/useDefaultViewMonth.js

@@ -1,2 +1,2 @@
-const e=({boundaries:e,selectedDate:t,isStartDate:n})=>{if(t)return t;let r=new Date;return e?e.endDate&&r>e.endDate&&!n?e.endDate:e.startDate&&r>e.startDate&&n?e.startDate:r:r};export{e as useDefaultViewMonth};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+const e=({boundaries:e,selectedDate:t,isStartDate:n})=>{if(t)return t;let r=new Date;return e?e.endDate&&r>e.endDate&&!n?e.endDate:e.startDate&&r>e.startDate&&n?e.startDate:r:r};export{e as useDefaultViewMonth};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=useDefaultViewMonth.js.map

package/dist/calendar/hooks/useSelectedDate.js

@@ -1,2 +1,2 @@
-import{isExact as e,isFrom as t}from"../utils.js";const n=({selectedDates:n,mode:r})=>{let i=t(r)||e(r)?n?.startDate:n?.endDate,a=n?.startDate||void 0,o=n?.endDate||void 0;return{currentDateTime:i,maxSelectedDateTime:o,minSelectedDateTime:a}};export{n as useSelectedDate};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{isExact as e,isFrom as t}from"../utils.js";const n=({selectedDates:n,mode:r})=>{let i=t(r)||e(r)?n?.startDate:n?.endDate,a=n?.startDate||void 0,o=n?.endDate||void 0;return{currentDateTime:i,maxSelectedDateTime:o,minSelectedDateTime:a}};export{n as useSelectedDate};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=useSelectedDate.js.map

package/dist/calendar/theme.js

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

package/dist/calendar/utils.js

@@ -1,2 +1,2 @@
-import{generateDateByUTCValue as e,getDateUTCValue as t,sameYear as n,sameYearSameMonth as r}from"../utils/dates.js";import{minDateTimestamp as i,viewYears as a}from"./consts.js";const o=e=>e===`exact`,s=e=>e===`from`,c=e=>e===`to`,l=e=>e===`range`,u=e=>e===`day`,d=e=>e===`month`,f=e=>e===`year`,p=(n,r)=>{let{utcYear:i,utcMonth:a,utcDate:o}=t(n);return u(r)?e(i,a,o+1):d(r)?e(i,a+1,o):e(i+1,a,o)},m=(a,l,u)=>{let d=a,f=new Date(i),{utcYear:p,utcMonth:m}=t(a);if(c(l)){let t=e(p,m+1,0).getUTCDate();return u?.endDate&&r(a,u?.endDate)?u?.endDate:e(p,m,t)}return s(l)&&u?.startDate&&r(a,u?.startDate)?u?.startDate:o(l)&&n(a,f)?f:u?.startDate&&d<u?.startDate?u.startDate:d},h=(r,a,l)=>{let{utcYear:u,utcMonth:d}=t(r),f=new Date(i),p=r;if(c(a)){let t=e(u,d+1,0).getUTCDate();return l?.endDate&&n(r,l?.endDate)?l.endDate:e(r.getUTCFullYear(),11,t)}return s(a)&&l?.startDate&&n(r,l?.startDate)?l.startDate:o(a)&&n(r,f)?f:l?.startDate&&p<l?.startDate?l.startDate:p},g=(n,r,i,o)=>{let{utcYear:s,utcMonth:c}=t(n);if(u(i))return e(s,c+(r===`next`?1:-1));if(d(i))return e(s+(r===`next`?1:-1),0);if(o){let t=o[r===`next`?o.length-1:0].date.getUTCFullYear();return e(t+(r===`next`?1:-a),0)}return null};export{p as getNextDate,u as isDay,o as isExact,s as isFrom,d as isMonth,l as isRange,c as isTo,f as isYear,m as processSelectMonth,h as processSelectYear,g as processViewDate};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{generateDateByUTCValue as e,getDateUTCValue as t,sameYear as n,sameYearSameMonth as r}from"../utils/dates.js";import{minDateTimestamp as i,viewYears as a}from"./consts.js";const o=e=>e===`exact`,s=e=>e===`from`,c=e=>e===`to`,l=e=>e===`range`,u=e=>e===`day`,d=e=>e===`month`,f=e=>e===`year`,p=(n,r)=>{let{utcYear:i,utcMonth:a,utcDate:o}=t(n);return u(r)?e(i,a,o+1):d(r)?e(i,a+1,o):e(i+1,a,o)},m=(a,l,u)=>{let d=a,f=new Date(i),{utcYear:p,utcMonth:m}=t(a);if(c(l)){let t=e(p,m+1,0).getUTCDate();return u?.endDate&&r(a,u?.endDate)?u?.endDate:e(p,m,t)}return s(l)&&u?.startDate&&r(a,u?.startDate)?u?.startDate:o(l)&&n(a,f)?f:u?.startDate&&d<u?.startDate?u.startDate:d},h=(r,a,l)=>{let{utcYear:u,utcMonth:d}=t(r),f=new Date(i),p=r;if(c(a)){let t=e(u,d+1,0).getUTCDate();return l?.endDate&&n(r,l?.endDate)?l.endDate:e(r.getUTCFullYear(),11,t)}return s(a)&&l?.startDate&&n(r,l?.startDate)?l.startDate:o(a)&&n(r,f)?f:l?.startDate&&p<l?.startDate?l.startDate:p},g=(n,r,i,o)=>{let{utcYear:s,utcMonth:c}=t(n);if(u(i))return e(s,c+(r===`next`?1:-1));if(d(i))return e(s+(r===`next`?1:-1),0);if(o){let t=o[r===`next`?o.length-1:0].date.getUTCFullYear();return e(t+(r===`next`?1:-a),0)}return null};export{p as getNextDate,u as isDay,o as isExact,s as isFrom,d as isMonth,l as isRange,c as isTo,f as isYear,m as processSelectMonth,h as processSelectYear,g as processViewDate};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=utils.js.map

package/dist/card/card.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import i from"../box/box.js";import{jsx as a}from"react/jsx-runtime";const o=r((r,o)=>{let{className:s,isInteractive:c=r.onClick!==void 0,...l}=t(r),u=n(`Card`,r),d=c?{cursor:`pointer`,focusRing:2,hoverRingColor:`seaBlue.main`,hoverShadow:`3`,outline:`none`,tabIndex:0,userSelect:`none`}:{};return a(i,{className:e(`vui-card`,s),ref:o,...u,...d,...l})});o.displayName=`Card`;export{o as Card};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import i from"../box/box.js";import{jsx as a}from"react/jsx-runtime";const o=r((r,o)=>{let{className:s,isInteractive:c=r.onClick!==void 0,...l}=t(r),u=n(`Card`,r),d=c?{cursor:`pointer`,focusRing:2,hoverRingColor:`seaBlue.main`,hoverShadow:`3`,outline:`none`,tabIndex:0,userSelect:`none`}:{};return a(i,{className:e(`vui-card`,s),ref:o,...u,...d,...l})});o.displayName=`Card`;export{o as Card};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=card.js.map

package/dist/card/theme.js

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

package/dist/chat/chat.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import i from"../box/box.js";import{Tag as a}from"../tag/tag.js";import o from"./chatInput.js";import s from"./chatMessage.js";import{useEffect as c,useRef as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=r((r,f)=>{let{className:p,children:m,inputStatus:h=`default`,messages:g,helpText:_,maxTextareaHeight:v=120,processingMessage:y,suggestions:b,onNewTopicClick:x,onSuggestionClick:S,onSend:C,onStop:w,...T}=t(r),E=n(`Chat`,r),D=l(null);return c(()=>D.current?.scrollIntoView({behavior:`smooth`}),[g,m]),d(i,{className:e(`vui-chat`,p),ref:f,...E.chat,h:`100%`,justifyContent:`space-between`,...T,children:[d(i,{className:e(`vui-chat-messages`),...E?.messages,children:[g?.length?g.map((e,t)=>u(s,{...e},t)):m,u(`div`,{ref:D})]}),d(i,{column:!0,children:[!!b?.length&&u(i,{className:e(`vui-chat-suggestions`),...E?.suggestions,mb:`24px`,mt:`8px`,children:b?.map(e=>u(a,{cursor:h===`default`?`pointer`:void 0,disabled:h!==`default`,mb:`6px`,ml:`6px`,onClick:()=>S?.(e),children:e},e))}),u(o,{helpText:_,maxTextareaHeight:v,onNewTopicClick:x,onSend:C,onStop:w,processingMessage:y,status:h})]})]})});f.Message=s,f.Input=o,f.displayName=`Chat`;export{f as Chat};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import i from"../box/box.js";import{Tag as a}from"../tag/tag.js";import o from"./chatInput.js";import s from"./chatMessage.js";import{useEffect as c,useRef as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=r((r,f)=>{let{className:p,children:m,inputStatus:h=`default`,messages:g,helpText:_,maxTextareaHeight:v=120,processingMessage:y,suggestions:b,onNewTopicClick:x,onSuggestionClick:S,onSend:C,onStop:w,...T}=t(r),E=n(`Chat`,r),D=l(null);return c(()=>D.current?.scrollIntoView({behavior:`smooth`}),[g,m]),d(i,{className:e(`vui-chat`,p),ref:f,...E.chat,h:`100%`,justifyContent:`space-between`,...T,children:[d(i,{className:e(`vui-chat-messages`),...E?.messages,children:[g?.length?g.map((e,t)=>u(s,{...e},t)):m,u(`div`,{ref:D})]}),d(i,{column:!0,children:[!!b?.length&&u(i,{className:e(`vui-chat-suggestions`),...E?.suggestions,mb:`24px`,mt:`8px`,children:b?.map(e=>u(a,{cursor:h===`default`?`pointer`:void 0,disabled:h!==`default`,mb:`6px`,ml:`6px`,onClick:()=>S?.(e),children:e},e))}),u(o,{helpText:_,maxTextareaHeight:v,onNewTopicClick:x,onSend:C,onStop:w,processingMessage:y,status:h})]})]})});f.Message=s,f.Input=o,f.displayName=`Chat`;export{f as Chat};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=chat.js.map

package/dist/chat/chatInput.js

@@ -20,5 +20,5 @@ import{cs as e}from"../utils/styles.js";import{inputColors as t}from"../input/co
     background-color: sandstone.79;
     border-color: sandstone.79;
   }
-`,h=i((r,i)=>{let{helpText:h,placeholder:g=`Type your message`,status:_=`default`,maxTextareaHeight:v=120,processingMessage:y=`Generating message`,onNewTopicClick:b,onSend:x,onStop:S,...C}=r,[w,T]=d(``),E=n(`Chat`,r);u(()=>{_===`default`&&T(``)},[_]);let D=e=>{e.key===`Enter`&&e.ctrlKey&&(e.stopPropagation(),w?.length&&_===`default`&&x?.(w)),e.key===`Escape`&&(e.stopPropagation(),_===`processing`&&S?.())},O=e=>{let t=e.target;t.placeholder=``,t.scrollHeight<=v&&(t.style.height=`auto`,t.style.maxHeight=`auto`,t.style.height=`${t.scrollHeight}px`,t.style.maxHeight=`${t.scrollHeight}px`,t.style.lineHeight=`2.2`),_===`default`&&T(t.value)},k=_===`disabled`;return p(a,{className:e(`vui-chat-input`),justifyContent:`space-between`,ref:i,...E?.input,...C,children:[!!b&&_===`default`&&f(s,{animation:`fadeUp`,icon:`uiPlus`,mr:1,onClick:()=>b?.()}),_===`processing`?p(a,{borderColor:t.border,borderWidth:1,center:!0,justifyContent:`flex-start`,py:.5,w:`100%`,children:[f(o,{mx:1,name:`uiSpinnerThird`,pathFill:[`blue.40`,`blue.60`],size:`lg`,variant:`spinning`}),f(a,{children:y})]}):p(a,{animation:`fadeUp`,border:`0`,column:!0,outline:`none`,w:`100%`,children:[p(a,{borderColor:t.border,borderWidth:1,center:!0,focusWithinRingColor:t.focus,justifyContent:`flex-start`,position:`relative`,w:`100%`,children:[f(m,{disabled:k,onChange:O,onFocus:O,onKeyDown:D,placeholder:g,value:w}),f(l,{disabled:!w?.length,h:`100%`,onSend:()=>{w?.length&&x?.(w)},onStop:S,status:_})]}),!!h&&f(c,{children:h})]})]})});h.displayName=`ChatInput`;var g=h;export{h as ChatInput,g as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,h=i((r,i)=>{let{helpText:h,placeholder:g=`Type your message`,status:_=`default`,maxTextareaHeight:v=120,processingMessage:y=`Generating message`,onNewTopicClick:b,onSend:x,onStop:S,...C}=r,[w,T]=d(``),E=n(`Chat`,r);u(()=>{_===`default`&&T(``)},[_]);let D=e=>{e.key===`Enter`&&e.ctrlKey&&(e.stopPropagation(),w?.length&&_===`default`&&x?.(w)),e.key===`Escape`&&(e.stopPropagation(),_===`processing`&&S?.())},O=e=>{let t=e.target;t.placeholder=``,t.scrollHeight<=v&&(t.style.height=`auto`,t.style.maxHeight=`auto`,t.style.height=`${t.scrollHeight}px`,t.style.maxHeight=`${t.scrollHeight}px`,t.style.lineHeight=`2.2`),_===`default`&&T(t.value)},k=_===`disabled`;return p(a,{className:e(`vui-chat-input`),justifyContent:`space-between`,ref:i,...E?.input,...C,children:[!!b&&_===`default`&&f(s,{animation:`fadeUp`,icon:`uiPlus`,mr:1,onClick:()=>b?.()}),_===`processing`?p(a,{borderColor:t.border,borderWidth:1,center:!0,justifyContent:`flex-start`,py:.5,w:`100%`,children:[f(o,{mx:1,name:`uiSpinnerThird`,pathFill:[`blue.40`,`blue.60`],size:`lg`,variant:`spinning`}),f(a,{children:y})]}):p(a,{animation:`fadeUp`,border:`0`,column:!0,outline:`none`,w:`100%`,children:[p(a,{borderColor:t.border,borderWidth:1,center:!0,focusWithinRingColor:t.focus,justifyContent:`flex-start`,position:`relative`,w:`100%`,children:[f(m,{disabled:k,onChange:O,onFocus:O,onKeyDown:D,placeholder:g,value:w}),f(l,{disabled:!w?.length,h:`100%`,onSend:()=>{w?.length&&x?.(w)},onStop:S,status:_})]}),!!h&&f(c,{children:h})]})]})});h.displayName=`ChatInput`;var g=h;export{h as ChatInput,g as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=chatInput.js.map

package/dist/chat/chatInputButton.js

@@ -1,2 +1,2 @@
-import{useStyleConfig as e}from"../core/theme.js";import{vui as t}from"../core/vui.js";import{Button as n}from"../button/button.js";import{jsx as r}from"react/jsx-runtime";const i=t((t,i)=>{let a=e(`Chat`,t),{status:o=`default`,onSend:s,onStop:c}=t;return r(n,{disabled:o===`disabled`||o===`processing`&&!c,h:`100%`,icon:o===`processing`&&c?`falStopCircle`:`falChevronCircleRight`,ml:1,onClick:()=>o===`processing`?c?.():s?.(),ref:i,variant:`tertiaryDark`,...a?.inputButton})});i.displayName=`ChatInputButton`;var a=i;export{a as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{useStyleConfig as e}from"../core/theme.js";import{vui as t}from"../core/vui.js";import{Button as n}from"../button/button.js";import{jsx as r}from"react/jsx-runtime";const i=t((t,i)=>{let a=e(`Chat`,t),{status:o=`default`,onSend:s,onStop:c}=t;return r(n,{disabled:o===`disabled`||o===`processing`&&!c,h:`100%`,icon:o===`processing`&&c?`falStopCircle`:`falChevronCircleRight`,ml:1,onClick:()=>o===`processing`?c?.():s?.(),ref:i,variant:`tertiaryDark`,...a?.inputButton})});i.displayName=`ChatInputButton`;var a=i;export{a as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=chatInputButton.js.map

package/dist/chat/chatMessage.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"../message/message.js";import{jsx as i}from"react/jsx-runtime";const a={variant:`solidDarkBlue`,icon:`brandVeracity`},o=n((n,o)=>{let s=t(`Chat`,n),{avatar:c=a,...l}=n;return i(r,{avatar:c,className:e(`vui-chat-message`),h:`100%`,my:`16px`,ref:o,...s?.message,...l})});o.displayName=`ChatMessage`;var s=o;export{o as ChatMessage,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"../message/message.js";import{jsx as i}from"react/jsx-runtime";const a={variant:`solidDarkBlue`,icon:`brandVeracity`},o=n((n,o)=>{let s=t(`Chat`,n),{avatar:c=a,...l}=n;return i(r,{avatar:c,className:e(`vui-chat-message`),h:`100%`,my:`16px`,ref:o,...s?.message,...l})});o.displayName=`ChatMessage`;var s=o;export{o as ChatMessage,s as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=chatMessage.js.map

package/dist/chat/theme.js

@@ -1,2 +1,2 @@
-var e={baseStyle:{chat:{flexDirection:`column`,w:`100%`,height:`100%`},messages:{flexDirection:`column`,overflowY:`auto`,position:`relative`,w:`100%`},suggestions:{display:`block`,textAlign:`right`,width:`100%`}},defaultProps:{},sizes:{},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+var e={baseStyle:{chat:{flexDirection:`column`,w:`100%`,height:`100%`},messages:{flexDirection:`column`,overflowY:`auto`,position:`relative`,w:`100%`},suggestions:{display:`block`,textAlign:`right`,width:`100%`}},defaultProps:{},sizes:{},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=theme.js.map

package/dist/checkbox/checkbox.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 { CheckboxProps, CheckboxStyleProps } from "./checkbox.types.js";
-import * as styled_components365 from "styled-components";
+import * as styled_components441 from "styled-components";
 
 //#region src/checkbox/checkbox.d.ts
-declare const CheckboxBase: styled_components365.StyledComponent<"label", styled_components365.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 & CheckboxStyleProps, never>;
+declare const CheckboxBase: styled_components441.StyledComponent<"label", styled_components441.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 & CheckboxStyleProps, never>;
 /**
  * Allows selection of one or more choices from a set of items. Handles controlled and uncontrolled modes.
  * Uses icons to display itself in different states. Can be indeterminate when selecting some nested items.

package/dist/checkbox/checkbox.js

@@ -36,5 +36,5 @@ import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../util
       color: ${r.icon};
     }
   }
-`,y=c((r,a)=>{let{defaultValue:s,...c}=d()??{},y={...c,...r},{checked:b,children:x,className:S,defaultChecked:C=s===void 0?void 0:s.includes(r.value),disabled:w,icon:T=`uiCheckboxUnselected`,iconChecked:E=`uiCheckboxSelected`,iconIndeterminate:D=`uiCheckboxIndeterminate`,id:O,inputProps:k,inputRef:A,isIndeterminate:j,label:M,name:N,onChange:P,required:F,value:I,...L}=i(y),[R,z]=p(C),B=o(`Checkbox`,y),{color:V,hoverColor:H,...U}=B.control,W=j?D:R?E:T,G=x||M?1:0,K=R||j?n.checked:V,q=H||n.hover,J=M&&M?.length>=60;f(()=>{b!==void 0&&z(b)},[b]);let Y=e=>{b===void 0&&z(e.target.checked),P?.(e)},X=e({"aria-disabled":w});return h(v,{alignItems:J?`flex-start`:`center`,className:t(`vui-checkbox`,S),controlHoverColor:q,ref:a,...B.container,...X,...L,children:[h(g,{bg:`white`,className:`vui-checkboxControl`,color:K,focusWithinRing:3,mr:G,role:`none`,...U,children:[m(_,{className:`vui-checkboxInput`,onChange:Y,ref:A,type:`checkbox`,checked:b,defaultChecked:C,disabled:w,id:O,name:N,required:F,value:I,...k}),m(l,{className:`vui-checkboxIcon`,h:`100%`,name:W,w:`100%`})]}),x??(M&&m(u,{className:`vui-checkboxLabel`,lineHeight:J?`26px`:`normal`,...B.label,children:M}))]})});y.displayName=`Checkbox`;export{y as Checkbox,v as CheckboxBase};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,y=c((r,a)=>{let{defaultValue:s,...c}=d()??{},y={...c,...r},{checked:b,children:x,className:S,defaultChecked:C=s===void 0?void 0:s.includes(r.value),disabled:w,icon:T=`uiCheckboxUnselected`,iconChecked:E=`uiCheckboxSelected`,iconIndeterminate:D=`uiCheckboxIndeterminate`,id:O,inputProps:k,inputRef:A,isIndeterminate:j,label:M,name:N,onChange:P,required:F,value:I,...L}=i(y),[R,z]=p(C),B=o(`Checkbox`,y),{color:V,hoverColor:H,...U}=B.control,W=j?D:R?E:T,G=x||M?1:0,K=R||j?n.checked:V,q=H||n.hover,J=M&&M?.length>=60;f(()=>{b!==void 0&&z(b)},[b]);let Y=e=>{b===void 0&&z(e.target.checked),P?.(e)},X=e({"aria-disabled":w});return h(v,{alignItems:J?`flex-start`:`center`,className:t(`vui-checkbox`,S),controlHoverColor:q,ref:a,...B.container,...X,...L,children:[h(g,{bg:`white`,className:`vui-checkboxControl`,color:K,focusWithinRing:3,mr:G,role:`none`,...U,children:[m(_,{className:`vui-checkboxInput`,onChange:Y,ref:A,type:`checkbox`,checked:b,defaultChecked:C,disabled:w,id:O,name:N,required:F,value:I,...k}),m(l,{className:`vui-checkboxIcon`,h:`100%`,name:W,w:`100%`})]}),x??(M&&m(u,{className:`vui-checkboxLabel`,lineHeight:J?`26px`:`normal`,...B.label,children:M}))]})});y.displayName=`Checkbox`;export{y as Checkbox,v as CheckboxBase};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=checkbox.js.map

package/dist/checkbox/checkboxGroup.d.ts

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

package/dist/checkbox/checkboxGroup.js

@@ -1,5 +1,5 @@
 import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../utils/styles.js";import{styled as n}from"../core/styled.js";import{vui as r}from"../core/vui.js";import{CheckboxGroupProvider as i}from"./context.js";import{useMemo as a}from"react";import{jsx as o}from"react/jsx-runtime";const s=n.divBox`
   display: flex;
   flex-direction: column;
-`,c=r((n,r)=>{let{className:c,defaultValue:l,disabled:u,isRow:d,name:f,onBlur:p,onChange:m,onFocus:h,size:g,variant:_,...v}=n,y=a(()=>e({defaultValue:l,disabled:u,name:f,onBlur:p,onChange:m,onFocus:h,size:g,variant:_}),[l,u,f,p,m,h,g,_]),b=e({flexDirection:d?`row`:void 0});return o(i,{value:y,children:o(s,{className:t(`vui-checkboxGroup`,c),ref:r,...b,...v})})});c.displayName=`CheckboxGroup`;export{c as CheckboxGroup,s as CheckboxGroupBase};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+`,c=r((n,r)=>{let{className:c,defaultValue:l,disabled:u,isRow:d,name:f,onBlur:p,onChange:m,onFocus:h,size:g,variant:_,...v}=n,y=a(()=>e({defaultValue:l,disabled:u,name:f,onBlur:p,onChange:m,onFocus:h,size:g,variant:_}),[l,u,f,p,m,h,g,_]),b=e({flexDirection:d?`row`:void 0});return o(i,{value:y,children:o(s,{className:t(`vui-checkboxGroup`,c),ref:r,...b,...v})})});c.displayName=`CheckboxGroup`;export{c as CheckboxGroup,s as CheckboxGroupBase};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=checkboxGroup.js.map

package/dist/checkbox/consts.js

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

package/dist/checkbox/context.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/checkbox/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,uBAAqB,QAAA,CAAA,SAAA,OAAE,+BAAuB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/checkbox/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,uBAAqB,MAAA,CAAA,SAAA,OAAE,+BAAuB"}

package/dist/checkbox/context.js

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

package/dist/checkbox/theme.js

@@ -1,2 +1,2 @@
-import{checkboxColors as e}from"./consts.js";var t={baseStyle:{control:{color:e.unchecked,hoverColor:e.hover},container:{alignItems:`flext-start`}},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{checkboxColors as e}from"./consts.js";var t={baseStyle:{control:{color:e.unchecked,hoverColor:e.hover},container:{alignItems:`flext-start`}},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/copyToClipboard/copyToClipboard.js

@@ -1,2 +1,2 @@
-import{cs as e}from"../utils/styles.js";import{vui as t}from"../core/vui.js";import n from"../button/button.js";import{useCopyToClipboard as r}from"./useCopyToClipboard.js";import{jsx as i}from"react/jsx-runtime";const a=t((t,a)=>{let{disabled:o,copyText:s,className:c,icon:l=`falCopy`,size:u=`sm`,variant:d=`tertiaryDark`,...f}=t,{copy:p,isCopyDisabled:m}=r(s);return i(n,{"aria-label":`Copy to clipboard ${s}`,className:e(`vui-copy-to-clipboard`,c),disabled:o||m,icon:l,onClick:()=>p(),ref:a,size:u,variant:d,...f})});a.displayName=`CopyToClipboard`;export{a as CopyToClipboard};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{cs as e}from"../utils/styles.js";import{vui as t}from"../core/vui.js";import n from"../button/button.js";import{useCopyToClipboard as r}from"./useCopyToClipboard.js";import{jsx as i}from"react/jsx-runtime";const a=t((t,a)=>{let{disabled:o,copyText:s,className:c,icon:l=`falCopy`,size:u=`sm`,variant:d=`tertiaryDark`,...f}=t,{copy:p,isCopyDisabled:m}=r(s);return i(n,{"aria-label":`Copy to clipboard ${s}`,className:e(`vui-copy-to-clipboard`,c),disabled:o||m,icon:l,onClick:()=>p(),ref:a,size:u,variant:d,...f})});a.displayName=`CopyToClipboard`;export{a as CopyToClipboard};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=copyToClipboard.js.map

package/dist/copyToClipboard/useCopyToClipboard.js

@@ -1,2 +1,2 @@
-import{useToast as e}from"../toast/useToast.js";const t=t=>{let{showSuccess:n,showError:r}=e(),i=!window?.navigator?.clipboard?.writeText;return{copy:()=>{i||window?.navigator?.clipboard.writeText?.(t).then(()=>n(`Copied to clipboard: ${t}`)).catch(()=>r(`Copy failed`))},isCopyDisabled:i}};export{t as useCopyToClipboard};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{useToast as e}from"../toast/useToast.js";const t=t=>{let{showSuccess:n,showError:r}=e(),i=!window?.navigator?.clipboard?.writeText;return{copy:()=>{i||window?.navigator?.clipboard.writeText?.(t).then(()=>n(`Copied to clipboard: ${t}`)).catch(()=>r(`Copy failed`))},isCopyDisabled:i}};export{t as useCopyToClipboard};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=useCopyToClipboard.js.map

package/dist/core/consts.js

@@ -1,2 +1,2 @@
-const e=`https://cdn.veracity.com`,t=`https://cdnstag.veracity.com`,n=`https://cdntest.veracity.com`,r=`/common/fonts`,i={Prod:e,Stag:t,Test:n};export{r as cdnFontsPath,t as cdnStagUrl,n as cdnTestUrl,e as cdnUrl,i as cdnUrls};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+const e=`https://cdn.veracity.com`,t=`https://cdnstag.veracity.com`,n=`https://cdntest.veracity.com`,r=`/common/fonts`,i={Prod:e,Stag:t,Test:n};export{r as cdnFontsPath,t as cdnStagUrl,n as cdnTestUrl,e as cdnUrl,i as cdnUrls};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=consts.js.map

package/dist/core/links.d.ts

@@ -1,6 +1,6 @@
 import { Dict, Environment } from "../utils/types.js";
 import { Dispatch, SetStateAction } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/core/links.d.ts
 type LinksDict = Dict<string>;
@@ -13,7 +13,7 @@ type LinksContextType = [LinksDict, Dispatch<SetStateAction<LinksDict>>];
 declare function getLoggedInLink(link: string, isLoggedIn?: boolean): string;
 declare function LinksProvider(props: {
   children: React.ReactNode;
-}): react_jsx_runtime0.JSX.Element;
+}): react_jsx_runtime13.JSX.Element;
 /** Returns links and setLinks from LinksContext. */
 declare function useLinks(): LinksContextType;
 /**

package/dist/core/links.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"links.d.ts","names":[],"sources":["../../src/core/links.tsx"],"sourcesContent":[],"mappings":";;;;;KAOY,SAAA,GAAY;KAEnB,gBAAA,IAAoB,WAAW,SAAS,eAAe;;AAF5D;AAAoC;;;AAEwB,iBAS5C,eAAA,CAT4C,IAAA,EAAA,MAAA,EAAA,UAAA,CAAA,EAAA,OAAA,CAAA,EAAA,MAAA;AAAf,iBAsB7B,aAAA,CAtB6B,KAAA,EAAA;UAAT,EAsBa,KAAA,CAAM,SAtBnB;CAAQ,CAAA,EAsBsB,kBAAA,CAAA,GAAA,CAAA,OAtBtB;AAS5C;AAagB,iBAOA,QAAA,CAAA,CAPa,EAOL,gBAPK;;;;;AAOb,iBAeA,YAAA,CAfQ,GAAA,CAAA,EAeW,WAfX,EAAA,UAAA,CAAA,EAAA,OAAA,CAAA,EAAA,IAAA"}
+{"version":3,"file":"links.d.ts","names":[],"sources":["../../src/core/links.tsx"],"sourcesContent":[],"mappings":";;;;;KAOY,SAAA,GAAY;KAEnB,gBAAA,IAAoB,WAAW,SAAS,eAAe;;AAF5D;AAAoC;;;AAEwB,iBAS5C,eAAA,CAT4C,IAAA,EAAA,MAAA,EAAA,UAAA,CAAA,EAAA,OAAA,CAAA,EAAA,MAAA;AAAf,iBAsB7B,aAAA,CAtB6B,KAAA,EAAA;UAAT,EAsBa,KAAA,CAAM,SAtBnB;CAAQ,CAAA,EAsBsB,mBAAA,CAAA,GAAA,CAAA,OAtBtB;AAS5C;AAagB,iBAOA,QAAA,CAAA,CAPa,EAOL,gBAPK;;;;;AAOb,iBAeA,YAAA,CAfQ,GAAA,CAAA,EAeW,WAfX,EAAA,UAAA,CAAA,EAAA,OAAA,CAAA,EAAA,IAAA"}

package/dist/core/links.js

@@ -1,2 +1,2 @@
-import{cdnUrls as e}from"./consts.js";import{isObject as t}from"../utils/assertion.js";import{noop as n}from"../utils/function.js";import{useCallbackRef as r}from"../utils/react.js";import{createContext as i,useContext as a,useEffect as o,useState as s}from"react";import{jsx as c}from"react/jsx-runtime";const l=i(void 0);function u(e,t){try{let n=new URL(e);return t?n.searchParams.append(`loggedin`,`1`):n.searchParams.delete(`loggedin`),n.toString()}catch{return e}}function d(e){let t=s({});return c(l.Provider,{value:t,...e})}function f(){let e=a(l);return e===void 0?(console.error(`useLinks must be used within a LinksContext.`),[{},n]):e}function p(n,i){let[,a]=f(),s=async n=>{try{let r=await fetch(`${e[n]}/common/data/links/base.json`);if(!r.ok)return;let i=await r.json();t(i)&&a(c(i))}catch{console.error(`Failed to retrieve links`)}},c=r(e=>Object.keys(e).reduce((t,n)=>(t[n]=u(e[n],i),t),{}));o(()=>{n&&s(n)},[n]),o(()=>{a(c)},[i])}export{d as LinksProvider,u as getLoggedInLink,f as useLinks,p as useLoadLinks};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{cdnUrls as e}from"./consts.js";import{isObject as t}from"../utils/assertion.js";import{noop as n}from"../utils/function.js";import{useCallbackRef as r}from"../utils/react.js";import{createContext as i,useContext as a,useEffect as o,useState as s}from"react";import{jsx as c}from"react/jsx-runtime";const l=i(void 0);function u(e,t){try{let n=new URL(e);return t?n.searchParams.append(`loggedin`,`1`):n.searchParams.delete(`loggedin`),n.toString()}catch{return e}}function d(e){let t=s({});return c(l.Provider,{value:t,...e})}function f(){let e=a(l);return e===void 0?(console.error(`useLinks must be used within a LinksContext.`),[{},n]):e}function p(n,i){let[,a]=f(),s=async n=>{try{let r=await fetch(`${e[n]}/common/data/links/base.json`);if(!r.ok)return;let i=await r.json();t(i)&&a(c(i))}catch{console.error(`Failed to retrieve links`)}},c=r(e=>Object.keys(e).reduce((t,n)=>(t[n]=u(e[n],i),t),{}));o(()=>{n&&s(n)},[n]),o(()=>{a(c)},[i])}export{d as LinksProvider,u as getLoggedInLink,f as useLinks,p as useLoadLinks};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=links.js.map

package/dist/core/media.js

@@ -1,2 +1,2 @@
-import{th as e,useTheme as t}from"./theme.js";import{Fragment as n,jsx as r}from"react/jsx-runtime";import{useViewportWidth as i}from"@xstyled/styled-components";const a=(t,n)=>r=>`@media (min-width: ${e.screen(t)(r)}) and (max-width: ${e.screen(n)(r)})`,o=t=>n=>`@media (max-width: ${e.screen(t)(n)})`,s=t=>n=>`@media (min-width: ${e.screen(t)(n)})`,c=({children:e,maxWidth:t,minWidth:i})=>i&&t?r(l,{maxWidth:t,minWidth:i,children:e}):i?r(u,{width:i,children:e}):t?r(d,{width:t,children:e}):r(n,{children:e}),l=({children:e,maxWidth:t,minWidth:i})=>h(i,t)?r(n,{children:e}):null,u=({children:e,width:t})=>m(t)?r(n,{children:e}):null,d=({children:e,width:t})=>p(t)?r(n,{children:e}):null;function f(n){let r=t(),a=i(),o=e.screen(n)({theme:r});return{value:Number(o.replace(`px`,``)),viewportWidth:a}}function p(e){let{value:t,viewportWidth:n}=f(e);return n!==null&&t!==null&&n<t}function m(e){let{value:t,viewportWidth:n}=f(e);return n!==null&&t!==null&&n>=t}function h(e,t){let n=p(t),r=m(e);return n&&r}export{c as RenderOnScreen,a as mediaBetween,o as mediaDown,s as mediaUp,h as useBetween,p as useDown,m as useUp,i as useViewportWidth};globalThis.__vuiVersion__=`3.0.0-beta.6`;
+import{th as e,useTheme as t}from"./theme.js";import{Fragment as n,jsx as r}from"react/jsx-runtime";import{useViewportWidth as i}from"@xstyled/styled-components";const a=(t,n)=>r=>`@media (min-width: ${e.screen(t)(r)}) and (max-width: ${e.screen(n)(r)})`,o=t=>n=>`@media (max-width: ${e.screen(t)(n)})`,s=t=>n=>`@media (min-width: ${e.screen(t)(n)})`,c=({children:e,maxWidth:t,minWidth:i})=>i&&t?r(l,{maxWidth:t,minWidth:i,children:e}):i?r(u,{width:i,children:e}):t?r(d,{width:t,children:e}):r(n,{children:e}),l=({children:e,maxWidth:t,minWidth:i})=>h(i,t)?r(n,{children:e}):null,u=({children:e,width:t})=>m(t)?r(n,{children:e}):null,d=({children:e,width:t})=>p(t)?r(n,{children:e}):null;function f(n){let r=t(),a=i(),o=e.screen(n)({theme:r});return{value:Number(o.replace(`px`,``)),viewportWidth:a}}function p(e){let{value:t,viewportWidth:n}=f(e);return n!==null&&t!==null&&n<t}function m(e){let{value:t,viewportWidth:n}=f(e);return n!==null&&t!==null&&n>=t}function h(e,t){let n=p(t),r=m(e);return n&&r}export{c as RenderOnScreen,a as mediaBetween,o as mediaDown,s as mediaUp,h as useBetween,p as useDown,m as useUp,i as useViewportWidth};globalThis.__vuiVersion__=`3.0.0-beta.7`;
 //# sourceMappingURL=media.js.map