@optiaxiom/react 1.9.37 → 1.9.38

package/dist/esm/packages/react/src/button/ButtonRoot.js

@@ -1,74 +1,83 @@
 "use client";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { createSlot } from '@radix-ui/react-slot';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import { extractBoxProps } from '../box/extractBoxProps.js';
-import { Spinner } from '../spinner/Spinner.js';
-import { Transition } from '../transition/Transition.js';
-import { TransitionGroup } from '../transition/TransitionGroup.js';
-import '../utils/conditions.js';
-import { decorateChildren } from '../utils/decorateChildren.js';
-import '../utils/isHoverSupported.js';
-import { buttonBase, spinner } from './ButtonRoot-css.js';
-
-const Slot$c = createSlot("@optiaxiom/react/ButtonRoot");
+import { extractBoxProps } from "../box/extractBoxProps.js";
+import { Box } from "../box/Box.js";
+import { decorateChildren } from "../utils/decorateChildren.js";
+import { Spinner } from "../spinner/Spinner.js";
+import { Transition } from "../transition/Transition.js";
+import { TransitionGroup } from "../transition/TransitionGroup.js";
+import { buttonBase, spinner } from "./ButtonRoot-css.js";
+import { forwardRef } from "react";
+import { createSlot } from "@radix-ui/react-slot";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/button/ButtonRoot.tsx
+const Slot = createSlot("@optiaxiom/react/ButtonRoot");
 const appearances = {
-  danger: { intent: "danger", variant: "strong" },
-  "danger-outline": { intent: "danger", variant: "outline" },
-  default: { intent: "neutral", variant: "outline" },
-  "default-opal": { intent: "neutral", variant: "outline-opal" },
-  inverse: { intent: "neutral", variant: "strong" },
-  primary: { intent: "primary", variant: "strong" },
-  "primary-opal": { intent: "primary", variant: "strong-opal" },
-  subtle: { intent: "neutral", variant: "subtle" }
+	danger: {
+		intent: "danger",
+		variant: "strong"
+	},
+	"danger-outline": {
+		intent: "danger",
+		variant: "outline"
+	},
+	default: {
+		intent: "neutral",
+		variant: "outline"
+	},
+	"default-opal": {
+		intent: "neutral",
+		variant: "outline-opal"
+	},
+	inverse: {
+		intent: "neutral",
+		variant: "strong"
+	},
+	primary: {
+		intent: "primary",
+		variant: "strong"
+	},
+	"primary-opal": {
+		intent: "primary",
+		variant: "strong-opal"
+	},
+	subtle: {
+		intent: "neutral",
+		variant: "subtle"
+	}
 };
-const ButtonRoot = forwardRef(
-  ({
-    appearance = "default",
-    asChild,
-    children,
-    className,
-    disabled,
-    loading,
-    size = "md",
-    square,
-    ...props
-  }, ref) => {
-    const Comp = asChild ? Slot$c : "button";
-    const { boxProps, restProps } = extractBoxProps(props);
-    const { intent, variant } = appearances[appearance];
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        asChild: true,
-        "data-disabled": disabled ? "" : void 0,
-        "data-loading": loading ? "" : void 0,
-        ...buttonBase(
-          {
-            intent,
-            size,
-            square: Boolean(square),
-            variant
-          },
-          className
-        ),
-        ...boxProps,
-        children: /* @__PURE__ */ jsx(Comp, { disabled, ref, ...restProps, children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(TransitionGroup, { open: loading, children: /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(
-            Spinner,
-            {
-              appearance: variant === "strong" || variant === "strong-opal" ? "inverse" : "default",
-              "aria-hidden": "true",
-              ...spinner()
-            }
-          ) }) }),
-          children2
-        ] })) })
-      }
-    );
-  }
-);
+const ButtonRoot = forwardRef(({ appearance = "default", asChild, children, className, disabled, loading, size = "md", square, ...props }, ref) => {
+	const Comp = asChild ? Slot : "button";
+	const { boxProps, restProps } = extractBoxProps(props);
+	const { intent, variant } = appearances[appearance];
+	return /* @__PURE__ */ jsx(Box, {
+		asChild: true,
+		"data-disabled": disabled ? "" : void 0,
+		"data-loading": loading ? "" : void 0,
+		...buttonBase({
+			intent,
+			size,
+			square: Boolean(square),
+			variant
+		}, className),
+		...boxProps,
+		children: /* @__PURE__ */ jsx(Comp, {
+			disabled,
+			ref,
+			...restProps,
+			children: decorateChildren({
+				asChild,
+				children
+			}, (children) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TransitionGroup, {
+				open: loading,
+				children: /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(Spinner, {
+					appearance: variant === "strong" || variant === "strong-opal" ? "inverse" : "default",
+					"aria-hidden": "true",
+					...spinner()
+				}) })
+			}), children] }))
+		})
+	});
+});
 ButtonRoot.displayName = "@optiaxiom/react/ButtonRoot";
-
+//#endregion
 export { ButtonRoot };

package/dist/esm/packages/react/src/calendar/Calendar-css.js

@@ -1,7 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-vDw4DFSx.css';
-import './../../../../assets/src/calendar/Calendar.css.ts.vanilla-Q78Gmr9g.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'_2a2rz9'}}});
-
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/calendar/Calendar.css.ts.vanilla-0AO3Yw1N.css";
+//#region src/calendar/Calendar.css.ts
+var picker = recipeRuntime({ variants: { side: {
+	bottom: {},
+	left: {},
+	right: {},
+	top: "w5pkcs"
+} } });
+//#endregion
 export { picker };

package/dist/esm/packages/react/src/calendar/Calendar.js

@@ -1,217 +1,173 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { forwardRef, useState, useRef } from 'react';
-import { DayPicker } from 'react-day-picker';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { Clock } from '../clock/Clock.js';
-import { Group } from '../group/Group.js';
-import { usePopoverContentContext } from '../popover/PopoverContentContext.js';
-import '../popover/PopoverContext.js';
-import { Text } from '../text/Text.js';
-import '../utils/conditions.js';
-import '../utils/isHoverSupported.js';
-import { toInstant } from '../utils/toInstant.js';
-import { toPlainDate } from '../utils/toPlainDate.js';
-import { toPlainTime } from '../utils/toPlainTime.js';
-import { picker } from './Calendar-css.js';
-import { CalendarCaptionLabel } from './CalendarCaptionLabel.js';
-import { CalendarChevron } from './CalendarChevron.js';
-import { CalendarProvider } from './CalendarContext.js';
-import { CalendarDay } from './CalendarDay.js';
-import { CalendarDayButton } from './CalendarDayButton.js';
-import { CalendarMonthCaption } from './CalendarMonthCaption.js';
-import { CalendarMonthGrid } from './CalendarMonthGrid.js';
-import { CalendarMonths } from './CalendarMonths.js';
-import { CalendarNextMonthButton } from './CalendarNextMonthButton.js';
-import { CalendarPreviousMonthButton } from './CalendarPreviousMonthButton.js';
-import { CalendarWeek } from './CalendarWeek.js';
-import { CalendarWeekday } from './CalendarWeekday.js';
-import { CalendarWeekdays } from './CalendarWeekdays.js';
-import { toTimeZoneName } from './toTimeZoneName.js';
-
+import { Box } from "../box/Box.js";
+import { toInstant } from "../utils/toInstant.js";
+import { toPlainDate } from "../utils/toPlainDate.js";
+import { toPlainTime } from "../utils/toPlainTime.js";
+import { Text } from "../text/Text.js";
+import { Group } from "../group/Group.js";
+import { usePopoverContentContext } from "../popover/PopoverContentContext.js";
+import { Clock } from "../clock/Clock.js";
+import { picker } from "./Calendar-css.js";
+import { CalendarProvider } from "./CalendarContext.js";
+import { CalendarCaptionLabel } from "./CalendarCaptionLabel.js";
+import { CalendarChevron } from "./CalendarChevron.js";
+import { CalendarDay } from "./CalendarDay.js";
+import { CalendarDayButton } from "./CalendarDayButton.js";
+import { CalendarMonthCaption } from "./CalendarMonthCaption.js";
+import { CalendarMonthGrid } from "./CalendarMonthGrid.js";
+import { CalendarMonths } from "./CalendarMonths.js";
+import { CalendarNextMonthButton } from "./CalendarNextMonthButton.js";
+import { CalendarPreviousMonthButton } from "./CalendarPreviousMonthButton.js";
+import { CalendarWeek } from "./CalendarWeek.js";
+import { CalendarWeekday } from "./CalendarWeekday.js";
+import { CalendarWeekdays } from "./CalendarWeekdays.js";
+import { toTimeZoneName } from "./toTimeZoneName.js";
+import { forwardRef, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { DayPicker } from "react-day-picker";
+//#region src/calendar/Calendar.tsx
 const locale = new Intl.Locale(navigator.language ?? "en-US");
-const weekInfo = "getWeekInfo" in locale && typeof locale.getWeekInfo === "function" ? locale.getWeekInfo() : { firstDay: 0 };
-const weekStartsOn = weekInfo.firstDay % 7;
+const weekStartsOn = ("getWeekInfo" in locale && typeof locale.getWeekInfo === "function" ? locale.getWeekInfo() : { firstDay: 0 }).firstDay % 7;
 const components = {
-  CaptionLabel: CalendarCaptionLabel,
-  Chevron: CalendarChevron,
-  Day: CalendarDay,
-  DayButton: CalendarDayButton,
-  MonthCaption: CalendarMonthCaption,
-  MonthGrid: CalendarMonthGrid,
-  Months: CalendarMonths,
-  NextMonthButton: CalendarNextMonthButton,
-  PreviousMonthButton: CalendarPreviousMonthButton,
-  Week: CalendarWeek,
-  Weekday: CalendarWeekday,
-  Weekdays: CalendarWeekdays
+	CaptionLabel: CalendarCaptionLabel,
+	Chevron: CalendarChevron,
+	Day: CalendarDay,
+	DayButton: CalendarDayButton,
+	MonthCaption: CalendarMonthCaption,
+	MonthGrid: CalendarMonthGrid,
+	Months: CalendarMonths,
+	NextMonthButton: CalendarNextMonthButton,
+	PreviousMonthButton: CalendarPreviousMonthButton,
+	Week: CalendarWeek,
+	Weekday: CalendarWeekday,
+	Weekdays: CalendarWeekdays
 };
-const Calendar = forwardRef(
-  ({
-    defaultValue = null,
-    holiday,
-    max,
-    min,
-    mode = "single",
-    onDateSelect,
-    onValueChange,
-    placeholder,
-    step,
-    today,
-    type = "date",
-    value: valueProp,
-    weekend,
-    ...props
-  }, outerRef) => {
-    const { side } = usePopoverContentContext("@optiaxiom/react/Calendar");
-    const [view, setView] = useState("day");
-    const [value, setValue] = useControllableState({
-      caller: "@optiaxiom/react/Calendar",
-      defaultProp: defaultValue,
-      onChange: onValueChange,
-      prop: valueProp
-    });
-    const now = /* @__PURE__ */ new Date();
-    const placeholderDate = placeholder ? toInstant(
-      placeholder.includes("-") ? placeholder : `${toPlainDate(now)}T${placeholder}`
-    ) ?? now : now;
-    const time = type === "date" ? "00:00" : toPlainTime(value instanceof Date ? value : placeholderDate, step);
-    const [month, setMonth] = useState(
-      value && typeof value === "object" && "from" in value ? value.from : value instanceof Date ? value : today ?? placeholderDate
-    );
-    const innerRef = useRef(null);
-    const ref = useComposedRefs(innerRef, outerRef);
-    const [from, setFrom] = useState();
-    const [to, setTo] = useState();
-    return /* @__PURE__ */ jsx(
-      CalendarProvider,
-      {
-        month,
-        setMonth,
-        setTo,
-        setView,
-        view,
-        children: /* @__PURE__ */ jsxs(
-          Group,
-          {
-            bg: "bg.default",
-            color: "fg.default",
-            flexDirection: "column",
-            fontSize: "md",
-            gap: "4",
-            ...props,
-            ref,
-            children: [
-              /* @__PURE__ */ jsx(Box, { asChild: true, ...picker({ side }), children: mode === "single" ? /* @__PURE__ */ jsx(
-                DayPicker,
-                {
-                  autoFocus: true,
-                  components,
-                  disabled: [
-                    ...min ? [{ before: min }] : [],
-                    ...max ? [{ after: max }] : []
-                  ],
-                  mode: "single",
-                  modifiers: { holiday, weekend },
-                  month,
-                  navLayout: "after",
-                  onMonthChange: setMonth,
-                  onSelect: (value2) => {
-                    const date = value2 ? /* @__PURE__ */ new Date(toPlainDate(value2) + "T" + (time ?? "00:00")) : value2 ?? null;
-                    setValue(date);
-                    onDateSelect?.(date);
-                  },
-                  required: true,
-                  selected: value instanceof Date ? value : void 0,
-                  today,
-                  weekStartsOn
-                }
-              ) : /* @__PURE__ */ jsx(
-                DayPicker,
-                {
-                  autoFocus: true,
-                  components,
-                  disabled: [
-                    ...min ? [{ before: min }] : [],
-                    ...max ? [{ after: max }] : []
-                  ],
-                  fixedWeeks: true,
-                  mode: "range",
-                  modifiers: { holiday, weekend },
-                  month,
-                  navLayout: "after",
-                  onMonthChange: setMonth,
-                  onSelect: (newValue) => {
-                    if (!from) {
-                      const oldFrom = value && typeof value === "object" && "from" in value ? value.from : void 0;
-                      const newFrom = oldFrom && newValue?.from && newValue.from < oldFrom ? newValue.from : newValue?.to;
-                      setFrom(newFrom);
-                      if (newFrom) {
-                        onDateSelect?.(newFrom);
-                      }
-                    } else {
-                      setFrom(void 0);
-                      const start = to && to < from ? to : from;
-                      const end = to && to < from ? toInstant(toPlainDate(from) + "T23:59:59.999") : to ? toInstant(toPlainDate(to) + "T23:59:59.999") : void 0;
-                      if (end) {
-                        onDateSelect?.(end);
-                      }
-                      setValue(
-                        end ? {
-                          from: start,
-                          to: end
-                        } : null
-                      );
-                    }
-                  },
-                  required: true,
-                  selected: from ? to && to < from ? { from: to, to: from } : { from, to } : value && typeof value === "object" && "from" in value ? value : void 0,
-                  showOutsideDays: true,
-                  today,
-                  weekStartsOn
-                }
-              ) }),
-              type === "datetime-local" && mode == "single" && /* @__PURE__ */ jsxs(Group, { flexDirection: "column", gap: "8", mt: "8", children: [
-                /* @__PURE__ */ jsx(
-                  Clock,
-                  {
-                    onValueChange: (time2) => {
-                      setValue(
-                        /* @__PURE__ */ new Date(
-                          toPlainDate(
-                            value instanceof Date ? value : placeholderDate
-                          ) + "T" + time2
-                        )
-                      );
-                    },
-                    step,
-                    value: time
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Text,
-                  {
-                    color: "fg.tertiary",
-                    fontSize: "sm",
-                    textAlign: "center",
-                    w: "full",
-                    children: toTimeZoneName(
-                      value instanceof Date ? value : placeholderDate
-                    )
-                  }
-                )
-              ] })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
+/**
+* Base date picker component.
+*
+* @category date
+* @since 0.12.1
+* @experimental
+*/
+const Calendar = forwardRef(({ defaultValue = null, holiday, max, min, mode = "single", onDateSelect, onValueChange, placeholder, step, today, type = "date", value: valueProp, weekend, ...props }, outerRef) => {
+	const { side } = usePopoverContentContext("@optiaxiom/react/Calendar");
+	const [view, setView] = useState("day");
+	const [value, setValue] = useControllableState({
+		caller: "@optiaxiom/react/Calendar",
+		defaultProp: defaultValue,
+		onChange: onValueChange,
+		prop: valueProp
+	});
+	const now = /* @__PURE__ */ new Date();
+	const placeholderDate = placeholder ? toInstant(placeholder.includes("-") ? placeholder : `${toPlainDate(now)}T${placeholder}`) ?? now : now;
+	const time = type === "date" ? "00:00" : toPlainTime(value instanceof Date ? value : placeholderDate, step);
+	const [month, setMonth] = useState(value && typeof value === "object" && "from" in value ? value.from : value instanceof Date ? value : today ?? placeholderDate);
+	const ref = useComposedRefs(useRef(null), outerRef);
+	const [from, setFrom] = useState();
+	const [to, setTo] = useState();
+	return /* @__PURE__ */ jsx(CalendarProvider, {
+		month,
+		setMonth,
+		setTo,
+		setView,
+		view,
+		children: /* @__PURE__ */ jsxs(Group, {
+			bg: "bg.default",
+			color: "fg.default",
+			flexDirection: "column",
+			fontSize: "md",
+			gap: "4",
+			...props,
+			ref,
+			children: [/* @__PURE__ */ jsx(Box, {
+				asChild: true,
+				...picker({ side }),
+				children: mode === "single" ? /* @__PURE__ */ jsx(DayPicker, {
+					autoFocus: true,
+					components,
+					disabled: [...min ? [{ before: min }] : [], ...max ? [{ after: max }] : []],
+					mode: "single",
+					modifiers: {
+						holiday,
+						weekend
+					},
+					month,
+					navLayout: "after",
+					onMonthChange: setMonth,
+					onSelect: (value) => {
+						const date = value ? /* @__PURE__ */ new Date(toPlainDate(value) + "T" + (time ?? "00:00")) : value ?? null;
+						setValue(date);
+						onDateSelect?.(date);
+					},
+					required: true,
+					selected: value instanceof Date ? value : void 0,
+					today,
+					weekStartsOn
+				}) : /* @__PURE__ */ jsx(DayPicker, {
+					autoFocus: true,
+					components,
+					disabled: [...min ? [{ before: min }] : [], ...max ? [{ after: max }] : []],
+					fixedWeeks: true,
+					mode: "range",
+					modifiers: {
+						holiday,
+						weekend
+					},
+					month,
+					navLayout: "after",
+					onMonthChange: setMonth,
+					onSelect: (newValue) => {
+						if (!from) {
+							const oldFrom = value && typeof value === "object" && "from" in value ? value.from : void 0;
+							const newFrom = oldFrom && newValue?.from && newValue.from < oldFrom ? newValue.from : newValue?.to;
+							setFrom(newFrom);
+							if (newFrom) onDateSelect?.(newFrom);
+						} else {
+							setFrom(void 0);
+							const start = to && to < from ? to : from;
+							const end = to && to < from ? toInstant(toPlainDate(from) + "T23:59:59.999") : to ? toInstant(toPlainDate(to) + "T23:59:59.999") : void 0;
+							if (end) onDateSelect?.(end);
+							setValue(end ? {
+								from: start,
+								to: end
+							} : null);
+						}
+					},
+					required: true,
+					selected: from ? to && to < from ? {
+						from: to,
+						to: from
+					} : {
+						from,
+						to
+					} : value && typeof value === "object" && "from" in value ? value : void 0,
+					showOutsideDays: true,
+					today,
+					weekStartsOn
+				})
+			}), type === "datetime-local" && mode == "single" && /* @__PURE__ */ jsxs(Group, {
+				flexDirection: "column",
+				gap: "8",
+				mt: "8",
+				children: [/* @__PURE__ */ jsx(Clock, {
+					onValueChange: (time) => {
+						setValue(/* @__PURE__ */ new Date(toPlainDate(value instanceof Date ? value : placeholderDate) + "T" + time));
+					},
+					step,
+					value: time
+				}), /* @__PURE__ */ jsx(Text, {
+					color: "fg.tertiary",
+					fontSize: "sm",
+					textAlign: "center",
+					w: "full",
+					children: toTimeZoneName(value instanceof Date ? value : placeholderDate)
+				})]
+			})]
+		})
+	});
+});
 Calendar.displayName = "@optiaxiom/react/Calendar";
-
+//#endregion
 export { Calendar };

package/dist/esm/packages/react/src/calendar/CalendarCaptionLabel.js

@@ -1,43 +1,31 @@
 "use client";
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { CaptionLabel } from 'react-day-picker';
-import { Button } from '../button/Button.js';
-import '../button/ButtonGroup.js';
-import { IconAngleDown } from '../icons/IconAngleDown.js';
-import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
-import { useCalendarContext } from './CalendarContext.js';
-
-function CalendarCaptionLabel({
-  children,
-  ...props
-}) {
-  const { month, setView, view } = useCalendarContext(
-    "@optiaxiom/react/CalendarCaptionLabel"
-  );
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      appearance: "subtle",
-      icon: /* @__PURE__ */ jsx(IconAngleDown, {}),
-      iconPosition: "end",
-      onClick: () => {
-        if (view === "month") {
-          setView("year");
-        } else {
-          setView("month");
-        }
-      },
-      children: [
-        /* @__PURE__ */ jsx(CaptionLabel, { ...props, children: view === "year" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          month.getFullYear(),
-          " - ",
-          month.getFullYear() + 11
-        ] }) : view === "month" ? month.getFullYear() : children }),
-        /* @__PURE__ */ jsx(VisuallyHidden, { children: view === "month" ? "change year" : "change month" })
-      ]
-    }
-  );
+import { Button } from "../button/Button.js";
+import { VisuallyHidden } from "../visually-hidden/VisuallyHidden.js";
+import { IconAngleDown } from "../icons/IconAngleDown.js";
+import { useCalendarContext } from "./CalendarContext.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CaptionLabel } from "react-day-picker";
+//#region src/calendar/CalendarCaptionLabel.tsx
+function CalendarCaptionLabel({ children, ...props }) {
+	const { month, setView, view } = useCalendarContext("@optiaxiom/react/CalendarCaptionLabel");
+	return /* @__PURE__ */ jsxs(Button, {
+		appearance: "subtle",
+		icon: /* @__PURE__ */ jsx(IconAngleDown, {}),
+		iconPosition: "end",
+		onClick: () => {
+			if (view === "month") setView("year");
+			else setView("month");
+		},
+		children: [/* @__PURE__ */ jsx(CaptionLabel, {
+			...props,
+			children: view === "year" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+				month.getFullYear(),
+				" - ",
+				month.getFullYear() + 11
+			] }) : view === "month" ? month.getFullYear() : children
+		}), /* @__PURE__ */ jsx(VisuallyHidden, { children: view === "month" ? "change year" : "change month" })]
+	});
 }
 CalendarCaptionLabel.displayName = "@optiaxiom/react/CalendarCaptionLabel";
-
+//#endregion
 export { CalendarCaptionLabel };