@ultraviolet/ui 3.0.0-beta.25 → 3.0.0-beta.27

package/dist/components/Carousel/index.cjs

@@ -1,74 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const dynamic = require("@vanilla-extract/dynamic");
-const react = require("react");
-const styles_css = require("./styles.css.cjs");
-const CarouselItem = ({
-  children,
-  width = "240px",
-  style
-}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.borderWrapper, draggable: "true", style: {
-  ...dynamic.assignInlineVars({
-    [styles_css.widthVar]: width
-  }),
-  ...style
-}, children });
-const Carousel = ({
-  children,
-  className,
-  "data-testid": dataTestId = "scrollbar"
-}) => {
-  const scrollRef = react.useRef(null);
-  let intervalLeft;
-  let intervalRight;
-  const handleScrollRight = () => {
-    intervalRight = setInterval(() => {
-      if (scrollRef.current?.scrollTo && scrollRef.current?.scrollLeft) {
-        scrollRef.current.scrollTo?.(scrollRef.current.scrollLeft - 25, 0);
-      }
-    }, 30);
-  };
-  const handleScrollLeft = () => {
-    intervalLeft = setInterval(() => {
-      if (scrollRef.current?.scrollTo && scrollRef.current?.scrollLeft) {
-        scrollRef.current.scrollTo(scrollRef.current.scrollLeft + 25, 0);
-      }
-    }, 30);
-  };
-  const handleScrollX = (scrollX = 25) => {
-    if (scrollRef.current?.scrollTo && scrollRef.current?.scrollLeft) {
-      scrollRef.current.scrollTo?.(scrollRef.current.scrollLeft + scrollX, 0);
-    }
-  };
-  const cleanUp = () => {
-    clearInterval(intervalLeft);
-    clearInterval(intervalRight);
-  };
-  react.useEffect(() => cleanUp);
-  const [dragStartX, setDragStartX] = react.useState(0);
-  const [deltaX, setDeltaX] = react.useState(0);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${className ? `${className} ` : ""}${styles_css.wrapper}`, "data-testid": dataTestId, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_css.beforeScroll, "data-testid": `${dataTestId}-before`, onFocus: handleScrollRight, onMouseLeave: () => clearInterval(intervalRight), onMouseOver: handleScrollRight }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${className ? `${className} ` : ""}${styles_css.scrollableWrapper}`, "data-testid": `${dataTestId}-wrapper`, onDrag: () => handleScrollX(deltaX), onDragEnd: () => {
-      setDeltaX(0);
-      setDragStartX(0);
-    }, onDragOver: (e) => {
-      setDeltaX(dragStartX - e.pageX);
-      setDragStartX(e.pageX);
-    }, onDragStart: (e) => {
-      const blankImg = new Image();
-      blankImg.src = "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==";
-      e.dataTransfer.setDragImage(blankImg, 0, 0);
-      setDragStartX(e.clientX);
-    }, onMouseUp: (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-    }, ref: scrollRef, children }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_css.afterScroll, "data-testid": `${dataTestId}-after`, onFocus: handleScrollLeft, onMouseLeave: () => clearInterval(intervalLeft), onMouseOver: handleScrollLeft })
-  ] });
-};
-Carousel.Item = CarouselItem;
-exports.Carousel = Carousel;
-exports.CarouselItem = CarouselItem;

package/dist/components/Carousel/styles.css.cjs

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-var widthVar = "var(--uv_ztme1b0)";
-var wrapper = "uv_ztme1b1";
-var beforeScroll = "uv_ztme1b2";
-var scrollableWrapper = "uv_ztme1b3";
-var afterScroll = "uv_ztme1b4";
-var borderWrapper = "uv_ztme1b5";
-exports.afterScroll = afterScroll;
-exports.beforeScroll = beforeScroll;
-exports.borderWrapper = borderWrapper;
-exports.scrollableWrapper = scrollableWrapper;
-exports.widthVar = widthVar;
-exports.wrapper = wrapper;

package/dist/components/Checkbox/index.cjs

@@ -1,58 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const themes = require("@ultraviolet/themes");
-const react = require("react");
-const index$1 = require("../Stack/index.cjs");
-const index$2 = require("../Text/index.cjs");
-const index = require("../Tooltip/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const CheckboxIconContainer = ({
-  children
-}) => {
-  const theme = themes.useTheme();
-  return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { className: styles_css.innerCheckbox, height: "16", rx: theme.radii.small, strokeWidth: "2", width: "16", x: "4", y: "4" }),
-    children
-  ] });
-};
-const Checkbox = react.forwardRef(({
-  id,
-  checked = false,
-  onChange,
-  onFocus,
-  onBlur,
-  error,
-  name,
-  helper,
-  value,
-  children,
-  disabled = false,
-  autoFocus = false,
-  className,
-  "data-visibility": dataVisibility,
-  "aria-label": ariaLabel,
-  required,
-  "data-testid": dataTestId,
-  tooltip,
-  tabIndex,
-  style
-}, ref) => {
-  const uniqId = react.useId();
-  const localId = id ?? uniqId;
-  const isCheck = checked === true ? checked : false;
-  return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-disabled": disabled, className: `${className ? `${className} ` : ""}${styles_css.checkboxContainer}`, "data-checked": checked, "data-error": !!error, "data-testid": dataTestId, "data-visibility": dataVisibility, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("input", { "aria-checked": checked === "indeterminate" ? "mixed" : isCheck, "aria-describedby": error ? `${localId}-hint` : void 0, "aria-invalid": !!error, "aria-label": ariaLabel, autoFocus, checked: isCheck, className: styles_css.checkboxInput, disabled, id: localId, name, onBlur, onChange, onFocus, ref, required, style, tabIndex, type: "checkbox", value }),
-    /* @__PURE__ */ jsxRuntime.jsx("svg", { className: styles_css.icon, fill: "none", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx(CheckboxIconContainer, { children: checked !== "indeterminate" ? /* @__PURE__ */ jsxRuntime.jsx("path", { clipRule: "evenodd", d: "M15.6678 5.26709C16.0849 5.6463 16.113 6.28907 15.7307 6.70276L9.29172 13.6705C9.10291 13.8748 8.83818 13.9937 8.55884 13.9998C8.2795 14.0058 8.0098 13.8984 7.81223 13.7024L4.30004 10.2185C3.89999 9.82169 3.89999 9.17831 4.30004 8.78149C4.70009 8.38467 5.34869 8.38467 5.74874 8.78149L8.50441 11.5149L14.2205 5.32951C14.6028 4.91583 15.2508 4.88788 15.6678 5.26709Z", fill: "white", fillRule: "evenodd", height: 9, width: 12, x: "5", y: "4" }) : /* @__PURE__ */ jsxRuntime.jsx("rect", { className: styles_css.checkMixedMark, height: "2", rx: "1", width: "12", x: "6", y: "11" }) }) }),
-    !children && !required && !helper && !error ? null : /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { flex: 1, gap: 0.5, children: [
-      !children && !required ? null : /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { alignItems: "center", direction: "row", flex: 1, gap: 0.5, children: [
-        children ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "label", className: styles_css.label, htmlFor: localId, prominence: "default", sentiment: "neutral", variant: "body", children }) : /* @__PURE__ */ jsxRuntime.jsx("label", { className: styles_css.label, htmlFor: localId, children }) }) : null,
-        required ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "sup", sentiment: "danger", variant: "body", children: "*" }) : null
-      ] }),
-      helper ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "span", prominence: "weak", sentiment: "neutral", variant: "caption", children: helper }) : null,
-      error && typeof error !== "boolean" ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "span", className: styles_css.errorText, sentiment: "danger", variant: "caption", children: error }) : null
-    ] })
-  ] }) });
-});
-exports.Checkbox = Checkbox;

package/dist/components/Checkbox/styles.css.cjs

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-var errorText = "uv_9pjq8o0";
-var innerCheckbox = "uv_9pjq8o1";
-var checkMixedMark = "uv_9pjq8o2";
-var icon = "uv_9pjq8o3";
-var label = "uv_9pjq8o4";
-var checkboxInput = "uv_9pjq8o5";
-var checkboxContainer = "uv_9pjq8o6";
-exports.checkMixedMark = checkMixedMark;
-exports.checkboxContainer = checkboxContainer;
-exports.checkboxInput = checkboxInput;
-exports.errorText = errorText;
-exports.icon = icon;
-exports.innerCheckbox = innerCheckbox;
-exports.label = label;

package/dist/components/CheckboxGroup/index.cjs

@@ -1,78 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const index$3 = require("../Checkbox/index.cjs");
-const index$1 = require("../Label/index.cjs");
-const index = require("../Stack/index.cjs");
-const index$2 = require("../Text/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const CheckboxGroupContext = react.createContext(void 0);
-const CheckboxGroupCheckbox = ({
-  onFocus,
-  onBlur,
-  disabled,
-  error,
-  name,
-  value,
-  children,
-  helper,
-  className,
-  autoFocus,
-  "data-testid": dataTestId,
-  required,
-  tooltip,
-  style
-}) => {
-  const context = react.useContext(CheckboxGroupContext);
-  if (!context) {
-    throw new Error("CheckboxGroup.Checkbox can only be used inside a CheckboxGroup");
-  }
-  const {
-    groupName,
-    onChange,
-    groupValues,
-    error: errorContext
-  } = context;
-  const checkboxName = `${groupName}.${name ?? ""}`;
-  const checkboxValue = `${value}`;
-  return /* @__PURE__ */ jsxRuntime.jsx(index$3.Checkbox, { autoFocus, checked: groupValues?.includes(checkboxValue), className: `${className ? `${className} ` : ""}${styles_css.checkbox}`, "data-testid": dataTestId, disabled, error: error || errorContext, helper, name: checkboxName, onBlur, onChange, onFocus, required, style, tooltip, value: checkboxValue, children });
-};
-const CheckboxGroup = ({
-  legend,
-  legendDescription,
-  value,
-  className,
-  helper,
-  error,
-  direction = "column",
-  children,
-  onChange,
-  name,
-  description,
-  required = false,
-  style
-}) => {
-  const contextValue = react.useMemo(() => ({
-    error: !!error,
-    groupName: name,
-    groupValues: value ?? [],
-    onChange,
-    required
-  }), [name, value, onChange, required, error]);
-  return /* @__PURE__ */ jsxRuntime.jsx(CheckboxGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 1, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("fieldset", { className: `${className ? `${className} ` : ""}${styles_css.fieldset}`, style, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 1.5, children: [
-      legend || description ? /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 0.5, children: [
-        legend ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Label, { as: "legend", labelDescription: legendDescription, required, children: legend }) : null,
-        description ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: typeof description === "string" ? "p" : "div", prominence: "weak", sentiment: "neutral", variant: "bodySmall", children: description }) : null
-      ] }) : null,
-      /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { direction, gap: direction === "column" ? 1 : 2, children })
-    ] }) }),
-    helper ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "span", prominence: "weak", sentiment: "neutral", variant: "caption", children: helper }) : null,
-    error ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "span", sentiment: "danger", variant: "caption", children: error }) : null
-  ] }) });
-};
-CheckboxGroup.Checkbox = CheckboxGroupCheckbox;
-exports.CheckboxGroup = CheckboxGroup;
-exports.CheckboxGroupCheckbox = CheckboxGroupCheckbox;

package/dist/components/CheckboxGroup/styles.css.cjs

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-var fieldset = "uv_19cjf6j0";
-var checkbox = "uv_19cjf6j1";
-exports.checkbox = checkbox;
-exports.fieldset = fieldset;

package/dist/components/Chip/ChipContext.cjs

@@ -1,6 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const ChipContext = react.createContext(void 0);
-exports.ChipContext = ChipContext;

package/dist/components/Chip/ChipIcon.cjs

@@ -1,52 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("@ultraviolet/icons");
-const react = require("react");
-const ChipContext = require("./ChipContext.cjs");
-const styles_css = require("./styles.css.cjs");
-function _interopNamespaceCompat(e) {
-  if (e && typeof e === "object" && "default" in e) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const Icon__namespace = /* @__PURE__ */ _interopNamespaceCompat(Icon);
-const ChipIcon = ({
-  name,
-  onClick,
-  "data-testid": dataTestId
-}) => {
-  const context = react.useContext(ChipContext.ChipContext);
-  if (!context) {
-    throw new Error("Chip.Icon can only be used inside a Chip component");
-  }
-  const {
-    disabled,
-    isActive,
-    iconRef
-  } = context;
-  const IconUsed = Icon__namespace[`${name.charAt(0).toUpperCase() + name.slice(1)}Icon`];
-  if (onClick) {
-    return /* @__PURE__ */ jsxRuntime.jsx("button", { className: styles_css.buttonContainer, "data-active": isActive, "data-disabled": disabled, "data-has-onclick": !!onClick && !disabled, "data-testid": dataTestId, onClick: (event) => {
-      if (!disabled && onClick) {
-        event.stopPropagation();
-        onClick();
-      }
-    }, ref: iconRef, children: /* @__PURE__ */ jsxRuntime.jsx(IconUsed, { disabled, prominence: isActive ? "stronger" : "default", sentiment: "neutral", size: "small" }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.buttonContainer, "data-active": isActive, "data-disabled": disabled, "data-testid": dataTestId, ref: iconRef, children: /* @__PURE__ */ jsxRuntime.jsx(IconUsed, { disabled, prominence: isActive ? "stronger" : "default", sentiment: "neutral", size: "small" }) });
-};
-exports.ChipIcon = ChipIcon;

package/dist/components/Chip/index.cjs

@@ -1,60 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const index$1 = require("../Stack/index.cjs");
-const index = require("../Text/index.cjs");
-const ChipContext = require("./ChipContext.cjs");
-const ChipIcon = require("./ChipIcon.cjs");
-const styles_css = require("./styles.css.cjs");
-const Chip = ({
-  children,
-  size = "medium",
-  disabled = false,
-  active = false,
-  className,
-  "data-testid": dataTestId,
-  onClick,
-  style
-}) => {
-  const [isActive, setIsActive] = react.useState(active);
-  const [hasTrailingIcon, setTrailingIcon] = react.useState(false);
-  const chipRef = react.useRef(null);
-  const iconRef = react.useRef(null);
-  const prominence = react.useMemo(() => {
-    if (isActive) {
-      return "stronger";
-    }
-    if (disabled) {
-      return "weak";
-    }
-    return "default";
-  }, [isActive, disabled]);
-  const value = react.useMemo(() => ({
-    disabled,
-    iconRef,
-    isActive
-  }), [isActive, disabled, iconRef]);
-  react.useEffect(() => {
-    setIsActive(active);
-  }, [active]);
-  react.useEffect(() => {
-    if (chipRef.current && iconRef.current) {
-      const lastChildNode = chipRef.current.lastChild;
-      if (lastChildNode === iconRef.current) {
-        setTrailingIcon(true);
-      } else {
-        setTrailingIcon(false);
-      }
-    }
-  }, [children, iconRef]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ChipContext.ChipContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "div", style, variant: size === "large" ? "bodySmall" : "caption", children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Stack, { alignItems: "center", className: `${className ? `${className} ` : ""}${styles_css.container}`, "data-active": isActive, "data-disabled": disabled, "data-prominence": prominence, "data-size": size, "data-testid": dataTestId, "data-trailing-icon": hasTrailingIcon, direction: "row", gap: 1, justifyContent: "center", onClick: () => {
-    if (!disabled) {
-      setIsActive(!isActive);
-      onClick?.(!isActive);
-    }
-  }, ref: chipRef, children }) }) });
-};
-Chip.Icon = ChipIcon.ChipIcon;
-exports.Chip = Chip;

package/dist/components/Chip/styles.css.cjs

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-var buttonContainer = "uv_1u4n71t0";
-var container = "uv_1u4n71t1";
-exports.buttonContainer = buttonContainer;
-exports.container = container;

package/dist/components/CopyButton/index.cjs

@@ -1,35 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("@ultraviolet/icons");
-const useClipboard = require("react-use-clipboard");
-const index = require("../Button/index.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const useClipboard__default = /* @__PURE__ */ _interopDefaultCompat(useClipboard);
-const COPY_DURATION = 2500;
-const CopyButton = ({
-  size = "small",
-  value,
-  copyText = "Copy",
-  copiedText = "Copied!",
-  sentiment = "primary",
-  bordered,
-  className,
-  children,
-  "data-testid": dataTestId,
-  onCopy,
-  style
-}) => {
-  const [isCopied, setCopied] = useClipboard__default.default(value, {
-    successDuration: COPY_DURATION
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.Button, { "aria-label": "Copy", className, "data-testid": dataTestId, onClick: () => {
-    setCopied();
-    onCopy?.();
-  }, sentiment, size, style, tooltip: isCopied ? copiedText : copyText, type: "button", variant: !bordered ? "ghost" : "outlined", children: [
-    isCopied ? /* @__PURE__ */ jsxRuntime.jsx(Icon.CheckIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(Icon.CopyContentIcon, {}),
-    children
-  ] });
-};
-exports.CopyButton = CopyButton;

package/dist/components/DateInput/Context.cjs

@@ -1,23 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const DateInputContext = react.createContext({
-  DAYS: {},
-  disabled: false,
-  excludeDates: [],
-  MONTHS: {},
-  MONTHS_ARR: [],
-  monthToShow: 1,
-  readOnly: false,
-  selectsRange: false,
-  setHoveredDate: () => null,
-  setInputValue: () => null,
-  setMonthToShow: () => null,
-  setValue: () => null,
-  setVisible: () => null,
-  setYearToShow: () => null,
-  showMonthYearPicker: false,
-  yearToShow: 2e3
-});
-exports.DateInputContext = DateInputContext;

package/dist/components/DateInput/components/CalendarContent.cjs

@@ -1,61 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("@ultraviolet/icons");
-const react = require("react");
-const index$1 = require("../../Button/index.cjs");
-const index = require("../../Stack/index.cjs");
-const index$2 = require("../../Text/index.cjs");
-const Context = require("../Context.cjs");
-const helpers = require("../helpers.cjs");
-const CalendarDaily = require("./CalendarDaily.cjs");
-const CalendarMonthly = require("./CalendarMonthly.cjs");
-const styles_css = require("./styles.css.cjs");
-const CalendarContent = () => {
-  const {
-    showMonthYearPicker,
-    disabled,
-    monthToShow,
-    yearToShow,
-    setMonthToShow,
-    setYearToShow,
-    maxDate,
-    minDate,
-    MONTHS_ARR,
-    readOnly
-  } = react.useContext(Context.DateInputContext);
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 2, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { direction: "row", justifyContent: "space-between", width: "100%", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index$1.Button, { "data-testid": "previous-month", disabled: !!(minDate && minDate > new Date(yearToShow, monthToShow - 1, 0)) || disabled, onClick: () => {
-        if ((!minDate || minDate <= new Date(yearToShow, monthToShow - 1, 0)) && !readOnly) {
-          if (!showMonthYearPicker) {
-            const [prevMonth, year] = helpers.getPreviousMonth(monthToShow, yearToShow);
-            setMonthToShow(prevMonth);
-            setYearToShow(year);
-          } else {
-            setYearToShow(yearToShow - 1);
-          }
-        }
-      }, sentiment: "neutral", size: "xsmall", variant: "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.ArrowLeftIcon, {}) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(index$2.Text, { as: "span", className: styles_css.capitalizedText, disabled, sentiment: "neutral", variant: "bodyStrong", children: [
-        !showMonthYearPicker ? MONTHS_ARR[monthToShow - 1] : null,
-        " ",
-        yearToShow
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(index$1.Button, { "data-testid": "next-month", disabled: !!(maxDate && maxDate < new Date(yearToShow, monthToShow, 1)) || disabled, onClick: () => {
-        if ((!maxDate || maxDate >= new Date(yearToShow, monthToShow, 1)) && !readOnly) {
-          if (!showMonthYearPicker) {
-            const [monthNext, year] = helpers.getNextMonth(monthToShow, yearToShow);
-            setMonthToShow(monthNext);
-            setYearToShow(year);
-          } else {
-            setYearToShow(yearToShow + 1);
-          }
-        }
-      }, sentiment: "neutral", size: "xsmall", variant: "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.ArrowRightIcon, {}) })
-    ] }),
-    showMonthYearPicker ? /* @__PURE__ */ jsxRuntime.jsx(CalendarMonthly.Monthly, {}) : /* @__PURE__ */ jsxRuntime.jsx(CalendarDaily.Daily, {})
-  ] });
-};
-exports.CalendarContent = CalendarContent;