@theroutingcompany/components 0.0.22 → 0.0.23

package/dist/trc-components.umd.js

@@ -769,21 +769,25 @@ Check the top-level render call using <`+G+">.")}return B}}function Q1(D,B){{if(
     color: ${h.color_fill_inverse_pressed};
   }
 `,zE=S(sa)`
-  background: ${h.color_fill_secondary_enabled};
+  background: ${h.color_white};
   color: ${h.color_fill_primary_enabled};
-
+  border: 1px solid ${h.color_outline_secondary_enabled};
+  
   &:hover {
-    background: ${h.color_fill_secondary_hover};
+    background: hsl(0deg 0% 0% / 3%);
     color: ${h.color_fill_primary_hover};
+    border-color: ${h.color_outline_secondary_enabled};
   }
-
+  
   &[data-state~='pressed'] {
-    background: ${h.color_fill_secondary_pressed};
+    background: ${h.color_divider_weak}; // Interactive/Fill/Tertiary/Pressed
     color: ${h.color_fill_primary_enabled};
+    border-color: hsl(0deg 0% 0% / 48%); // Interactive/Outline/Primary/Pressed
   }
 
   &:disabled {
     background: ${h.color_fill_secondary_disabled};
+    border-color: hsl(0deg 0%  14% / 16%);
   }
 `,KE=S(sa)`
   background: ${h.color_fill_danger_enabled};
@@ -835,7 +839,7 @@ Check the top-level render call using <`+G+">.")}return B}}function Q1(D,B){{if(
 `,UE={xsmall:S(la)`
   font-size: ${h.font_size_title_xsmall};
   letter-spacing: ${h.letter_spacing_title_xsmall};
-`,small:BE,medium:jE,large:VE},ca=l.forwardRef((e,t)=>{const{children:r,size:n="medium",as:o,className:a,...i}=e,s=UE[n];return E(s,{...i,as:o,ref:t,className:a,children:r})});ca.displayName="Title";function Tm({state:e,calendarProps:t,prevButtonProps:r,nextButtonProps:n}){const{onPress:o,isDisabled:a}=r,{onPress:i,isDisabled:s}=n,c=ot({month:"long",year:"numeric",timeZone:e.timeZone});return X(Bs,{p:"200",alignItems:"center",justifyContent:"space-between",children:[E(Sm,{children:E("h2",{children:t["aria-label"]})}),E(In,{label:"Previous month",size:"small",variant:"inverse",onClick:o,disabled:a,children:E(ke.ChevronLeft,{})}),E(ca,{size:"xsmall",as:"h2","aria-hidden":!0,children:c.format(e.visibleRange.start.toDate(e.timeZone))}),E(ca,{size:"xsmall",as:"h2","aria-hidden":!0,children:c.format(e.visibleRange.start.add({months:1}).toDate(e.timeZone))}),E(In,{size:"small",variant:"inverse",onClick:i,label:"Next month",disabled:s,children:E(ke.ChevronRight,{})})]})}function Fr(e,t,r){return t!=null&&e.compare(t)<0||r!=null&&e.compare(r)>0}function Ws(e,t,r,n,o){let a={};for(let s in t)a[s]=Math.floor(t[s]/2),a[s]>0&&t[s]%2===0&&a[s]--;let i=cr(e,t,r).subtract(a);return An(e,i,t,r,n,o)}function cr(e,t,r,n,o){let a=e;return t.years?a=B5(e):t.months?a=ir(e):t.weeks&&(a=vn(e,r)),An(e,a,t,r,n,o)}function Hs(e,t,r,n,o){let a={...t};t.days?a.days--:t.weeks?a.weeks--:t.months?a.months--:t.years&&a.years--;let i=cr(e,t,r).subtract(a);return An(e,i,t,r,n,o)}function An(e,t,r,n,o,a){return o&&e.compare(o)>=0&&(t=is(t,cr(Ue(o),r,n))),a&&e.compare(a)<=0&&(t=as(t,Hs(Ue(a),r,n))),t}function Ft(e,t,r){return t&&(e=is(e,Ue(t))),r&&(e=as(e,Ue(r))),e}function Cm(e,t,r){if(!r)return e;for(;e.compare(t)>=0&&r(e);)e=e.subtract({days:1});if(e.compare(t)>=0)return e}function WE(e){let t=l.useMemo(()=>new Pn(e.locale),[e.locale]),r=l.useMemo(()=>t.resolvedOptions(),[t]),{locale:n,createCalendar:o,visibleDuration:a={months:1},minValue:i,maxValue:s,selectionAlignment:c,isDateUnavailable:d}=e,u=l.useMemo(()=>o(r.calendar),[o,r.calendar]),[f,p]=ut(e.value,e.defaultValue,e.onChange),m=l.useMemo(()=>f?ve(Ue(f),u):null,[f,u]),b=l.useMemo(()=>f&&"timeZone"in f?f.timeZone:r.timeZone,[f,r.timeZone]),g=l.useMemo(()=>e.focusedValue?Ft(ve(Ue(e.focusedValue),u),i,s):void 0,[e.focusedValue,u,i,s]),v=l.useMemo(()=>Ft(e.defaultFocusedValue?ve(Ue(e.defaultFocusedValue),u):m||ve(Cr(b),u),i,s),[e.defaultFocusedValue,m,b,u,i,s]),[$,x]=ut(g,v,e.onFocusChange),[w,y]=l.useState(()=>{switch(c){case"start":return cr($,a,n,i,s);case"end":return Hs($,a,n,i,s);case"center":default:return Ws($,a,n,i,s)}}),[M,F]=l.useState(e.autoFocus||!1),P=l.useMemo(()=>{let _={...a};return _.days?_.days--:_.days=-1,w.add(_)},[w,a]),k=l.useRef(u.identifier);if(u.identifier!==k.current){let _=ve($,u);y(Ws(_,a,n,i,s)),x(_),k.current=u.identifier}Fr($,i,s)?x(Ft($,i,s)):$.compare(w)<0?y(Hs($,a,n,i,s)):$.compare(P)>0&&y(cr($,a,n,i,s));function A(_){_=Ft(_,i,s),x(_)}function R(_){if(!e.isDisabled&&!e.isReadOnly){if(_=Ft(_,i,s),_=Cm(_,w,d),!_)return;_=ve(_,(f==null?void 0:f.calendar)||new Ne),f&&"hour"in f?p(f.set(_)):p(_)}}let T=l.useMemo(()=>m?d&&d(m)?!0:Fr(m,i,s):!1,[m,d,i,s]),N=e.validationState||(T?"invalid":null);return{isDisabled:e.isDisabled,isReadOnly:e.isReadOnly,value:m,setValue:R,visibleRange:{start:w,end:P},minValue:i,maxValue:s,focusedDate:$,timeZone:b,validationState:N,setFocusedDate(_){A(_),F(!0)},focusNextDay(){A($.add({days:1}))},focusPreviousDay(){A($.subtract({days:1}))},focusNextRow(){a.days?this.focusNextPage():(a.weeks||a.months||a.years)&&A($.add({weeks:1}))},focusPreviousRow(){a.days?this.focusPreviousPage():(a.weeks||a.months||a.years)&&A($.subtract({weeks:1}))},focusNextPage(){let _=w.add(a);x(Ft($.add(a),i,s)),y(cr(An($,_,a,n,i,s),a,n))},focusPreviousPage(){let _=w.subtract(a);x(Ft($.subtract(a),i,s)),y(cr(An($,_,a,n,i,s),a,n))},focusSectionStart(){a.days?A(w):a.weeks?A(vn($,n)):(a.months||a.years)&&A(ir($))},focusSectionEnd(){a.days?A(P):a.weeks?A(H5($,n)):(a.months||a.years)&&A(Uo($))},focusNextSection(_){if(!_&&!a.days){A($.add(Im(a)));return}a.days?this.focusNextPage():a.weeks?A($.add({months:1})):(a.months||a.years)&&A($.add({years:1}))},focusPreviousSection(_){if(!_&&!a.days){A($.subtract(Im(a)));return}a.days?this.focusPreviousPage():a.weeks?A($.subtract({months:1})):(a.months||a.years)&&A($.subtract({years:1}))},selectFocusedDate(){R($)},selectDate(_){R(_)},isFocused:M,setFocused:F,isInvalid(_){return Fr(_,i,s)},isSelected(_){return m!=null&&De(_,m)&&!this.isCellDisabled(_)&&!this.isCellUnavailable(_)},isCellFocused(_){return M&&$&&De(_,$)},isCellDisabled(_){return e.isDisabled||_.compare(w)<0||_.compare(P)>0||this.isInvalid(_,i,s)},isCellUnavailable(_){return e.isDateUnavailable&&e.isDateUnavailable(_)},isPreviousVisibleRangeInvalid(){let _=w.subtract({days:1});return De(_,w)||this.isInvalid(_,i,s)},isNextVisibleRangeInvalid(){let _=P.add({days:1});return De(_,P)||this.isInvalid(_,i,s)},getDatesInWeek(_,I=w){let j=I.add({weeks:_}),Q=[];j=vn(j,n);let U=Bo(j,n);for(let J=0;J<U;J++)Q.push(null);for(;Q.length<7;){Q.push(j);let J=j.add({days:1});if(De(j,J))break;j=J}for(;Q.length<7;)Q.push(null);return Q}}}function Im(e){let t={...e};for(let r in e)t[r]=1;return t}function HE(e){let{value:t,defaultValue:r,onChange:n,createCalendar:o,locale:a,visibleDuration:i={months:1},minValue:s,maxValue:c,...d}=e,[u,f]=ut(t,r||null,n),[p,m]=l.useState(null),b="center";if(u&&u.start&&u.end){let Q=Ws(Ue(u.start),i,a,s,c).add(i).subtract({days:1});u.end.compare(Q)>0&&(b="start")}let g=l.useRef(null),[v,$]=l.useState(null),x=l.useMemo(()=>is(s,v==null?void 0:v.start),[s,v]),w=l.useMemo(()=>as(c,v==null?void 0:v.end),[c,v]),y=WE({...d,value:u&&u.start,createCalendar:o,locale:a,visibleDuration:i,minValue:x,maxValue:w,selectionAlignment:b}),M=j=>{j&&e.isDateUnavailable&&!e.allowsNonContiguousRanges?(g.current={start:Mm(j,y,-1),end:Mm(j,y,1)},$(g.current)):(g.current=null,$(null))},F=l.useRef(y.visibleRange);(!rs(y.visibleRange.start,F.current.start)||!rs(y.visibleRange.end,F.current.end))&&(M(p),F.current=y.visibleRange);let P=j=>{j?(m(j),M(j)):(m(null),M(null))},k=p?Gs(p,y.focusedDate):u&&Gs(u.start,u.end),A=j=>{if(!e.isReadOnly&&(j=Ft(j,x,w),j=Cm(j,y.visibleRange.start,e.isDateUnavailable),!!j))if(!p)P(j);else{let Q=Gs(p,j);f({start:Am(Q.start,u==null?void 0:u.start),end:Am(Q.end,u==null?void 0:u.end)}),P(null)}},[R,T]=l.useState(!1),{isDateUnavailable:N}=e,_=l.useMemo(()=>!u||p?!1:N&&(N(u.start)||N(u.end))?!0:Fr(u.start,s,c)||Fr(u.end,s,c),[N,u,p,s,c]),I=e.validationState||(_?"invalid":null);return{...y,value:u,setValue:f,anchorDate:p,setAnchorDate:P,highlightedRange:k,validationState:I,selectFocusedDate(){A(y.focusedDate)},selectDate:A,highlightDate(j){p&&y.setFocusedDate(j)},isSelected(j){return k&&j.compare(k.start)>=0&&j.compare(k.end)<=0&&!y.isCellDisabled(j)&&!y.isCellUnavailable(j)},isInvalid(j){var Q,U;return y.isInvalid(j)||Fr(j,(Q=g.current)===null||Q===void 0?void 0:Q.start,(U=g.current)===null||U===void 0?void 0:U.end)},isDragging:R,setDragging:T}}function Gs(e,t){return!e||!t?null:(t.compare(e)<0&&([e,t]=[t,e]),{start:Ue(e),end:Ue(t)})}function Am(e,t){return e=ve(e,(t==null?void 0:t.calendar)||new Ne),t&&"hour"in t?t.set(e):e}function Mm(e,t,r){let n=e.add({days:r});for(;(r<0?n.compare(t.visibleRange.start)>=0:n.compare(t.visibleRange.end)<=0)&&!t.isCellUnavailable(n);)n=n.add({days:r});return t.isCellUnavailable(n)?n.add({days:-r}):null}function GE({timeZone:e,...t}){const{locale:r}=Fe(),n=Cr(e),o=HE({...t,visibleDuration:{months:2},locale:r,createCalendar:OP,defaultFocusedValue:n}),a=l.useRef(null),{calendarProps:i,prevButtonProps:s,nextButtonProps:c}=kE(t,o,a);return X(yi,{w:"fit-content",p:"100",...i,ref:a,children:[E(Tm,{state:o,calendarProps:i,prevButtonProps:s,nextButtonProps:c}),X(Bs,{gap:"400",children:[E(js,{state:o,timeZone:e}),E(js,{state:o,offset:{months:1},timeZone:e})]})]})}function Ys(e){const t=l.useRef({value:e,previous:e});return l.useMemo(()=>(t.current.value!==e&&(t.current.previous=t.current.value,t.current.value=e),t.current.previous),[e])}const Om="Checkbox",[YE,dA]=Me(Om),[qE,ZE]=YE(Om),JE=l.forwardRef((e,t)=>{const{__scopeCheckbox:r,name:n,checked:o,defaultChecked:a,required:i,disabled:s,value:c="on",onCheckedChange:d,...u}=e,[f,p]=l.useState(null),m=me(t,w=>p(w)),b=l.useRef(!1),g=f?!!f.closest("form"):!0,[v=!1,$]=rt({prop:o,defaultProp:a,onChange:d}),x=l.useRef(v);return l.useEffect(()=>{const w=f==null?void 0:f.form;if(w){const y=()=>$(x.current);return w.addEventListener("reset",y),()=>w.removeEventListener("reset",y)}},[f,$]),l.createElement(qE,{scope:r,state:v,disabled:s},l.createElement(se.button,C({type:"button",role:"checkbox","aria-checked":dr(v)?"mixed":v,"aria-required":i,"data-state":Nm(v),"data-disabled":s?"":void 0,disabled:s,value:c},u,{ref:m,onKeyDown:Y(e.onKeyDown,w=>{w.key==="Enter"&&w.preventDefault()}),onClick:Y(e.onClick,w=>{$(y=>dr(y)?!0:!y),g&&(b.current=w.isPropagationStopped(),b.current||w.stopPropagation())})})),g&&l.createElement(eS,{control:f,bubbles:!b.current,name:n,value:c,checked:v,required:i,disabled:s,style:{transform:"translateX(-100%)"}}))}),XE="CheckboxIndicator",QE=l.forwardRef((e,t)=>{const{__scopeCheckbox:r,forceMount:n,...o}=e,a=ZE(XE,r);return l.createElement(Ie,{present:n||dr(a.state)||a.state===!0},l.createElement(se.span,C({"data-state":Nm(a.state),"data-disabled":a.disabled?"":void 0},o,{ref:t,style:{pointerEvents:"none",...e.style}})))}),eS=e=>{const{control:t,checked:r,bubbles:n=!0,...o}=e,a=l.useRef(null),i=Ys(r),s=$o(t);return l.useEffect(()=>{const c=a.current,d=window.HTMLInputElement.prototype,f=Object.getOwnPropertyDescriptor(d,"checked").set;if(i!==r&&f){const p=new Event("click",{bubbles:n});c.indeterminate=dr(r),f.call(c,dr(r)?!1:r),c.dispatchEvent(p)}},[i,r,n]),l.createElement("input",C({type:"checkbox","aria-hidden":!0,defaultChecked:dr(r)?!1:r},o,{tabIndex:-1,ref:a,style:{...e.style,...s,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function dr(e){return e==="indeterminate"}function Nm(e){return dr(e)?"indeterminate":e?"checked":"unchecked"}const tS=JE,rS=QE;function Fm(e){let{id:t,label:r,"aria-labelledby":n,"aria-label":o,labelElementType:a="label"}=e;t=je(t);let i=je(),s={};r?(n=n?`${n} ${i}`:i,s={id:i,htmlFor:a==="label"?t:void 0}):!n&&!o&&console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");let c=hn({id:t,"aria-label":o,"aria-labelledby":n});return{labelProps:s,fieldProps:c}}function Mn(e){let{description:t,errorMessage:r,validationState:n}=e,{labelProps:o,fieldProps:a}=Fm(e),i=mn([!!t,!!r,n]),s=mn([!!t,!!r,n]);return a=ce(a,{"aria-describedby":[i,s,e["aria-describedby"]].filter(Boolean).join(" ")||void 0}),{labelProps:o,fieldProps:a,descriptionProps:{id:i},errorMessageProps:{id:s}}}const nS={small:"7px 8px",large:"11px 12px"},On=S.input`
+`,small:BE,medium:jE,large:VE},ca=l.forwardRef((e,t)=>{const{children:r,size:n="medium",as:o,className:a,...i}=e,s=UE[n];return E(s,{...i,as:o,ref:t,className:a,children:r})});ca.displayName="Title";function Tm({state:e,calendarProps:t,prevButtonProps:r,nextButtonProps:n}){const{onPress:o,isDisabled:a}=r,{onPress:i,isDisabled:s}=n,c=ot({month:"long",year:"numeric",timeZone:e.timeZone});return X(Bs,{p:"200",alignItems:"center",justifyContent:"space-between",children:[E(Sm,{children:E("h2",{children:t["aria-label"]})}),E(In,{label:"Previous month",size:"small",variant:"inverse",onClick:o,disabled:a,children:E(ke.ChevronLeft,{})}),E(ca,{size:"xsmall",as:"h2","aria-hidden":!0,children:c.format(e.visibleRange.start.toDate(e.timeZone))}),E(ca,{size:"xsmall",as:"h2","aria-hidden":!0,children:c.format(e.visibleRange.start.add({months:1}).toDate(e.timeZone))}),E(In,{size:"small",variant:"inverse",onClick:i,label:"Next month",disabled:s,children:E(ke.ChevronRight,{})})]})}function Fr(e,t,r){return t!=null&&e.compare(t)<0||r!=null&&e.compare(r)>0}function Ws(e,t,r,n,o){let a={};for(let s in t)a[s]=Math.floor(t[s]/2),a[s]>0&&t[s]%2===0&&a[s]--;let i=cr(e,t,r).subtract(a);return An(e,i,t,r,n,o)}function cr(e,t,r,n,o){let a=e;return t.years?a=B5(e):t.months?a=ir(e):t.weeks&&(a=vn(e,r)),An(e,a,t,r,n,o)}function Hs(e,t,r,n,o){let a={...t};t.days?a.days--:t.weeks?a.weeks--:t.months?a.months--:t.years&&a.years--;let i=cr(e,t,r).subtract(a);return An(e,i,t,r,n,o)}function An(e,t,r,n,o,a){return o&&e.compare(o)>=0&&(t=is(t,cr(Ue(o),r,n))),a&&e.compare(a)<=0&&(t=as(t,Hs(Ue(a),r,n))),t}function Ft(e,t,r){return t&&(e=is(e,Ue(t))),r&&(e=as(e,Ue(r))),e}function Cm(e,t,r){if(!r)return e;for(;e.compare(t)>=0&&r(e);)e=e.subtract({days:1});if(e.compare(t)>=0)return e}function WE(e){let t=l.useMemo(()=>new Pn(e.locale),[e.locale]),r=l.useMemo(()=>t.resolvedOptions(),[t]),{locale:n,createCalendar:o,visibleDuration:a={months:1},minValue:i,maxValue:s,selectionAlignment:c,isDateUnavailable:d}=e,u=l.useMemo(()=>o(r.calendar),[o,r.calendar]),[f,p]=ut(e.value,e.defaultValue,e.onChange),m=l.useMemo(()=>f?ve(Ue(f),u):null,[f,u]),b=l.useMemo(()=>f&&"timeZone"in f?f.timeZone:r.timeZone,[f,r.timeZone]),g=l.useMemo(()=>e.focusedValue?Ft(ve(Ue(e.focusedValue),u),i,s):void 0,[e.focusedValue,u,i,s]),v=l.useMemo(()=>Ft(e.defaultFocusedValue?ve(Ue(e.defaultFocusedValue),u):m||ve(Cr(b),u),i,s),[e.defaultFocusedValue,m,b,u,i,s]),[$,x]=ut(g,v,e.onFocusChange),[w,y]=l.useState(()=>{switch(c){case"start":return cr($,a,n,i,s);case"end":return Hs($,a,n,i,s);case"center":default:return Ws($,a,n,i,s)}}),[M,F]=l.useState(e.autoFocus||!1),P=l.useMemo(()=>{let _={...a};return _.days?_.days--:_.days=-1,w.add(_)},[w,a]),k=l.useRef(u.identifier);if(u.identifier!==k.current){let _=ve($,u);y(Ws(_,a,n,i,s)),x(_),k.current=u.identifier}Fr($,i,s)?x(Ft($,i,s)):$.compare(w)<0?y(Hs($,a,n,i,s)):$.compare(P)>0&&y(cr($,a,n,i,s));function A(_){_=Ft(_,i,s),x(_)}function R(_){if(!e.isDisabled&&!e.isReadOnly){if(_=Ft(_,i,s),_=Cm(_,w,d),!_)return;_=ve(_,(f==null?void 0:f.calendar)||new Ne),f&&"hour"in f?p(f.set(_)):p(_)}}let T=l.useMemo(()=>m?d&&d(m)?!0:Fr(m,i,s):!1,[m,d,i,s]),N=e.validationState||(T?"invalid":null);return{isDisabled:e.isDisabled,isReadOnly:e.isReadOnly,value:m,setValue:R,visibleRange:{start:w,end:P},minValue:i,maxValue:s,focusedDate:$,timeZone:b,validationState:N,setFocusedDate(_){A(_),F(!0)},focusNextDay(){A($.add({days:1}))},focusPreviousDay(){A($.subtract({days:1}))},focusNextRow(){a.days?this.focusNextPage():(a.weeks||a.months||a.years)&&A($.add({weeks:1}))},focusPreviousRow(){a.days?this.focusPreviousPage():(a.weeks||a.months||a.years)&&A($.subtract({weeks:1}))},focusNextPage(){let _=w.add(a);x(Ft($.add(a),i,s)),y(cr(An($,_,a,n,i,s),a,n))},focusPreviousPage(){let _=w.subtract(a);x(Ft($.subtract(a),i,s)),y(cr(An($,_,a,n,i,s),a,n))},focusSectionStart(){a.days?A(w):a.weeks?A(vn($,n)):(a.months||a.years)&&A(ir($))},focusSectionEnd(){a.days?A(P):a.weeks?A(H5($,n)):(a.months||a.years)&&A(Uo($))},focusNextSection(_){if(!_&&!a.days){A($.add(Im(a)));return}a.days?this.focusNextPage():a.weeks?A($.add({months:1})):(a.months||a.years)&&A($.add({years:1}))},focusPreviousSection(_){if(!_&&!a.days){A($.subtract(Im(a)));return}a.days?this.focusPreviousPage():a.weeks?A($.subtract({months:1})):(a.months||a.years)&&A($.subtract({years:1}))},selectFocusedDate(){R($)},selectDate(_){R(_)},isFocused:M,setFocused:F,isInvalid(_){return Fr(_,i,s)},isSelected(_){return m!=null&&De(_,m)&&!this.isCellDisabled(_)&&!this.isCellUnavailable(_)},isCellFocused(_){return M&&$&&De(_,$)},isCellDisabled(_){return e.isDisabled||_.compare(w)<0||_.compare(P)>0||this.isInvalid(_,i,s)},isCellUnavailable(_){return e.isDateUnavailable&&e.isDateUnavailable(_)},isPreviousVisibleRangeInvalid(){let _=w.subtract({days:1});return De(_,w)||this.isInvalid(_,i,s)},isNextVisibleRangeInvalid(){let _=P.add({days:1});return De(_,P)||this.isInvalid(_,i,s)},getDatesInWeek(_,I=w){let j=I.add({weeks:_}),Q=[];j=vn(j,n);let U=Bo(j,n);for(let J=0;J<U;J++)Q.push(null);for(;Q.length<7;){Q.push(j);let J=j.add({days:1});if(De(j,J))break;j=J}for(;Q.length<7;)Q.push(null);return Q}}}function Im(e){let t={...e};for(let r in e)t[r]=1;return t}function HE(e){let{value:t,defaultValue:r,onChange:n,createCalendar:o,locale:a,visibleDuration:i={months:1},minValue:s,maxValue:c,...d}=e,[u,f]=ut(t,r||null,n),[p,m]=l.useState(null),b="center";if(u&&u.start&&u.end){let Q=Ws(Ue(u.start),i,a,s,c).add(i).subtract({days:1});u.end.compare(Q)>0&&(b="start")}let g=l.useRef(null),[v,$]=l.useState(null),x=l.useMemo(()=>is(s,v==null?void 0:v.start),[s,v]),w=l.useMemo(()=>as(c,v==null?void 0:v.end),[c,v]),y=WE({...d,value:u&&u.start,createCalendar:o,locale:a,visibleDuration:i,minValue:x,maxValue:w,selectionAlignment:b}),M=j=>{j&&e.isDateUnavailable&&!e.allowsNonContiguousRanges?(g.current={start:Mm(j,y,-1),end:Mm(j,y,1)},$(g.current)):(g.current=null,$(null))},F=l.useRef(y.visibleRange);(!rs(y.visibleRange.start,F.current.start)||!rs(y.visibleRange.end,F.current.end))&&(M(p),F.current=y.visibleRange);let P=j=>{j?(m(j),M(j)):(m(null),M(null))},k=p?Gs(p,y.focusedDate):u&&Gs(u.start,u.end),A=j=>{if(!e.isReadOnly&&(j=Ft(j,x,w),j=Cm(j,y.visibleRange.start,e.isDateUnavailable),!!j))if(!p)P(j);else{let Q=Gs(p,j);f({start:Am(Q.start,u==null?void 0:u.start),end:Am(Q.end,u==null?void 0:u.end)}),P(null)}},[R,T]=l.useState(!1),{isDateUnavailable:N}=e,_=l.useMemo(()=>!u||p?!1:N&&(N(u.start)||N(u.end))?!0:Fr(u.start,s,c)||Fr(u.end,s,c),[N,u,p,s,c]),I=e.validationState||(_?"invalid":null);return{...y,value:u,setValue:f,anchorDate:p,setAnchorDate:P,highlightedRange:k,validationState:I,selectFocusedDate(){A(y.focusedDate)},selectDate:A,highlightDate(j){p&&y.setFocusedDate(j)},isSelected(j){return k&&j.compare(k.start)>=0&&j.compare(k.end)<=0&&!y.isCellDisabled(j)&&!y.isCellUnavailable(j)},isInvalid(j){var Q,U;return y.isInvalid(j)||Fr(j,(Q=g.current)===null||Q===void 0?void 0:Q.start,(U=g.current)===null||U===void 0?void 0:U.end)},isDragging:R,setDragging:T}}function Gs(e,t){return!e||!t?null:(t.compare(e)<0&&([e,t]=[t,e]),{start:Ue(e),end:Ue(t)})}function Am(e,t){return e=ve(e,(t==null?void 0:t.calendar)||new Ne),t&&"hour"in t?t.set(e):e}function Mm(e,t,r){let n=e.add({days:r});for(;(r<0?n.compare(t.visibleRange.start)>=0:n.compare(t.visibleRange.end)<=0)&&!t.isCellUnavailable(n);)n=n.add({days:r});return t.isCellUnavailable(n)?n.add({days:-r}):null}function GE({timeZone:e,...t}){const{locale:r}=Fe(),n=Cr(e),o=HE({...t,visibleDuration:{months:2},locale:r,createCalendar:OP,defaultFocusedValue:n}),a=l.useRef(null),{calendarProps:i,prevButtonProps:s,nextButtonProps:c}=kE(t,o,a);return X(yi,{w:"fit-content",p:"100",...i,ref:a,children:[E(Tm,{state:o,calendarProps:i,prevButtonProps:s,nextButtonProps:c}),X(Bs,{gap:"400",justifyContent:"space-between",children:[E(js,{state:o,timeZone:e}),E(js,{state:o,offset:{months:1},timeZone:e})]})]})}function Ys(e){const t=l.useRef({value:e,previous:e});return l.useMemo(()=>(t.current.value!==e&&(t.current.previous=t.current.value,t.current.value=e),t.current.previous),[e])}const Om="Checkbox",[YE,dA]=Me(Om),[qE,ZE]=YE(Om),JE=l.forwardRef((e,t)=>{const{__scopeCheckbox:r,name:n,checked:o,defaultChecked:a,required:i,disabled:s,value:c="on",onCheckedChange:d,...u}=e,[f,p]=l.useState(null),m=me(t,w=>p(w)),b=l.useRef(!1),g=f?!!f.closest("form"):!0,[v=!1,$]=rt({prop:o,defaultProp:a,onChange:d}),x=l.useRef(v);return l.useEffect(()=>{const w=f==null?void 0:f.form;if(w){const y=()=>$(x.current);return w.addEventListener("reset",y),()=>w.removeEventListener("reset",y)}},[f,$]),l.createElement(qE,{scope:r,state:v,disabled:s},l.createElement(se.button,C({type:"button",role:"checkbox","aria-checked":dr(v)?"mixed":v,"aria-required":i,"data-state":Nm(v),"data-disabled":s?"":void 0,disabled:s,value:c},u,{ref:m,onKeyDown:Y(e.onKeyDown,w=>{w.key==="Enter"&&w.preventDefault()}),onClick:Y(e.onClick,w=>{$(y=>dr(y)?!0:!y),g&&(b.current=w.isPropagationStopped(),b.current||w.stopPropagation())})})),g&&l.createElement(eS,{control:f,bubbles:!b.current,name:n,value:c,checked:v,required:i,disabled:s,style:{transform:"translateX(-100%)"}}))}),XE="CheckboxIndicator",QE=l.forwardRef((e,t)=>{const{__scopeCheckbox:r,forceMount:n,...o}=e,a=ZE(XE,r);return l.createElement(Ie,{present:n||dr(a.state)||a.state===!0},l.createElement(se.span,C({"data-state":Nm(a.state),"data-disabled":a.disabled?"":void 0},o,{ref:t,style:{pointerEvents:"none",...e.style}})))}),eS=e=>{const{control:t,checked:r,bubbles:n=!0,...o}=e,a=l.useRef(null),i=Ys(r),s=$o(t);return l.useEffect(()=>{const c=a.current,d=window.HTMLInputElement.prototype,f=Object.getOwnPropertyDescriptor(d,"checked").set;if(i!==r&&f){const p=new Event("click",{bubbles:n});c.indeterminate=dr(r),f.call(c,dr(r)?!1:r),c.dispatchEvent(p)}},[i,r,n]),l.createElement("input",C({type:"checkbox","aria-hidden":!0,defaultChecked:dr(r)?!1:r},o,{tabIndex:-1,ref:a,style:{...e.style,...s,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function dr(e){return e==="indeterminate"}function Nm(e){return dr(e)?"indeterminate":e?"checked":"unchecked"}const tS=JE,rS=QE;function Fm(e){let{id:t,label:r,"aria-labelledby":n,"aria-label":o,labelElementType:a="label"}=e;t=je(t);let i=je(),s={};r?(n=n?`${n} ${i}`:i,s={id:i,htmlFor:a==="label"?t:void 0}):!n&&!o&&console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");let c=hn({id:t,"aria-label":o,"aria-labelledby":n});return{labelProps:s,fieldProps:c}}function Mn(e){let{description:t,errorMessage:r,validationState:n}=e,{labelProps:o,fieldProps:a}=Fm(e),i=mn([!!t,!!r,n]),s=mn([!!t,!!r,n]);return a=ce(a,{"aria-describedby":[i,s,e["aria-describedby"]].filter(Boolean).join(" ")||void 0}),{labelProps:o,fieldProps:a,descriptionProps:{id:i},errorMessageProps:{id:s}}}const nS={small:"7px 8px",large:"11px 12px"},On=S.input`
   padding: ${({paddingSize:e="small"})=>nS[e]}; // add default?
   appearance: none;
   border: 1px solid
@@ -1699,7 +1703,8 @@ Check the top-level render call using <`+G+">.")}return B}}function Q1(D,B){{if(
   display: flex;
   flex-direction: column;
   gap: ${h.sizing_500};
-  padding-block: ${h.sizing_500};
+  padding-top: var(--padding-top, ${h.sizing_500});
+  padding-bottom: var(--padding-bottom, ${h.sizing_500});
   margin: 0 auto;
 `,U4=S.header`
   z-index: 3;
@@ -1740,7 +1745,7 @@ Check the top-level render call using <`+G+">.")}return B}}function Q1(D,B){{if(
   display: flex;
   gap: 4px;
   width: min-content;
-`;function q4({nrOfPages:e,currentPage:t,onPrevious:r,onClick:n,onNext:o,className:a,ariaLabel:i="Pagination Navigation"}){const s=Array.from({length:e},(m,b)=>b),c=6;let d=s;const u=c-1;if(e>5){const m=e-1;t>e-u?d=[0,-1,...s.slice(-u)]:t+1<u?d=[...s.slice(0,u),-1,m]:d=[0,-1,...d.slice(t-1,t),t,...d.slice(t+1,t+2),-1,m]}const f=t===0,p=t===e-1;return X(Y4,{"aria-label":i,className:a,children:[E(Ma,{direction:"left",label:"Previous",disabled:f,onClick:f?void 0:r}),d.map((m,b)=>m>-1?E(Oa,{"aria-current":m===t,"aria-label":`Page ${m+1}`,onClick:()=>n(m),children:m+1},m):E(Oa,{as:"span",children:"..."},`${m}-${b}`)),E(Ma,{direction:"right",label:"Next",title:"next",disabled:p,onClick:p?void 0:o})]})}const hy="Radio",[Z4,by]=Me(hy),[J4,X4]=Z4(hy),Q4=l.forwardRef((e,t)=>{const{__scopeRadio:r,name:n,checked:o=!1,required:a,disabled:i,value:s="on",onCheck:c,...d}=e,[u,f]=l.useState(null),p=me(t,g=>f(g)),m=l.useRef(!1),b=u?!!u.closest("form"):!0;return l.createElement(J4,{scope:r,checked:o,disabled:i},l.createElement(se.button,C({type:"button",role:"radio","aria-checked":o,"data-state":gy(o),"data-disabled":i?"":void 0,disabled:i,value:s},d,{ref:p,onClick:Y(e.onClick,g=>{o||c==null||c(),b&&(m.current=g.isPropagationStopped(),m.current||g.stopPropagation())})})),b&&l.createElement(rT,{control:u,bubbles:!m.current,name:n,value:s,checked:o,required:a,disabled:i,style:{transform:"translateX(-100%)"}}))}),eT="RadioIndicator",tT=l.forwardRef((e,t)=>{const{__scopeRadio:r,forceMount:n,...o}=e,a=X4(eT,r);return l.createElement(Ie,{present:n||a.checked},l.createElement(se.span,C({"data-state":gy(a.checked),"data-disabled":a.disabled?"":void 0},o,{ref:t})))}),rT=e=>{const{control:t,checked:r,bubbles:n=!0,...o}=e,a=l.useRef(null),i=Ys(r),s=$o(t);return l.useEffect(()=>{const c=a.current,d=window.HTMLInputElement.prototype,f=Object.getOwnPropertyDescriptor(d,"checked").set;if(i!==r&&f){const p=new Event("click",{bubbles:n});f.call(c,r),c.dispatchEvent(p)}},[i,r,n]),l.createElement("input",C({type:"radio","aria-hidden":!0,defaultChecked:r},o,{tabIndex:-1,ref:a,style:{...e.style,...s,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function gy(e){return e?"checked":"unchecked"}const nT=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],vy="RadioGroup",[oT,hA]=Me(vy,[zr,by]),yy=zr(),$y=by(),[aT,iT]=oT(vy),sT=l.forwardRef((e,t)=>{const{__scopeRadioGroup:r,name:n,defaultValue:o,value:a,required:i=!1,disabled:s=!1,orientation:c,dir:d,loop:u=!0,onValueChange:f,...p}=e,m=yy(r),b=ga(d),[g,v]=rt({prop:a,defaultProp:o,onChange:f});return l.createElement(aT,{scope:r,name:n,required:i,disabled:s,value:g,onValueChange:v},l.createElement(cl,C({asChild:!0},m,{orientation:c,dir:b,loop:u}),l.createElement(se.div,C({role:"radiogroup","aria-required":i,"aria-orientation":c,"data-disabled":s?"":void 0,dir:b},p,{ref:t}))))}),lT="RadioGroupItem",cT=l.forwardRef((e,t)=>{const{__scopeRadioGroup:r,disabled:n,...o}=e,a=iT(lT,r),i=a.disabled||n,s=yy(r),c=$y(r),d=l.useRef(null),u=me(t,d),f=a.value===o.value,p=l.useRef(!1);return l.useEffect(()=>{const m=g=>{nT.includes(g.key)&&(p.current=!0)},b=()=>p.current=!1;return document.addEventListener("keydown",m),document.addEventListener("keyup",b),()=>{document.removeEventListener("keydown",m),document.removeEventListener("keyup",b)}},[]),l.createElement(dl,C({asChild:!0},s,{focusable:!i,active:f}),l.createElement(Q4,C({disabled:i,required:a.required,checked:f},c,o,{name:a.name,ref:u,onCheck:()=>a.onValueChange(o.value),onKeyDown:Y(m=>{m.key==="Enter"&&m.preventDefault()}),onFocus:Y(o.onFocus,()=>{var m;p.current&&((m=d.current)===null||m===void 0||m.click())})})))}),dT=l.forwardRef((e,t)=>{const{__scopeRadioGroup:r,...n}=e,o=$y(r);return l.createElement(tT,C({},o,n,{ref:t}))}),uT=sT,fT=cT,pT=dT,xy=S(fT)`
+`;function q4({nrOfPages:e,currentPage:t,onPrevious:r,onClick:n,onNext:o,className:a,ariaLabel:i="Pagination Navigation",displayAtMost:s=6}){const c=Array.from({length:e},(m,b)=>b);let d=c;const u=s-1;if(e>u){const b=e-1;if(t>e-u)d=[0,-1,...c.slice(-u)];else if(t+1<u)d=[...c.slice(0,u),-1,b];else{const g=Math.round(s/2);d=[0,-1,...d.slice(t-g,t),t,...d.slice(t+1,t+g+1),-1,b]}}const f=t===0,p=t===e-1;return X(Y4,{"aria-label":i,className:a,children:[E(Ma,{direction:"left",label:"Previous",disabled:f,onClick:f?void 0:r}),d.map((m,b)=>m>-1?E(Oa,{"aria-current":m===t,"aria-label":`Page ${m+1}`,onClick:()=>n(m),children:m+1},`${m}-${b}`):E(Oa,{as:"span",children:"..."},`${m}-${b}`)),E(Ma,{direction:"right",label:"Next",title:"next",disabled:p,onClick:p?void 0:o})]})}const hy="Radio",[Z4,by]=Me(hy),[J4,X4]=Z4(hy),Q4=l.forwardRef((e,t)=>{const{__scopeRadio:r,name:n,checked:o=!1,required:a,disabled:i,value:s="on",onCheck:c,...d}=e,[u,f]=l.useState(null),p=me(t,g=>f(g)),m=l.useRef(!1),b=u?!!u.closest("form"):!0;return l.createElement(J4,{scope:r,checked:o,disabled:i},l.createElement(se.button,C({type:"button",role:"radio","aria-checked":o,"data-state":gy(o),"data-disabled":i?"":void 0,disabled:i,value:s},d,{ref:p,onClick:Y(e.onClick,g=>{o||c==null||c(),b&&(m.current=g.isPropagationStopped(),m.current||g.stopPropagation())})})),b&&l.createElement(rT,{control:u,bubbles:!m.current,name:n,value:s,checked:o,required:a,disabled:i,style:{transform:"translateX(-100%)"}}))}),eT="RadioIndicator",tT=l.forwardRef((e,t)=>{const{__scopeRadio:r,forceMount:n,...o}=e,a=X4(eT,r);return l.createElement(Ie,{present:n||a.checked},l.createElement(se.span,C({"data-state":gy(a.checked),"data-disabled":a.disabled?"":void 0},o,{ref:t})))}),rT=e=>{const{control:t,checked:r,bubbles:n=!0,...o}=e,a=l.useRef(null),i=Ys(r),s=$o(t);return l.useEffect(()=>{const c=a.current,d=window.HTMLInputElement.prototype,f=Object.getOwnPropertyDescriptor(d,"checked").set;if(i!==r&&f){const p=new Event("click",{bubbles:n});f.call(c,r),c.dispatchEvent(p)}},[i,r,n]),l.createElement("input",C({type:"radio","aria-hidden":!0,defaultChecked:r},o,{tabIndex:-1,ref:a,style:{...e.style,...s,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function gy(e){return e?"checked":"unchecked"}const nT=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],vy="RadioGroup",[oT,hA]=Me(vy,[zr,by]),yy=zr(),$y=by(),[aT,iT]=oT(vy),sT=l.forwardRef((e,t)=>{const{__scopeRadioGroup:r,name:n,defaultValue:o,value:a,required:i=!1,disabled:s=!1,orientation:c,dir:d,loop:u=!0,onValueChange:f,...p}=e,m=yy(r),b=ga(d),[g,v]=rt({prop:a,defaultProp:o,onChange:f});return l.createElement(aT,{scope:r,name:n,required:i,disabled:s,value:g,onValueChange:v},l.createElement(cl,C({asChild:!0},m,{orientation:c,dir:b,loop:u}),l.createElement(se.div,C({role:"radiogroup","aria-required":i,"aria-orientation":c,"data-disabled":s?"":void 0,dir:b},p,{ref:t}))))}),lT="RadioGroupItem",cT=l.forwardRef((e,t)=>{const{__scopeRadioGroup:r,disabled:n,...o}=e,a=iT(lT,r),i=a.disabled||n,s=yy(r),c=$y(r),d=l.useRef(null),u=me(t,d),f=a.value===o.value,p=l.useRef(!1);return l.useEffect(()=>{const m=g=>{nT.includes(g.key)&&(p.current=!0)},b=()=>p.current=!1;return document.addEventListener("keydown",m),document.addEventListener("keyup",b),()=>{document.removeEventListener("keydown",m),document.removeEventListener("keyup",b)}},[]),l.createElement(dl,C({asChild:!0},s,{focusable:!i,active:f}),l.createElement(Q4,C({disabled:i,required:a.required,checked:f},c,o,{name:a.name,ref:u,onCheck:()=>a.onValueChange(o.value),onKeyDown:Y(m=>{m.key==="Enter"&&m.preventDefault()}),onFocus:Y(o.onFocus,()=>{var m;p.current&&((m=d.current)===null||m===void 0||m.click())})})))}),dT=l.forwardRef((e,t)=>{const{__scopeRadioGroup:r,...n}=e,o=$y(r);return l.createElement(tT,C({},o,n,{ref:t}))}),uT=sT,fT=cT,pT=dT,xy=S(fT)`
   all: unset;
   --radio-width: ${h.sizing_600};
   --inner-circle-color: ${h.color_white};