@lifesg/react-design-system 1.0.0-alpha.2 → 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 (277) hide show
  1. package/README.md +2 -0
  2. package/accordion/accordion-item.style.d.ts +5 -2
  3. package/accordion/accordion.style.d.ts +1 -1
  4. package/accordion/index.js +165 -172
  5. package/accordion/index.js.map +1 -1
  6. package/alert/alert.style.d.ts +4 -1
  7. package/alert/index.js +107 -119
  8. package/alert/index.js.map +1 -1
  9. package/animations/index.d.ts +1 -0
  10. package/animations/index.js +6 -3
  11. package/animations/index.js.map +1 -1
  12. package/animations/loading-dots-spinner/loading-dots-spinner.d.ts +2 -0
  13. package/animations/loading-dots-spinner/lottie-animation.d.ts +2 -0
  14. package/box-container/box-container.styles.d.ts +8 -1
  15. package/box-container/index.js +69 -74
  16. package/box-container/index.js.map +1 -1
  17. package/breadcrumb/breadcrumb.style.d.ts +4 -4
  18. package/breadcrumb/index.js +102 -106
  19. package/breadcrumb/index.js.map +1 -1
  20. package/breadcrumb/types.d.ts +5 -1
  21. package/button/button.d.ts +2 -2
  22. package/button/index.js +140 -143
  23. package/button/index.js.map +1 -1
  24. package/calendar/calendar-day.d.ts +11 -0
  25. package/calendar/calendar-day.style.d.ts +23 -0
  26. package/calendar/calendar-month.d.ts +12 -0
  27. package/calendar/calendar-month.style.d.ts +12 -0
  28. package/calendar/calendar-year.d.ts +12 -0
  29. package/calendar/calendar-year.style.d.ts +12 -0
  30. package/calendar/calendar.d.ts +4 -0
  31. package/calendar/calendar.style.d.ts +35 -0
  32. package/calendar/index.d.ts +2 -0
  33. package/calendar/index.js +381 -0
  34. package/calendar/index.js.map +1 -0
  35. package/calendar/package.json +7 -0
  36. package/calendar/types.d.ts +15 -0
  37. package/card/card.d.ts +3 -0
  38. package/card/card.style.d.ts +1 -0
  39. package/card/index.d.ts +1 -0
  40. package/card/index.js +132 -0
  41. package/card/index.js.map +1 -0
  42. package/{icon → card}/package.json +1 -1
  43. package/card/types.d.ts +4 -0
  44. package/checkbox/checkbox.d.ts +1 -1
  45. package/checkbox/checkbox.style.d.ts +4 -1
  46. package/checkbox/index.js +11 -21
  47. package/checkbox/index.js.map +1 -1
  48. package/cjs/index.js +2240 -1057
  49. package/cjs/index.js.map +1 -1
  50. package/color/color.d.ts +4 -59
  51. package/color/index.js +1 -1
  52. package/color/index.js.map +1 -1
  53. package/color/types.d.ts +5 -1
  54. package/date-input/date-input.d.ts +1 -1
  55. package/date-input/date-input.style.d.ts +2 -6
  56. package/date-input/index.js +132 -147
  57. package/date-input/index.js.map +1 -1
  58. package/date-input/types.d.ts +14 -16
  59. package/design-token/design-token.d.ts +4 -0
  60. package/design-token/index.d.ts +2 -0
  61. package/design-token/index.js +6 -0
  62. package/design-token/index.js.map +1 -0
  63. package/design-token/package.json +7 -0
  64. package/design-token/types.d.ts +7 -0
  65. package/error-display/error-display-data.d.ts +11 -0
  66. package/error-display/error-display.d.ts +3 -0
  67. package/error-display/error-display.style.d.ts +7 -0
  68. package/error-display/index.d.ts +2 -0
  69. package/error-display/index.js +323 -0
  70. package/error-display/index.js.map +1 -0
  71. package/error-display/package.json +7 -0
  72. package/error-display/types.d.ts +20 -0
  73. package/feedback-rating/feedback-rating-data.d.ts +5 -0
  74. package/feedback-rating/feedback-rating-stars-container-data.d.ts +3 -0
  75. package/feedback-rating/feedback-rating-stars-container.d.ts +3 -0
  76. package/feedback-rating/feedback-rating-stars-container.styles.d.ts +12 -0
  77. package/feedback-rating/feedback-rating.d.ts +3 -0
  78. package/feedback-rating/feedback-rating.styles.d.ts +5 -0
  79. package/feedback-rating/index.d.ts +2 -0
  80. package/feedback-rating/index.js +329 -0
  81. package/feedback-rating/index.js.map +1 -0
  82. package/feedback-rating/package.json +7 -0
  83. package/feedback-rating/types.d.ts +14 -0
  84. package/footer/footer-download-app.d.ts +2 -0
  85. package/footer/footer-download-app.style.d.ts +6 -0
  86. package/footer/footer-helper.d.ts +12 -0
  87. package/footer/footer.d.ts +3 -0
  88. package/footer/footer.style.d.ts +12 -0
  89. package/footer/index.d.ts +2 -0
  90. package/footer/index.js +373 -0
  91. package/footer/index.js.map +1 -0
  92. package/footer/package.json +7 -0
  93. package/footer/types.d.ts +31 -0
  94. package/form/form-custom-field.d.ts +3 -0
  95. package/form/form-input-group.d.ts +1 -1
  96. package/form/form-input.d.ts +1 -1
  97. package/form/form-label-addon.d.ts +1 -2
  98. package/form/form-label.d.ts +1 -1
  99. package/form/form-label.style.d.ts +1 -0
  100. package/form/form-phone-number-input.d.ts +3 -0
  101. package/form/form-textarea.d.ts +1 -1
  102. package/form/form-unit-number-input.d.ts +3 -0
  103. package/form/index.d.ts +9 -6
  104. package/form/index.js +771 -657
  105. package/form/index.js.map +1 -1
  106. package/form/types.d.ts +14 -5
  107. package/icon-button/icon-button.d.ts +1 -1
  108. package/icon-button/icon-button.style.d.ts +6 -1
  109. package/icon-button/index.js +9 -15
  110. package/icon-button/index.js.map +1 -1
  111. package/icon-button/types.d.ts +2 -3
  112. package/index.d.ts +12 -1
  113. package/index.js +2217 -1034
  114. package/index.js.map +1 -1
  115. package/input/index.js +93 -49
  116. package/input/index.js.map +1 -1
  117. package/input/input.d.ts +1 -1
  118. package/input/input.style.d.ts +9 -4
  119. package/input/types.d.ts +2 -0
  120. package/input-group/index.js +435 -343
  121. package/input-group/index.js.map +1 -1
  122. package/input-group/input-group-list-addon.d.ts +1 -1
  123. package/input-group/input-group-list-addon.style.d.ts +13 -2
  124. package/input-group/input-group.d.ts +1 -1
  125. package/input-group/input-group.style.d.ts +4 -8
  126. package/input-group/types.d.ts +11 -10
  127. package/input-select/index.js +286 -244
  128. package/input-select/index.js.map +1 -1
  129. package/input-select/input-select-wrapper.d.ts +1 -1
  130. package/input-select/input-select.d.ts +1 -1
  131. package/input-select/input-select.styles.d.ts +5 -1
  132. package/input-select/types.d.ts +15 -11
  133. package/input-textarea/index.js +132 -121
  134. package/input-textarea/index.js.map +1 -1
  135. package/input-textarea/textarea-counter.d.ts +2 -1
  136. package/input-textarea/textarea.d.ts +2 -2
  137. package/input-textarea/types.d.ts +1 -0
  138. package/layout/container.d.ts +3 -0
  139. package/layout/content.d.ts +3 -0
  140. package/layout/index.d.ts +7 -0
  141. package/layout/index.js +55 -0
  142. package/layout/index.js.map +1 -0
  143. package/layout/package.json +7 -0
  144. package/layout/section.d.ts +3 -0
  145. package/layout/types.d.ts +15 -0
  146. package/link-list/index.js +130 -130
  147. package/link-list/index.js.map +1 -1
  148. package/link-list/link-list.styles.d.ts +12 -2
  149. package/link-list/types.d.ts +1 -1
  150. package/masonry/index.js.map +1 -1
  151. package/masonry/masonry.d.ts +2 -2
  152. package/masthead/index.d.ts +1 -0
  153. package/masthead/index.js +9 -0
  154. package/masthead/index.js.map +1 -0
  155. package/masthead/masthead.d.ts +2 -0
  156. package/masthead/masthead.style.d.ts +1 -0
  157. package/masthead/package.json +7 -0
  158. package/media/index.js +1 -1
  159. package/media/index.js.map +1 -1
  160. package/media/media.d.ts +2 -1
  161. package/modal/index.d.ts +1 -1
  162. package/modal/index.js +30 -43
  163. package/modal/index.js.map +1 -1
  164. package/modal/modal-box.styles.d.ts +5 -2
  165. package/modal/modal.d.ts +1 -1
  166. package/modal/modal.styles.d.ts +1 -0
  167. package/modal/types.d.ts +4 -2
  168. package/navbar/brand.d.ts +10 -0
  169. package/navbar/brand.styles.d.ts +5 -0
  170. package/navbar/drawer.d.ts +3 -0
  171. package/navbar/drawer.styles.d.ts +15 -0
  172. package/navbar/index.d.ts +7 -0
  173. package/navbar/index.js +651 -0
  174. package/navbar/index.js.map +1 -0
  175. package/navbar/navbar-action-buttons.d.ts +10 -0
  176. package/navbar/navbar-action-buttons.styles.d.ts +9 -0
  177. package/navbar/navbar-items.d.ts +11 -0
  178. package/navbar/navbar-items.styles.d.ts +10 -0
  179. package/navbar/navbar.d.ts +3 -0
  180. package/navbar/navbar.styles.d.ts +19 -0
  181. package/navbar/package.json +7 -0
  182. package/navbar/types.d.ts +56 -0
  183. package/notification-banner/index.d.ts +3 -0
  184. package/notification-banner/index.js +266 -0
  185. package/notification-banner/index.js.map +1 -0
  186. package/notification-banner/notification-banner-hoc.d.ts +3 -0
  187. package/notification-banner/notification-banner.d.ts +6 -0
  188. package/notification-banner/notification-banner.styles.d.ts +15 -0
  189. package/notification-banner/package.json +7 -0
  190. package/notification-banner/types.d.ts +22 -0
  191. package/otp-input/index.d.ts +2 -0
  192. package/otp-input/index.js +600 -0
  193. package/otp-input/index.js.map +1 -0
  194. package/otp-input/otp-input.d.ts +3 -0
  195. package/otp-input/otp-input.styles.d.ts +5 -0
  196. package/otp-input/package.json +7 -0
  197. package/otp-input/types.d.ts +22 -0
  198. package/overlay/index.js +1 -1
  199. package/overlay/index.js.map +1 -1
  200. package/overlay/types.d.ts +1 -1
  201. package/package.json +4 -1
  202. package/phone-number-input/data/country-code.d.ts +1 -0
  203. package/phone-number-input/index.d.ts +2 -0
  204. package/phone-number-input/index.js +860 -0
  205. package/phone-number-input/index.js.map +1 -0
  206. package/phone-number-input/package.json +7 -0
  207. package/phone-number-input/phone-number-input-helper.d.ts +5 -0
  208. package/phone-number-input/phone-number-input.d.ts +3 -0
  209. package/phone-number-input/types.d.ts +51 -0
  210. package/popover/index.js +148 -153
  211. package/popover/index.js.map +1 -1
  212. package/popover/popover.styles.d.ts +1 -1
  213. package/popover/types.d.ts +3 -3
  214. package/progress-indicator/index.d.ts +2 -0
  215. package/progress-indicator/index.js +240 -0
  216. package/progress-indicator/index.js.map +1 -0
  217. package/progress-indicator/package.json +7 -0
  218. package/progress-indicator/progress-indicator.d.ts +3 -0
  219. package/progress-indicator/progress-indicator.style.d.ts +19 -0
  220. package/progress-indicator/types.d.ts +9 -0
  221. package/radio-button/index.js +7 -7
  222. package/radio-button/index.js.map +1 -1
  223. package/shared/dropdown-list/dropdown-list.d.ts +1 -1
  224. package/shared/dropdown-list/dropdown-list.styles.d.ts +6 -2
  225. package/shared/dropdown-list/dropdown-search.d.ts +2 -1
  226. package/shared/dropdown-list/dropdown-search.styles.d.ts +9 -1
  227. package/shared/dropdown-list/types.d.ts +22 -12
  228. package/shared/input-wrapper/input-wrapper.d.ts +8 -0
  229. package/smart-app-banner/index.d.ts +2 -0
  230. package/smart-app-banner/index.js +373 -0
  231. package/smart-app-banner/index.js.map +1 -0
  232. package/smart-app-banner/package.json +7 -0
  233. package/smart-app-banner/smart-app-banner.d.ts +3 -0
  234. package/smart-app-banner/smart-app-banner.styles.d.ts +31 -0
  235. package/smart-app-banner/types.d.ts +18 -0
  236. package/spec/design-token-spec/base-design-token-set.d.ts +2 -0
  237. package/text/index.js +62 -65
  238. package/text/index.js.map +1 -1
  239. package/text/text-style.d.ts +4 -100
  240. package/text-list/index.js +7 -7
  241. package/text-list/index.js.map +1 -1
  242. package/theme/design-token-helper.d.ts +2 -0
  243. package/theme/index.js +1 -1
  244. package/theme/index.js.map +1 -1
  245. package/theme/types.d.ts +12 -3
  246. package/timeline/index.js +95 -98
  247. package/timeline/index.js.map +1 -1
  248. package/timepicker/index.js +213 -207
  249. package/timepicker/index.js.map +1 -1
  250. package/timepicker/timepicker-dropdown.styles.d.ts +2 -2
  251. package/timepicker/types.d.ts +3 -3
  252. package/toggle-button/index.js +118 -121
  253. package/toggle-button/index.js.map +1 -1
  254. package/tooltip/index.js +127 -125
  255. package/tooltip/index.js.map +1 -1
  256. package/tooltip/tooltip.styles.d.ts +3 -1
  257. package/unit-number/index.d.ts +2 -0
  258. package/unit-number/index.js +357 -0
  259. package/unit-number/index.js.map +1 -0
  260. package/unit-number/package.json +7 -0
  261. package/unit-number/types.d.ts +27 -0
  262. package/unit-number/unit-number-input.d.ts +3 -0
  263. package/unit-number/unit-number-input.style.d.ts +11 -0
  264. package/util/calendar-helper.d.ts +10 -0
  265. package/util/date-helper.d.ts +19 -0
  266. package/util/index.d.ts +3 -0
  267. package/util/utility-types.d.ts +3 -0
  268. package/icon/arrow-right-icon.d.ts +0 -3
  269. package/icon/icon.d.ts +0 -3
  270. package/icon/index.d.ts +0 -2
  271. package/icon/index.js +0 -12
  272. package/icon/index.js.map +0 -1
  273. package/icon/info-icon.d.ts +0 -3
  274. package/icon/play-alt-icon.d.ts +0 -3
  275. package/icon/search-icon.d.ts +0 -3
  276. package/icon/shared.style.d.ts +0 -1
  277. package/icon/types.d.ts +0 -9
@@ -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