@lifesg/react-design-system 1.0.0-alpha.20 → 1.0.0-alpha.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/animations/index.d.ts +1 -0
  2. package/animations/index.js +6 -3
  3. package/animations/index.js.map +1 -1
  4. package/animations/loading-dots-spinner/loading-dots-spinner.d.ts +2 -0
  5. package/animations/loading-dots-spinner/lottie-animation.d.ts +2 -0
  6. package/calendar/calendar-day.d.ts +11 -0
  7. package/calendar/calendar-day.style.d.ts +23 -0
  8. package/calendar/calendar-month.d.ts +12 -0
  9. package/calendar/calendar-month.style.d.ts +12 -0
  10. package/calendar/calendar-year.d.ts +12 -0
  11. package/calendar/calendar-year.style.d.ts +12 -0
  12. package/calendar/calendar.d.ts +4 -0
  13. package/calendar/calendar.style.d.ts +35 -0
  14. package/calendar/index.d.ts +2 -0
  15. package/calendar/index.js +381 -0
  16. package/calendar/index.js.map +1 -0
  17. package/calendar/package.json +7 -0
  18. package/calendar/types.d.ts +15 -0
  19. package/cjs/index.js +426 -221
  20. package/cjs/index.js.map +1 -1
  21. package/date-input/index.js +115 -115
  22. package/date-input/index.js.map +1 -1
  23. package/error-display/index.js +1 -0
  24. package/error-display/index.js.map +1 -1
  25. package/form/index.js +440 -471
  26. package/form/index.js.map +1 -1
  27. package/index.d.ts +1 -0
  28. package/index.js +461 -256
  29. package/index.js.map +1 -1
  30. package/input/index.js +71 -70
  31. package/input/index.js.map +1 -1
  32. package/input/input.style.d.ts +3 -7
  33. package/input-group/index.js +375 -363
  34. package/input-group/index.js.map +1 -1
  35. package/input-group/input-group-list-addon.d.ts +1 -1
  36. package/input-group/input-group-list-addon.style.d.ts +9 -1
  37. package/input-group/input-group.style.d.ts +4 -7
  38. package/input-group/types.d.ts +3 -2
  39. package/input-select/index.js +10 -4
  40. package/input-select/index.js.map +1 -1
  41. package/otp-input/index.d.ts +2 -0
  42. package/otp-input/index.js +600 -0
  43. package/otp-input/index.js.map +1 -0
  44. package/otp-input/otp-input.d.ts +3 -0
  45. package/otp-input/otp-input.styles.d.ts +5 -0
  46. package/otp-input/package.json +7 -0
  47. package/otp-input/types.d.ts +22 -0
  48. package/package.json +1 -1
  49. package/phone-number-input/index.d.ts +1 -0
  50. package/phone-number-input/index.js +375 -365
  51. package/phone-number-input/index.js.map +1 -1
  52. package/phone-number-input/phone-number-input-helper.d.ts +2 -2
  53. package/phone-number-input/phone-number-input.d.ts +1 -1
  54. package/phone-number-input/types.d.ts +9 -0
  55. package/shared/dropdown-list/dropdown-list.d.ts +1 -1
  56. package/shared/dropdown-list/types.d.ts +1 -0
  57. package/shared/input-wrapper/input-wrapper.d.ts +8 -0
  58. package/unit-number/index.js +256 -302
  59. package/unit-number/index.js.map +1 -1
  60. package/unit-number/unit-number-input.style.d.ts +7 -12
  61. package/util/calendar-helper.d.ts +10 -0
  62. package/util/index.d.ts +1 -0
  63. package/phone-number-input/phone-number-input.styles.d.ts +0 -1
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const LoadingDotsSpinner: () => JSX.Element;
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const LottieLoadingDotsSpinner: () => JSX.Element;
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ import { Dayjs } from "dayjs";
3
+ import { CalendarProps } from "./types";
4
+ export declare type DayVariant = "default" | "other-month" | "today";
5
+ interface CalendarDayProps extends Pick<CalendarProps, "disabledDates"> {
6
+ selectedStartDate: string;
7
+ calendarDate: Dayjs;
8
+ onSelect: (value: Dayjs) => void;
9
+ }
10
+ export declare const CalendarDay: ({ calendarDate, disabledDates, selectedStartDate, onSelect, }: CalendarDayProps) => JSX.Element;
11
+ export {};
@@ -0,0 +1,23 @@
1
+ import { DayVariant } from "./calendar-day";
2
+ export interface DayCellStyleProps {
3
+ $point?: "start" | "middle" | "end";
4
+ $hovered?: boolean;
5
+ $disabled?: boolean;
6
+ }
7
+ interface DayLabelStyleProps {
8
+ $variant: DayVariant;
9
+ $disabled: boolean;
10
+ $selected: boolean;
11
+ }
12
+ interface OverflowDisplayProps {
13
+ $position: "left" | "right";
14
+ }
15
+ interface InteractiveCircleProps extends DayLabelStyleProps {
16
+ }
17
+ export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
18
+ export declare const HeaderCell: import("styled-components").StyledComponent<"div", any, {}, never>;
19
+ export declare const GrowDayCell: import("styled-components").StyledComponent<"div", any, DayCellStyleProps, never>;
20
+ export declare const OverflowDisplay: import("styled-components").StyledComponent<"div", any, OverflowDisplayProps, never>;
21
+ export declare const InteractiveCircle: import("styled-components").StyledComponent<"div", any, InteractiveCircleProps, never>;
22
+ export declare const DayLabel: import("styled-components").StyledComponent<"h5", any, import("../text").TextProps & DayLabelStyleProps, never>;
23
+ export {};
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import { Dayjs } from "dayjs";
3
+ import { CalendarType } from "./types";
4
+ export declare type MonthVariant = "default" | "current-month" | "selected-month";
5
+ interface Props {
6
+ calendarDate: Dayjs;
7
+ selectedStartDate: string;
8
+ type: CalendarType;
9
+ onSelect: (value: Dayjs) => void;
10
+ }
11
+ export declare const CalendarMonth: ({ calendarDate, selectedStartDate, type, onSelect, }: Props) => JSX.Element;
12
+ export {};
@@ -0,0 +1,12 @@
1
+ import { MonthVariant } from "./calendar-month";
2
+ import { CalendarType } from "./types";
3
+ interface StyleProps {
4
+ $variant: MonthVariant;
5
+ }
6
+ interface WrapperStyleProps {
7
+ $type: CalendarType;
8
+ }
9
+ export declare const Wrapper: import("styled-components").StyledComponent<"div", any, WrapperStyleProps, never>;
10
+ export declare const MonthCell: import("styled-components").StyledComponent<"div", any, StyleProps, never>;
11
+ export declare const CellLabel: import("styled-components").StyledComponent<"h5", any, import("..").TextProps & StyleProps, never>;
12
+ export {};
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import { Dayjs } from "dayjs";
3
+ import { CalendarType } from "./types";
4
+ export declare type YearVariant = "default" | "current-year" | "other-decade" | "selected-year";
5
+ interface Props {
6
+ calendarDate: Dayjs;
7
+ selectedStartDate: string;
8
+ type: CalendarType;
9
+ onSelect: (value: Dayjs) => void;
10
+ }
11
+ export declare const CalendarYear: ({ calendarDate, selectedStartDate, type, onSelect, }: Props) => JSX.Element;
12
+ export {};
@@ -0,0 +1,12 @@
1
+ import { YearVariant } from "./calendar-year";
2
+ import { CalendarType } from "./types";
3
+ interface StyleProps {
4
+ $variant: YearVariant;
5
+ }
6
+ interface WrapperStyleProps {
7
+ $type: CalendarType;
8
+ }
9
+ export declare const Wrapper: import("styled-components").StyledComponent<"div", any, WrapperStyleProps, never>;
10
+ export declare const YearCell: import("styled-components").StyledComponent<"div", any, StyleProps, never>;
11
+ export declare const CellLabel: import("styled-components").StyledComponent<"h5", any, import("..").TextProps & StyleProps, never>;
12
+ export {};
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { CalendarProps } from "./types";
3
+ export declare type View = "default" | "month-options" | "year-options";
4
+ export declare const Calendar: ({ disabledDates, onSelect, value, type, ...otherProps }: CalendarProps) => JSX.Element;
@@ -0,0 +1,35 @@
1
+ /// <reference types="react" />
2
+ import { CalendarType } from "./types";
3
+ interface ContainerStyleProps {
4
+ $type: CalendarType;
5
+ }
6
+ interface SideArrowButtonStyleProps {
7
+ $direction: "left" | "right";
8
+ }
9
+ interface DropdownButtonStyleProps {
10
+ $expandedDisplay: boolean;
11
+ $visible?: boolean;
12
+ }
13
+ interface OverlayStyleProps {
14
+ $visible?: boolean;
15
+ }
16
+ export declare const Container: import("styled-components").StyledComponent<"div", any, ContainerStyleProps, never>;
17
+ export declare const ContentBody: import("styled-components").StyledComponent<"div", any, {}, never>;
18
+ export declare const ToggleZone: import("styled-components").StyledComponent<"div", any, {}, never>;
19
+ export declare const OptionsOverlay: import("styled-components").StyledComponent<"div", any, OverlayStyleProps, never>;
20
+ export declare const HeaderDropdown: import("styled-components").StyledComponent<"div", any, {}, never>;
21
+ export declare const DropdownButton: import("styled-components").StyledComponent<"button", any, DropdownButtonStyleProps, never>;
22
+ export declare const SideArrowButton: import("styled-components").StyledComponent<(props: import("../icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, any, SideArrowButtonStyleProps, never>;
23
+ export declare const ArrowLeft: import("styled-components").StyledComponent<{
24
+ (props: import("react").SVGProps<SVGSVGElement>): JSX.Element;
25
+ displayName: string;
26
+ }, any, {}, never>;
27
+ export declare const ArrowRight: import("styled-components").StyledComponent<{
28
+ (props: import("react").SVGProps<SVGSVGElement>): JSX.Element;
29
+ displayName: string;
30
+ }, any, {}, never>;
31
+ export declare const IconChevronDown: import("styled-components").StyledComponent<{
32
+ (props: import("react").SVGProps<SVGSVGElement>): JSX.Element;
33
+ displayName: string;
34
+ }, any, {}, never>;
35
+ export {};
@@ -0,0 +1,2 @@
1
+ export * from "./calendar";
2
+ export * from "./types";
@@ -0,0 +1,381 @@
1
+ import t,{jsxs as e,jsx as n}from"react/jsx-runtime";import r,{useMemo as i,useState as a,useEffect as o}from"react";import l,{css as c}from"styled-components";var s="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},u={exports:{}},d=u.exports=function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",a="minute",o="hour",l="day",c="week",s="month",u="quarter",d="year",h="date",f="Invalid Date",g=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,p=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,m={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return"["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},y=function(t,e,n){var r=String(t);return!r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},$={s:y,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return(e<=0?"+":"-")+y(r,2,"0")+":"+y(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return-t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,s),a=n-i<0,o=e.clone().add(r+(a?-1:1),s);return+(-(r+(n-i)/(a?i-o:o-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:s,y:d,w:c,d:l,D:h,h:o,m:a,s:i,ms:r,Q:u}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},v="en",S={};S[v]=m;var D=function(t){return t instanceof H},F=function t(e,n,r){var i;if(!e)return v;if("string"==typeof e){var a=e.toLowerCase();S[a]&&(i=a),n&&(S[a]=n,i=a);var o=e.split("-");if(!i&&o.length>1)return t(o[0])}else{var l=e.name;S[l]=e,i=l}return!r&&i&&(v=i),i||!r&&v},b=function(t,e){if(D(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new H(n)},w=$;w.l=F,w.i=D,w.w=function(t,e){return b(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var H=function(){function m(t){this.$L=F(t.locale,null,!0),this.parse(t)}var y=m.prototype;return y.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(w.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match(g);if(r){var i=r[2]-1||0,a=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,a)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,a)}}return new Date(e)}(t),this.$x=t.x||{},this.init()},y.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},y.$utils=function(){return w},y.isValid=function(){return!(this.$d.toString()===f)},y.isSame=function(t,e){var n=b(t);return this.startOf(e)<=n&&n<=this.endOf(e)},y.isAfter=function(t,e){return b(t)<this.startOf(e)},y.isBefore=function(t,e){return this.endOf(e)<b(t)},y.$g=function(t,e,n){return w.u(t)?this[e]:this.set(n,t)},y.unix=function(){return Math.floor(this.valueOf()/1e3)},y.valueOf=function(){return this.$d.getTime()},y.startOf=function(t,e){var n=this,r=!!w.u(e)||e,u=w.p(t),f=function(t,e){var i=w.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(l)},g=function(t,e){return w.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},p=this.$W,m=this.$M,y=this.$D,$="set"+(this.$u?"UTC":"");switch(u){case d:return r?f(1,0):f(31,11);case s:return r?f(1,m):f(0,m+1);case c:var v=this.$locale().weekStart||0,S=(p<v?p+7:p)-v;return f(r?y-S:y+(6-S),m);case l:case h:return g($+"Hours",0);case o:return g($+"Minutes",1);case a:return g($+"Seconds",2);case i:return g($+"Milliseconds",3);default:return this.clone()}},y.endOf=function(t){return this.startOf(t,!1)},y.$set=function(t,e){var n,c=w.p(t),u="set"+(this.$u?"UTC":""),f=(n={},n[l]=u+"Date",n[h]=u+"Date",n[s]=u+"Month",n[d]=u+"FullYear",n[o]=u+"Hours",n[a]=u+"Minutes",n[i]=u+"Seconds",n[r]=u+"Milliseconds",n)[c],g=c===l?this.$D+(e-this.$W):e;if(c===s||c===d){var p=this.clone().set(h,1);p.$d[f](g),p.init(),this.$d=p.set(h,Math.min(this.$D,p.daysInMonth())).$d}else f&&this.$d[f](g);return this.init(),this},y.set=function(t,e){return this.clone().$set(t,e)},y.get=function(t){return this[w.p(t)]()},y.add=function(r,u){var h,f=this;r=Number(r);var g=w.p(u),p=function(t){var e=b(f);return w.w(e.date(e.date()+Math.round(t*r)),f)};if(g===s)return this.set(s,this.$M+r);if(g===d)return this.set(d,this.$y+r);if(g===l)return p(1);if(g===c)return p(7);var m=(h={},h[a]=e,h[o]=n,h[i]=t,h)[g]||1,y=this.$d.getTime()+r*m;return w.w(y,this)},y.subtract=function(t,e){return this.add(-1*t,e)},y.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||f;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=w.z(this),a=this.$H,o=this.$m,l=this.$M,c=n.weekdays,s=n.months,u=function(t,n,i,a){return t&&(t[n]||t(e,r))||i[n].slice(0,a)},d=function(t){return w.s(a%12||12,t,"0")},h=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},g={YY:String(this.$y).slice(-2),YYYY:this.$y,M:l+1,MM:w.s(l+1,2,"0"),MMM:u(n.monthsShort,l,s,3),MMMM:u(s,l),D:this.$D,DD:w.s(this.$D,2,"0"),d:String(this.$W),dd:u(n.weekdaysMin,this.$W,c,2),ddd:u(n.weekdaysShort,this.$W,c,3),dddd:c[this.$W],H:String(a),HH:w.s(a,2,"0"),h:d(1),hh:d(2),a:h(a,o,!0),A:h(a,o,!1),m:String(o),mm:w.s(o,2,"0"),s:String(this.$s),ss:w.s(this.$s,2,"0"),SSS:w.s(this.$ms,3,"0"),Z:i};return r.replace(p,(function(t,e){return e||g[t]||i.replace(":","")}))},y.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},y.diff=function(r,h,f){var g,p=w.p(h),m=b(r),y=(m.utcOffset()-this.utcOffset())*e,$=this-m,v=w.m(this,m);return v=(g={},g[d]=v/12,g[s]=v,g[u]=v/3,g[c]=($-y)/6048e5,g[l]=($-y)/864e5,g[o]=$/n,g[a]=$/e,g[i]=$/t,g)[p]||$,f?v:w.a(v)},y.daysInMonth=function(){return this.endOf(s).$D},y.$locale=function(){return S[this.$L]},y.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=F(t,e,!0);return r&&(n.$L=r),n},y.clone=function(){return w.w(this.$d,this)},y.toDate=function(){return new Date(this.valueOf())},y.toJSON=function(){return this.isValid()?this.toISOString():null},y.toISOString=function(){return this.$d.toISOString()},y.toString=function(){return this.$d.toUTCString()},m}(),C=H.prototype;return b.prototype=C,[["$ms",r],["$s",i],["$m",a],["$H",o],["$W",l],["$M",s],["$y",d],["$D",h]].forEach((function(t){C[t[1]]=function(e){return this.$g(e,t[0],t[1])}})),b.extend=function(t,e){return t.$i||(t(e,H,b),t.$i=!0),b},b.locale=F,b.isDayjs=D,b.unix=function(t){return b(1e3*t)},b.en=S[v],b.Ls=S,b.p={},b}();const h={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},f={D1:{fontFamily:h.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:h.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:h.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:h.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:h.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:h.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:h.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:h.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:h.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:h.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:h.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:h.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:h.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:h.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}};var g=Array.isArray,p="object"==typeof s&&s&&s.Object===Object&&s,m="object"==typeof self&&self&&self.Object===Object&&self,y=p||m||Function("return this")(),$=y.Symbol,v=$,S=Object.prototype,D=S.hasOwnProperty,F=S.toString,b=v?v.toStringTag:void 0;var w=function(t){var e=D.call(t,b),n=t[b];try{t[b]=void 0;var r=!0}catch(t){}var i=F.call(t);return r&&(e?t[b]=n:delete t[b]),i},H=Object.prototype.toString;var C=w,B=function(t){return H.call(t)},_=$?$.toStringTag:void 0;var x=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":_&&_ in Object(t)?C(t):B(t)};var M=x,k=function(t){return null!=t&&"object"==typeof t};var O=function(t){return"symbol"==typeof t||k(t)&&"[object Symbol]"==M(t)},z=g,A=O,j=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,N=/^\w*$/;var W=function(t,e){if(z(t))return!1;var n=typeof t;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=t&&!A(t))||(N.test(t)||!j.test(t)||null!=e&&t in Object(e))};var Y=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)},L=x,E=Y;var T,I=function(t){if(!E(t))return!1;var e=L(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},V=y["__core-js_shared__"],P=(T=/[^.]+$/.exec(V&&V.keys&&V.keys.IE_PROTO||""))?"Symbol(src)_1."+T:"";var R=function(t){return!!P&&P in t},X=Function.prototype.toString;var Z=I,G=R,U=Y,J=function(t){if(null!=t){try{return X.call(t)}catch(t){}try{return t+""}catch(t){}}return""},q=/^\[object .+?Constructor\]$/,Q=Function.prototype,K=Object.prototype,tt=Q.toString,et=K.hasOwnProperty,nt=RegExp("^"+tt.call(et).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var rt=function(t){return!(!U(t)||G(t))&&(Z(t)?nt:q).test(J(t))},it=function(t,e){return null==t?void 0:t[e]};var at=function(t,e){var n=it(t,e);return rt(n)?n:void 0},ot=at(Object,"create"),lt=ot;var ct=function(){this.__data__=lt?lt(null):{},this.size=0};var st=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},ut=ot,dt=Object.prototype.hasOwnProperty;var ht=function(t){var e=this.__data__;if(ut){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return dt.call(e,t)?e[t]:void 0},ft=ot,gt=Object.prototype.hasOwnProperty;var pt=ot;var mt=ct,yt=st,$t=ht,vt=function(t){var e=this.__data__;return ft?void 0!==e[t]:gt.call(e,t)},St=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=pt&&void 0===e?"__lodash_hash_undefined__":e,this};function Dt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}Dt.prototype.clear=mt,Dt.prototype.delete=yt,Dt.prototype.get=$t,Dt.prototype.has=vt,Dt.prototype.set=St;var Ft=Dt;var bt=function(){this.__data__=[],this.size=0};var wt=function(t,e){return t===e||t!=t&&e!=e};var Ht=function(t,e){for(var n=t.length;n--;)if(wt(t[n][0],e))return n;return-1},Ct=Ht,Bt=Array.prototype.splice;var _t=Ht;var xt=Ht;var Mt=Ht;var kt=bt,Ot=function(t){var e=this.__data__,n=Ct(e,t);return!(n<0)&&(n==e.length-1?e.pop():Bt.call(e,n,1),--this.size,!0)},zt=function(t){var e=this.__data__,n=_t(e,t);return n<0?void 0:e[n][1]},At=function(t){return xt(this.__data__,t)>-1},jt=function(t,e){var n=this.__data__,r=Mt(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this};function Nt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}Nt.prototype.clear=kt,Nt.prototype.delete=Ot,Nt.prototype.get=zt,Nt.prototype.has=At,Nt.prototype.set=jt;var Wt=Nt,Yt=at(y,"Map"),Lt=Ft,Et=Wt,Tt=Yt;var It=function(t){var e=typeof t;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==t:null===t};var Vt=function(t,e){var n=t.__data__;return It(e)?n["string"==typeof e?"string":"hash"]:n.map},Pt=Vt;var Rt=Vt;var Xt=Vt;var Zt=Vt;var Gt=function(){this.size=0,this.__data__={hash:new Lt,map:new(Tt||Et),string:new Lt}},Ut=function(t){var e=Pt(this,t).delete(t);return this.size-=e?1:0,e},Jt=function(t){return Rt(this,t).get(t)},qt=function(t){return Xt(this,t).has(t)},Qt=function(t,e){var n=Zt(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this};function Kt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}Kt.prototype.clear=Gt,Kt.prototype.delete=Ut,Kt.prototype.get=Jt,Kt.prototype.has=qt,Kt.prototype.set=Qt;var te=Kt;function ee(t,e){if("function"!=typeof t||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var n=function(){var r=arguments,i=e?e.apply(this,r):r[0],a=n.cache;if(a.has(i))return a.get(i);var o=t.apply(this,r);return n.cache=a.set(i,o)||a,o};return n.cache=new(ee.Cache||te),n}ee.Cache=te;var ne=ee;var re=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,ie=/\\(\\)?/g,ae=function(t){var e=ne(t,(function(t){return 500===n.size&&n.clear(),t})),n=e.cache;return e}((function(t){var e=[];return 46===t.charCodeAt(0)&&e.push(""),t.replace(re,(function(t,n,r,i){e.push(r?i.replace(ie,"$1"):n||t)})),e}));var oe=function(t,e){for(var n=-1,r=null==t?0:t.length,i=Array(r);++n<r;)i[n]=e(t[n],n,t);return i},le=g,ce=O,se=$?$.prototype:void 0,ue=se?se.toString:void 0;var de=function t(e){if("string"==typeof e)return e;if(le(e))return oe(e,t)+"";if(ce(e))return ue?ue.call(e):"";var n=e+"";return"0"==n&&1/e==-Infinity?"-0":n},he=de;var fe=g,ge=W,pe=ae,me=function(t){return null==t?"":he(t)};var ye=O;var $e=function(t,e){return fe(t)?t:ge(t,e)?[t]:pe(me(t))},ve=function(t){if("string"==typeof t||ye(t))return t;var e=t+"";return"0"==e&&1/t==-Infinity?"-0":e};var Se=function(t,e){for(var n=0,r=(e=$e(e,t)).length;null!=t&&n<r;)t=t[ve(e[n++])];return n&&n==r?t:void 0};var De=function(t,e,n){var r=null==t?void 0:Se(t,e);return void 0===r?n:r};const Fe=(t,e,n)=>e?De(n,e)||De(t,e):n||t,be=(t,e)=>{const n=e||t.defaultValue;return De(t.collections,n)};var we;!function(t){t.colorScheme="colorScheme",t.layout="layout",t.textStyleScheme="textStyleScheme",t.designTokenScheme="designTokenScheme"}(we||(we={}));const He={collections:{base:f},defaultValue:"base"},Ce=t=>e=>{const n=e.theme,r=be(He,n[we.textStyleScheme]);return n.options&&n.options.textStyle?Fe(r,t,n.options.textStyle):Fe(r,t)},Be={D1:{fontFamily:Ce("D1.fontFamily"),fontSize:Ce("D1.fontSize"),fontWeight:Ce("D1.fontWeight"),lineHeight:Ce("D1.lineHeight"),letterSpacing:Ce("D1.letterSpacing")},D2:{fontFamily:Ce("D2.fontFamily"),fontSize:Ce("D2.fontSize"),fontWeight:Ce("D2.fontWeight"),lineHeight:Ce("D2.lineHeight"),letterSpacing:Ce("D2.letterSpacing")},D3:{fontFamily:Ce("D3.fontFamily"),fontSize:Ce("D3.fontSize"),fontWeight:Ce("D3.fontWeight"),lineHeight:Ce("D3.lineHeight"),letterSpacing:Ce("D3.letterSpacing")},D4:{fontFamily:Ce("D4.fontFamily"),fontSize:Ce("D4.fontSize"),fontWeight:Ce("D4.fontWeight"),lineHeight:Ce("D4.lineHeight"),letterSpacing:Ce("D4.letterSpacing")},DBody:{fontFamily:Ce("DBody.fontFamily"),fontSize:Ce("DBody.fontSize"),fontWeight:Ce("DBody.fontWeight"),lineHeight:Ce("DBody.lineHeight"),letterSpacing:Ce("DBody.letterSpacing")},H1:{fontFamily:Ce("H1.fontFamily"),fontSize:Ce("H1.fontSize"),fontWeight:Ce("H1.fontWeight"),lineHeight:Ce("H1.lineHeight"),letterSpacing:Ce("H1.letterSpacing")},H2:{fontFamily:Ce("H2.fontFamily"),fontSize:Ce("H2.fontSize"),fontWeight:Ce("H2.fontWeight"),lineHeight:Ce("H2.lineHeight"),letterSpacing:Ce("H2.letterSpacing")},H3:{fontFamily:Ce("H3.fontFamily"),fontSize:Ce("H3.fontSize"),fontWeight:Ce("H3.fontWeight"),lineHeight:Ce("H3.lineHeight"),letterSpacing:Ce("H3.letterSpacing")},H4:{fontFamily:Ce("H4.fontFamily"),fontSize:Ce("H4.fontSize"),fontWeight:Ce("H4.fontWeight"),lineHeight:Ce("H4.lineHeight"),letterSpacing:Ce("H4.letterSpacing")},H5:{fontFamily:Ce("H5.fontFamily"),fontSize:Ce("H5.fontSize"),fontWeight:Ce("H5.fontWeight"),lineHeight:Ce("H5.lineHeight"),letterSpacing:Ce("H5.letterSpacing")},H6:{fontFamily:Ce("H6.fontFamily"),fontSize:Ce("H6.fontSize"),fontWeight:Ce("H6.fontWeight"),lineHeight:Ce("H6.lineHeight"),letterSpacing:Ce("H6.letterSpacing")},Body:{fontFamily:Ce("Body.fontFamily"),fontSize:Ce("Body.fontSize"),fontWeight:Ce("Body.fontWeight"),lineHeight:Ce("Body.lineHeight"),letterSpacing:Ce("Body.letterSpacing")},BodySmall:{fontFamily:Ce("BodySmall.fontFamily"),fontSize:Ce("BodySmall.fontSize"),fontWeight:Ce("BodySmall.fontWeight"),lineHeight:Ce("BodySmall.lineHeight"),letterSpacing:Ce("BodySmall.letterSpacing")},XSmall:{fontFamily:Ce("XSmall.fontFamily"),fontSize:Ce("XSmall.fontSize"),fontWeight:Ce("XSmall.fontWeight"),lineHeight:Ce("XSmall.lineHeight"),letterSpacing:Ce("XSmall.letterSpacing")}},_e=t=>{switch(t){case 700:case"bold":return h.Bold;case 600:case"semibold":return h.Semibold;case 300:case"light":return h.Light;case 400:case"regular":return h.Regular;default:return""}},xe=(t,e)=>n=>{const r=Be[t].fontFamily(n),i=Be[t].fontWeight(n);return Object.values(h).includes(r)?c`
2
+ font-family: ${_e(e)||_e(i)||r};
3
+ font-weight: normal !important;
4
+ `:c`
5
+ font-family: ${r};
6
+ font-weight: ${(Me(e)||i)??"normal"};
7
+ `},Me=t=>{switch(t){case 300:case"light":return 300;case 400:case"regular":return 400;case 600:case"semibold":return 600;case 700:case"bold":return 700;case 900:case"black":return 900;default:return""}},ke=(t,e,n=!1)=>r=>{const i=Be[t],a=i.fontSize(r);return c`
8
+ ${xe(t,e)}
9
+ font-size: ${a}rem !important;
10
+ line-height: ${i.lineHeight}rem !important;
11
+ letter-spacing: ${i.letterSpacing(r)||0}rem !important;
12
+ ${c`
13
+ margin-bottom: ${a*(n?1.05:0)}rem;
14
+ `}
15
+ `},Oe=(t=!1,e=!1)=>e?c`
16
+ display: block;
17
+ `:t?c`
18
+ display: inline;
19
+ `:c`
20
+ display: block;
21
+ `;var ze,Ae={};Object.defineProperty(Ae,"__esModule",{value:!0});var je=t;const Ne=t=>je.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:je.jsx("path",{d:"M4.25 17.5C3.764 17.5 3.35067 17.33 3.01 16.99C2.67 16.6493 2.5 16.236 2.5 15.75V4.25C2.5 3.764 2.67 3.35067 3.01 3.01C3.35067 2.67 3.764 2.5 4.25 2.5H9.208C9.444 2.5 9.649 2.58667 9.823 2.76C9.99633 2.934 10.083 3.139 10.083 3.375C10.083 3.611 9.99633 3.816 9.823 3.99C9.649 4.16333 9.444 4.25 9.208 4.25H4.25V15.75H15.75V10.792C15.75 10.556 15.8367 10.351 16.01 10.177C16.184 10.0037 16.389 9.917 16.625 9.917C16.861 9.917 17.066 10.0037 17.24 10.177C17.4133 10.351 17.5 10.556 17.5 10.792V15.75C17.5 16.236 17.33 16.6493 16.99 16.99C16.6493 17.33 16.236 17.5 15.75 17.5H4.25ZM7.5 12.5C7.33333 12.3333 7.25 12.1283 7.25 11.885C7.25 11.6423 7.33333 11.4377 7.5 11.271L14.521 4.25H12.708C12.472 4.25 12.2673 4.16333 12.094 3.99C11.92 3.816 11.833 3.611 11.833 3.375C11.833 3.139 11.92 2.934 12.094 2.76C12.2673 2.58667 12.472 2.5 12.708 2.5H16.625C16.861 2.5 17.066 2.58667 17.24 2.76C17.4133 2.934 17.5 3.139 17.5 3.375V7.292C17.5 7.528 17.4133 7.73267 17.24 7.906C17.066 8.08 16.861 8.167 16.625 8.167C16.389 8.167 16.184 8.08 16.01 7.906C15.8367 7.73267 15.75 7.528 15.75 7.292V5.479L8.708 12.521C8.54133 12.6877 8.34367 12.771 8.115 12.771C7.88567 12.771 7.68067 12.6807 7.5 12.5Z",fill:"currentColor"})});Ne.displayName="ExternalIcon",ze=Ae.ExternalIcon=Ne;const We={collections:{base:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#1C76D5",PrimaryDark:"#1869BF",Secondary:"#0056b3",Accent:{Dark:{1:"#465A88",2:"#556D99",3:"#8D8DBF"},Light:{1:"#57A9FF",2:"#81BFFF",3:"#BED7FF",4:"#E2ECFD",5:"#F6F8FF",6:"#FBFCFE"}},Neutral:{1:"#282828",2:"#424242",3:"#686868",4:"#A4A4A4",5:"#E0E4E5",6:"#ECEFEF",7:"#F8F8F8",8:"#FFFFFF"},Validation:{Green:{Text:"#097123",Icon:"#4FC029",Border:"#95D97F",Background:"#F9FDF8"},Orange:{Text:"#B34E00",Icon:"#FEAB10",Border:"#F9CB77",Background:"#FFFCF7",Badge:"#F57F17"},Red:{Text:"#C60000",Icon:"#C60000",Border:"#DD6666",Background:"#FDF7F7"}},Shadow:{Accent:"rgba(87, 169, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)"}},bookingsg:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#6F4AB8",PrimaryDark:"#6443A6",Secondary:"#6443A6",Accent:{Dark:{1:"#355985",2:"#68819D",3:"#9AABBE"},Light:{1:"#9F82D9",2:"#B5A5D7",3:"#CEC3E4 ",4:"#E2DBEF",5:"#F2EFF8",6:"#F7F6FB"}},Neutral:{1:"#282828",2:"#424242",3:"#686868",4:"#A4A4A4",5:"#E0E4E5",6:"#ECEFEF",7:"#F8F8F8",8:"#FFFFFF"},Validation:{Green:{Text:"#097123",Icon:"#4FC029",Border:"#95D97F",Background:"#F9FDF8"},Orange:{Text:"#B34E00",Icon:"#FEAB10",Border:"#F9CB77",Background:"#FFFCF7",Badge:"#F57F17"},Red:{Text:"#C60000",Icon:"#C60000",Border:"#DD6666",Background:"#FDF7F7"}},Shadow:{Accent:"rgba(161, 87, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)"}}},defaultValue:"base"},Ye=t=>e=>{const n=e.theme,r=be(We,n[we.colorScheme]);return n.options&&n.options.color?Fe(r,t,n.options.color):Fe(r,t)},Le={Brand:{1:Ye("Brand.1"),2:Ye("Brand.2"),3:Ye("Brand.3"),4:Ye("Brand.4"),5:Ye("Brand.5"),6:Ye("Brand.6")},Primary:Ye("Primary"),PrimaryDark:Ye("PrimaryDark"),Secondary:Ye("Secondary"),Accent:{Light:{1:Ye("Accent.Light.1"),2:Ye("Accent.Light.2"),3:Ye("Accent.Light.3"),4:Ye("Accent.Light.4"),5:Ye("Accent.Light.5"),6:Ye("Accent.Light.6")},Dark:{1:Ye("Accent.Dark.1"),2:Ye("Accent.Dark.2"),3:Ye("Accent.Dark.3")}},Neutral:{1:Ye("Neutral.1"),2:Ye("Neutral.2"),3:Ye("Neutral.3"),4:Ye("Neutral.4"),5:Ye("Neutral.5"),6:Ye("Neutral.6"),7:Ye("Neutral.7"),8:Ye("Neutral.8")},Validation:{Green:{Text:Ye("Validation.Green.Text"),Icon:Ye("Validation.Green.Icon"),Border:Ye("Validation.Green.Border"),Background:Ye("Validation.Green.Background")},Orange:{Text:Ye("Validation.Orange.Text"),Icon:Ye("Validation.Orange.Icon"),Border:Ye("Validation.Orange.Border"),Background:Ye("Validation.Orange.Background"),Badge:Ye("Validation.Orange.Badge")},Red:{Text:Ye("Validation.Red.Text"),Icon:Ye("Validation.Red.Icon"),Border:Ye("Validation.Red.Border"),Background:Ye("Validation.Red.Background")}},Shadow:{Accent:Ye("Shadow.Accent"),Red:Ye("Shadow.Red")}};var Ee;!function(t){t.D1=l.h1`
22
+ ${t=>c`
23
+ ${ke("D1",t.weight,t.paragraph)}
24
+ color: ${Le.Neutral[1]};
25
+ ${Oe(t.inline,t.paragraph)}
26
+ `}
27
+ `,t.D2=l.h1`
28
+ ${t=>c`
29
+ ${ke("D2",t.weight,t.paragraph)}
30
+ color: ${Le.Neutral[1]};
31
+ ${Oe(t.inline,t.paragraph)}
32
+ `}
33
+ `,t.D3=l.h1`
34
+ ${t=>c`
35
+ ${ke("D3",t.weight,t.paragraph)}
36
+ color: ${Le.Neutral[1]};
37
+ ${Oe(t.inline,t.paragraph)}
38
+ `}
39
+ `,t.D4=l.h1`
40
+ ${t=>c`
41
+ ${ke("D4",t.weight,t.paragraph)}
42
+ color: ${Le.Neutral[1]};
43
+ ${Oe(t.inline,t.paragraph)}
44
+ `}
45
+ `,t.DBody=l.h1`
46
+ ${t=>c`
47
+ ${ke("DBody",t.weight,t.paragraph)}
48
+ color: ${Le.Neutral[1]};
49
+ ${Oe(t.inline,t.paragraph)}
50
+ `}
51
+ `,t.H1=l.h1`
52
+ ${t=>c`
53
+ ${ke("H1",t.weight,t.paragraph)}
54
+ color: ${Le.Neutral[1]};
55
+ ${Oe(t.inline,t.paragraph)}
56
+ `}
57
+ `,t.H2=l.h2`
58
+ ${t=>c`
59
+ ${ke("H2",t.weight,t.paragraph)}
60
+ color: ${Le.Neutral[1]};
61
+ ${Oe(t.inline,t.paragraph)}
62
+ `}
63
+ `,t.H3=l.h3`
64
+ ${t=>c`
65
+ ${ke("H3",t.weight,t.paragraph)}
66
+ color: ${Le.Neutral[1]};
67
+ ${Oe(t.inline,t.paragraph)}
68
+ `}
69
+ `,t.H4=l.h4`
70
+ ${t=>c`
71
+ ${ke("H4",t.weight,t.paragraph)}
72
+ color: ${Le.Neutral[1]};
73
+ ${Oe(t.inline,t.paragraph)}
74
+ `}
75
+ `,t.H5=l.h5`
76
+ ${t=>c`
77
+ ${ke("H5",t.weight,t.paragraph)}
78
+ color: ${Le.Neutral[1]};
79
+ ${Oe(t.inline,t.paragraph)}
80
+ `}
81
+ `,t.H6=l.h6`
82
+ ${t=>c`
83
+ ${ke("H6",t.weight,t.paragraph)}
84
+ color: ${Le.Neutral[1]};
85
+ ${Oe(t.inline,t.paragraph)}
86
+ `}
87
+ `,t.Body=l.p`
88
+ ${t=>c`
89
+ ${ke("Body",t.weight,t.paragraph)}
90
+ color: ${Le.Neutral[1]};
91
+ ${Oe(t.inline,t.paragraph)}
92
+ `}
93
+ `,t.BodySmall=l.p`
94
+ ${t=>c`
95
+ ${ke("BodySmall",t.weight,t.paragraph)}
96
+ color: ${Le.Neutral[1]};
97
+ ${Oe(t.inline,t.paragraph)}
98
+ `}
99
+ `,t.XSmall=l.span`
100
+ ${t=>c`
101
+ ${ke("XSmall",t.weight,t.paragraph)}
102
+ color: ${Le.Neutral[1]};
103
+ ${Oe(t.inline,t.paragraph)}
104
+ `}
105
+ `,t.Hyperlink={Default:t=>Ve({...t,textStyle:"Body"}),Small:t=>Ve({...t,textStyle:"BodySmall"})}}(Ee||(Ee={}));const Te=l.a`
106
+ ${t=>c`
107
+ ${ke(t.textStyle,t.weight)}
108
+ color: ${Le.Primary};
109
+ text-decoration: none;
110
+
111
+ :hover,
112
+ :active,
113
+ :focus {
114
+ color: ${Le.Secondary};
115
+
116
+ svg {
117
+ color: ${Le.Secondary};
118
+ }
119
+ }
120
+ `}
121
+ `,Ie=l(ze)`
122
+ height: 1rem;
123
+ width: 1rem;
124
+ margin-left: 0.4rem;
125
+ vertical-align: middle;
126
+ `,Ve=({external:t=!1,children:r,...i})=>e(Te,{...i,children:[r,t&&n(Ie,{})]});var Pe,Re;!function(t){t[t.Subpage=0]="Subpage",t[t.Domain=1]="Domain"}(Pe||(Pe={})),function(t){t.generateDays=t=>{const e=t.startOf("month"),n=d(e).startOf("week");return Xe(n).map((t=>Ze(t)))},t.generateMonths=t=>{const e=[];for(let n=0;n<12;n++){const r=t.month(n);e.push(d(r))}return e},t.generateDecadeOfYears=t=>{const e=t.year(),n=10*Math.floor(e/10),r=t.year(n),i=[r.subtract(1,"year"),r];for(let t=1;t<11;t++)i.push(r.add(t,"year"));return i},t.getStartEndDecade=t=>{const e=10*Math.floor(+t.format("YYYY")/10);return{beginDecade:e,endDecade:+d(`${e+9}-01-01`).format("YYYY")}}}(Re||(Re={}));const Xe=t=>{const e=[t];for(let n=1;n<6;n++){const r=t.add(n,"week");e.push(r)}return e},Ze=t=>{const e=[];for(let n=0;n<7;n++){const r=t.add(n,"day");e.push(r)}return e},Ge=l.div`
127
+ width: 100%;
128
+ display: grid;
129
+ grid-template-columns: repeat(7, 1fr);
130
+ row-gap: 0.5rem;
131
+ `,Ue=l.div`
132
+ display: flex;
133
+ align-items: center;
134
+ justify-content: center;
135
+ pointer-events: none;
136
+ user-select: none;
137
+ margin-bottom: 0.625rem;
138
+ `,Je=l.div`
139
+ display: flex;
140
+ position: relative;
141
+ height: 2.5rem;
142
+ align-items: center;
143
+ justify-content: center;
144
+ `,qe=l.div`
145
+ position: absolute;
146
+ width: 50%;
147
+ height: 100%;
148
+ ${t=>{switch(t.$position){case"left":return c`
149
+ left: 0;
150
+ `;case"right":return c`
151
+ right: 0;
152
+ `}}}
153
+ `,Qe=l.div`
154
+ display: flex;
155
+ align-items: center;
156
+ justify-content: center;
157
+ border-radius: 50%;
158
+ width: 2.5rem;
159
+ height: 2.5rem;
160
+ cursor: pointer;
161
+ position: absolute;
162
+
163
+ :hover {
164
+ box-shadow: 0px 0px 4px 1px ${Le.Shadow.Accent};
165
+ border: 1px solid ${Le.Accent.Light[1]};
166
+ }
167
+
168
+ ${t=>t.$disabled?c`
169
+ color: ${Le.Neutral[4](t)};
170
+ cursor: not-allowed;
171
+ pointer-events: none;
172
+ `:t.$selected?c`
173
+ background: ${Le.Accent.Light[5](t)};
174
+ border: 1px solid ${Le.Primary(t)};
175
+ `:"today"===t.$variant?c`
176
+ background: ${Le.Accent.Light[5](t)};
177
+ `:void 0}
178
+ `,Ke=l(Ee.H5)`
179
+ ${t=>{if(t.$disabled)return c`
180
+ color: ${Le.Neutral[4](t)};
181
+ `;if(t.$selected)return c`
182
+ color: ${Le.Primary(t)};
183
+ `;switch(t.$variant){case"other-month":return c`
184
+ color: ${Le.Neutral[4](t)};
185
+ `;case"today":return c`
186
+ color: ${Le.Neutral[3](t)};
187
+ `;case"default":return c`
188
+ color: ${Le.Neutral[1](t)};
189
+ `}}}
190
+ `,tn=({calendarDate:t,disabledDates:r,selectedStartDate:a,onSelect:o})=>{const l=i((()=>Re.generateDays(t)),[t]);return e(Ge,{children:[l[0].map(((t,e)=>n(Ue,{children:n(Ee.H6,{weight:"semibold",children:d(t).format("ddd")})},`week-day-${e}`))),l.map((i=>i.map(((i,l)=>{const{isDisabled:c,variant:s}=(e=>{const n=e.format("YYYY-MM-DD");let i=!1;return r&&r.length&&(i=r.includes(n)),{isDisabled:i,variant:t.month()!==e.month()?"other-month":d().isSame(e,"day")?"today":"default"}})(i),u=i.format("YYYY-MM-DD");return e(Je,{children:[n(qe,{$position:"left"}),n(qe,{$position:"right"}),n(Qe,{$variant:s,$selected:a===u,$disabled:c,onClick:()=>{o(i)},children:n(Ke,{weight:a===u?"semibold":"regular",$variant:s,$disabled:c,$selected:a===u,children:i.format("D")})})]},`day-${l}`)}))))]})},en=l.div`
191
+ width: 100%;
192
+ display: grid;
193
+ grid-template-columns: repeat(2, 1fr);
194
+ grid-template-rows: repeat(6, 2.5rem);
195
+ align-content: center;
196
+ justify-content: center;
197
+
198
+ ${t=>{switch(t.$type){case"standalone":return c`
199
+ gap: 0.5rem 2.5rem;
200
+ `;case"input":return c`
201
+ gap: 0.5rem 2rem;
202
+ `}}}
203
+ `,nn=l.div`
204
+ display: flex;
205
+ align-items: center;
206
+ justify-content: center;
207
+ cursor: pointer;
208
+ border-radius: 5rem;
209
+
210
+ &:hover {
211
+ box-shadow: 0px 0px 4px 1px ${Le.Shadow.Accent};
212
+ border: 1px solid ${Le.Accent.Light[1]};
213
+ }
214
+
215
+ ${t=>{switch(t.$variant){case"current-month":return c`
216
+ background-color: ${Le.Accent.Light[6](t)};
217
+ `;case"selected-month":return c`
218
+ background-color: ${Le.Accent.Light[5](t)};
219
+ border: 1px solid ${Le.Primary(t)};
220
+ `}}}
221
+ `,rn=l(Ee.H5)`
222
+ ${t=>{switch(t.$variant){case"current-month":return c`
223
+ color: ${Le.Neutral[3](t)};
224
+ `;case"selected-month":return c`
225
+ ${ke("H5","semibold")}
226
+ color: ${Le.Primary(t)};
227
+ `}}}
228
+ `,an=({calendarDate:t,selectedStartDate:e,type:r,onSelect:i})=>{const[l,c]=a([]);o((()=>{s()}),[t]);const s=()=>{const e=Re.generateMonths(t);c(e)};return l.length?n(en,{$type:r,children:l.map((t=>{const{variant:r,month:a}=(t=>{const n=t.format("MMMM"),r=t.format("YYYY-MM-DD");let i="default";return i=d(e).isSame(r,"month")?"selected-month":d().isSame(r,"month")?"current-month":"default",{month:n,variant:i}})(t);return n(nn,{onClick:()=>{i(t)},$variant:r,children:n(rn,{weight:"regular",$variant:r,children:a})},a)}))}):null},on=l.div`
229
+ width: 100%;
230
+ display: grid;
231
+ grid-template-columns: repeat(3, 1fr);
232
+ grid-template-rows: repeat(4, 4rem);
233
+ align-content: center;
234
+
235
+ ${t=>{switch(t.$type){case"standalone":return c`
236
+ gap: 0.5rem 2rem;
237
+ `;case"input":return c`
238
+ gap: 0.5rem 1rem;
239
+ `}}}
240
+ `,ln=l.div`
241
+ display: flex;
242
+ justify-content: center;
243
+ align-items: center;
244
+ border-radius: 0.5rem;
245
+ cursor: pointer;
246
+
247
+ &:hover {
248
+ box-shadow: 0px 0px 4px 1px ${Le.Shadow.Accent};
249
+ border: 1px solid ${Le.Accent.Light[1]};
250
+ }
251
+
252
+ ${t=>{switch(t.$variant){case"current-year":return c`
253
+ background: ${Le.Accent.Light[6](t)};
254
+ `;case"selected-year":return c`
255
+ background: ${Le.Accent.Light[5](t)};
256
+ border: 1px solid ${Le.Primary(t)};
257
+ `}}};
258
+ `,cn=l(Ee.H5)`
259
+ ${t=>{switch(t.$variant){case"current-year":return c`
260
+ color: ${Le.Neutral[3](t)};
261
+ `;case"selected-year":return c`
262
+ ${ke("H5","semibold")}
263
+ color: ${Le.Primary(t)};
264
+ `;case"other-decade":return c`
265
+ color: ${Le.Neutral[4](t)};
266
+ `}}}
267
+ `,sn=({calendarDate:t,selectedStartDate:e,type:r,onSelect:i})=>{const[l,c]=a([]);o((()=>{s()}),[t]);const s=()=>{const e=Re.generateDecadeOfYears(t);c(e)};return l.length?n(on,{$type:r,children:l.map((t=>{const{variant:r,year:a}=(t=>{const n=[0,11].includes(l.indexOf(t)),r=t.format("YYYY-MM-DD");return{year:t.year(),variant:n?"other-decade":d(e).isSame(r,"year")?"selected-year":d().isSame(r,"year")?"current-year":"default"}})(t);return n(ln,{$variant:r,onClick:()=>{i(t)},children:n(cn,{weight:"regular",$variant:r,children:a})},a)}))}):null};var un,dn={};Object.defineProperty(dn,"__esModule",{value:!0});var hn=t;const fn=t=>hn.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:hn.jsx("path",{d:"M12.521 17.562L5.58301 10.625C5.48635 10.5277 5.41701 10.427 5.37501 10.323C5.33301 10.219 5.31201 10.1113 5.31201 10C5.31201 9.88867 5.33301 9.781 5.37501 9.677C5.41701 9.573 5.48635 9.47234 5.58301 9.375L12.542 2.417C12.75 2.20834 13.0033 2.104 13.302 2.104C13.6007 2.104 13.854 2.21534 14.062 2.438C14.2847 2.646 14.389 2.90267 14.375 3.208C14.361 3.514 14.25 3.771 14.042 3.979L8.02101 10L14.062 16.042C14.2567 16.236 14.354 16.4893 14.354 16.802C14.354 17.1147 14.2567 17.368 14.062 17.562C13.854 17.7707 13.5973 17.875 13.292 17.875C12.986 17.875 12.729 17.7707 12.521 17.562Z",fill:"currentColor"})});fn.displayName="ChevronLeftIcon",un=dn.ChevronLeftIcon=fn;var gn,pn={};Object.defineProperty(pn,"__esModule",{value:!0});var mn=t;const yn=t=>mn.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:mn.jsx("path",{d:"M5.979 17.562C5.757 17.34 5.646 17.0833 5.646 16.792C5.646 16.5 5.757 16.243 5.979 16.021L12 10L5.958 3.958C5.75 3.75 5.646 3.5 5.646 3.208C5.646 2.91667 5.757 2.66 5.979 2.438C6.18766 2.22933 6.44133 2.125 6.74 2.125C7.03866 2.125 7.292 2.22933 7.5 2.438L14.438 9.375C14.5347 9.47233 14.604 9.573 14.646 9.677C14.6873 9.781 14.708 9.88867 14.708 10C14.708 10.1113 14.6873 10.219 14.646 10.323C14.604 10.427 14.5347 10.5277 14.438 10.625L7.479 17.583C7.257 17.8057 7.00366 17.91 6.719 17.896C6.43433 17.882 6.18766 17.7707 5.979 17.562Z",fill:"currentColor"})});yn.displayName="ChevronRightIcon",gn=pn.ChevronRightIcon=yn;var $n,vn={};Object.defineProperty(vn,"__esModule",{value:!0});var Sn=t;const Dn=t=>Sn.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:Sn.jsx("path",{d:"M2.62611 5.81312C2.84811 5.59112 3.10478 5.48012 3.39611 5.48012C3.68811 5.48012 3.94511 5.59112 4.16711 5.81312L10.1881 11.8341L16.2301 5.79212C16.4381 5.58412 16.6881 5.48012 16.9801 5.48012C17.2714 5.48012 17.5281 5.59112 17.7501 5.81312C17.9588 6.02179 18.0631 6.27545 18.0631 6.57412C18.0631 6.87279 17.9588 7.12612 17.7501 7.33412L10.8131 14.2721C10.7158 14.3688 10.6151 14.4381 10.5111 14.4801C10.4071 14.5215 10.2994 14.5421 10.1881 14.5421C10.0768 14.5421 9.96911 14.5215 9.86511 14.4801C9.76111 14.4381 9.66044 14.3688 9.56311 14.2721L2.60511 7.31312C2.38244 7.09112 2.27811 6.83779 2.29211 6.55312C2.30611 6.26845 2.41744 6.02179 2.62611 5.81312Z",fill:"currentColor"})});Dn.displayName="ChevronDownIcon",$n=vn.ChevronDownIcon=Dn;const Fn=l.button`
268
+ display: flex;
269
+ justify-content: center;
270
+ align-items: center;
271
+ padding: 1.5rem;
272
+ background-color: transparent;
273
+ border: none;
274
+ cursor: pointer;
275
+
276
+ img {
277
+ height: 1rem;
278
+ width: 1rem;
279
+ }
280
+
281
+ &:active,
282
+ &:focus {
283
+ ${({$outline:t})=>"none"===t&&"outline: none;"}
284
+
285
+ ${({$highlight:t})=>t&&c`
286
+ background-color: ${Le.Neutral[7]};
287
+ `}
288
+ }
289
+ `,bn=r.forwardRef((({children:t,focusHighlight:e=!0,focusOutline:r="none",...i},a)=>n(Fn,{ref:a,$outline:r,$highlight:e,...i,children:t}))),wn=l.div`
290
+ position: relative;
291
+ display: flex;
292
+ min-width: 28rem;
293
+ width: 100%;
294
+ max-width: 41rem;
295
+ padding: 2rem 0.25rem;
296
+ align-items: center;
297
+ background: ${Le.Neutral[8]};
298
+ border: 1px solid ${Le.Neutral[5]};
299
+ border-radius: 12px;
300
+
301
+ ${t=>{const{$type:e}=t;if("standalone"===e)return c`
302
+ ${On},
303
+ ${zn} {
304
+ width: 1.5rem;
305
+ height: 1.5rem;
306
+ }
307
+
308
+ ${An} {
309
+ width: 1.125rem;
310
+ height: 1.125rem;
311
+ }
312
+ `}}
313
+ `,Hn=l.div`
314
+ display: flex;
315
+ flex: 1;
316
+ flex-direction: column;
317
+ `,Cn=l.div`
318
+ display: flex;
319
+ flex: 1;
320
+ position: relative;
321
+ `,Bn=l.div`
322
+ position: absolute;
323
+ top: 0;
324
+ left: 0;
325
+ height: 100%;
326
+ width: 100%;
327
+ background: ${Le.Neutral[8]};
328
+
329
+ ${t=>{if(!t.$visible)return c`
330
+ display: none;
331
+ `}}
332
+ `,_n=l.div`
333
+ display: flex;
334
+ margin: 0 auto;
335
+ margin-bottom: 1rem;
336
+ `,xn=l.button`
337
+ border: none;
338
+ display: flex;
339
+ align-items: center;
340
+ padding: 0.5rem;
341
+ background: transparent;
342
+ cursor: pointer;
343
+
344
+ :not(:last-of-type) {
345
+ margin-right: 0.5rem;
346
+ }
347
+
348
+ ${t=>!1===t.$visible?c`
349
+ display: none;
350
+ `:t.$expandedDisplay?c`
351
+ ${An} {
352
+ transform: rotate(180deg);
353
+ }
354
+ `:void 0}
355
+ `,Mn=l(bn)`
356
+ padding: 1rem;
357
+ background: transparent;
358
+ margin: auto 0;
359
+
360
+ :focus,
361
+ :active {
362
+ background: transparent;
363
+ }
364
+
365
+ ${t=>"left"===t.$direction?c`
366
+ margin: auto 0.625rem auto 0; // to counter the padding
367
+ `:c`
368
+ margin: auto 0 auto 0.625rem; // to counter the padding
369
+ `}
370
+ `,kn=c`
371
+ color: ${Le.Neutral[3]};
372
+ `,On=l(un)`
373
+ ${kn}
374
+ `,zn=l(gn)`
375
+ ${kn}
376
+ `,An=l($n)`
377
+ color: ${Le.Neutral[3]};
378
+ transition: transform 250ms ease-in-out;
379
+ margin-left: 0.625rem;
380
+ `,jn=({disabledDates:t,onSelect:r,value:i,type:l="standalone",...c})=>{const[s,u]=a(d()),[h,f]=a("default"),[g,p]=a("");o((()=>{i&&p(i)}),[i]);const m=t=>{const e=t.format("YYYY-MM-DD");u(t),p(e),y(e)},y=t=>{r&&r(t)};return e(wn,{$type:l,...c,children:[n(Mn,{$direction:"left",onClick:()=>{switch(h){case"default":u((t=>t.subtract(1,"month")));break;case"month-options":u((t=>t.subtract(1,"year")));break;case"year-options":u((t=>t.subtract(10,"year")))}},children:n(On,{})}),e(Hn,{children:[e(_n,{children:[e(xn,{type:"button",$expandedDisplay:"month-options"===h,$visible:"default"===h,id:"month-dropdown",onClick:()=>{f("month-options"!==h?"month-options":"default")},children:[n(Ee.H4,{weight:"regular",children:d(s).format("MMM")}),n(An,{})]}),e(xn,{type:"button",$expandedDisplay:"default"!==h,id:"year-dropdown",onClick:()=>{f("default"!==h?"default":"year-options")},children:[n(Ee.H4,{weight:"regular",children:(()=>{if("year-options"===h){const{beginDecade:t,endDecade:e}=Re.getStartEndDecade(s);return`${t} to ${e}`}return d(s).format("YYYY")})()}),n(An,{})]})]}),e(Cn,{children:[n(tn,{calendarDate:s,disabledDates:t,selectedStartDate:g,onSelect:m}),n(Bn,{$visible:"default"!==h,children:(()=>{switch(h){case"month-options":return n(an,{type:l,calendarDate:s,selectedStartDate:g,onSelect:m});case"year-options":return n(sn,{type:l,calendarDate:s,selectedStartDate:g,onSelect:m});default:return null}})()})]})]}),n(Mn,{$direction:"right",onClick:()=>{switch(h){case"default":u((t=>t.add(1,"month")));break;case"month-options":u((t=>t.add(1,"year")));break;case"year-options":u((t=>t.add(10,"year")))}},children:n(zn,{})})]})};export{jn as Calendar};
381
+ //# sourceMappingURL=index.js.map