@ultraviolet/ui 3.0.0-beta.26 → 3.0.0-beta.28

package/dist/components/DateInput/components/CalendarDaily.cjs

@@ -1,169 +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$2 = require("../../Button/index.cjs");
-const index = require("../../Row/index.cjs");
-const index$1 = require("../../Text/index.cjs");
-const Context = require("../Context.cjs");
-const constants = require("../constants.cjs");
-const helpers = require("../helpers.cjs");
-const styles_css = require("./styles.css.cjs");
-const Daily = () => {
-  const {
-    value,
-    yearToShow,
-    monthToShow,
-    setValue,
-    setMonthToShow,
-    onChange,
-    setYearToShow,
-    excludeDates,
-    minDate,
-    maxDate,
-    DAYS,
-    selectsRange,
-    range,
-    setRange,
-    setInputValue,
-    format,
-    setVisible,
-    readOnly,
-    disabled,
-    hoveredDate,
-    setHoveredDate
-  } = react.useContext(Context.DateInputContext);
-  const [rangeState, setRangeState] = react.useState(range?.start && !range?.end ? "end" : "start");
-  const monthDays = new Date(yearToShow, monthToShow, 0).getDate();
-  const daysFromPreviousMonth = helpers.getMonthFirstDay(monthToShow, yearToShow);
-  const daysFromNextMonth = constants.CALENDAR_WEEKS * 7 - (daysFromPreviousMonth + monthDays);
-  const [previousMonth, prevMonthYear] = helpers.getPreviousMonth(monthToShow, yearToShow);
-  const [nextMonth, nextMonthYear] = helpers.getNextMonth(monthToShow, yearToShow);
-  const previousMonthDays = new Date(prevMonthYear, previousMonth, 0).getDate();
-  const prevMonthDates = Array.from({
-    length: daysFromPreviousMonth
-  }, (_, index2) => ({
-    day: index2 + 1 + (previousMonthDays - daysFromPreviousMonth),
-    month: -1
-  }));
-  const currentMonthDates = Array.from({
-    length: monthDays
-  }, (_, index2) => ({
-    day: index2 + 1,
-    month: 0
-  }));
-  const nextMonthDates = Array.from({
-    length: daysFromNextMonth
-  }, (_, index2) => ({
-    day: index2 + 1,
-    month: 1
-  }));
-  const allDaysToShow = [...prevMonthDates, ...currentMonthDates, ...nextMonthDates];
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.Row, { gap: 1, templateColumns: "repeat(7, 1fr)", children: [
-    Object.entries(DAYS).map((day) => /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "p", className: styles_css.capitalizedTextDay, disabled, sentiment: "neutral", variant: "bodyStrong", children: day[1] }, day[0])),
-    allDaysToShow.map((data) => {
-      const constructedDate = new Date(yearToShow, monthToShow - 1 + data.month, data.day);
-      const isExcluded = excludeDates ? excludeDates.map((date) => helpers.isSameDay(constructedDate, date)).includes(true) : false;
-      const isOutsideRange = !!(minDate && constructedDate < minDate) || !!(maxDate && constructedDate > maxDate);
-      const isSelected = value && helpers.isSameDay(constructedDate, new Date(value)) || range?.end && helpers.isSameDay(constructedDate, range.end) || range?.start && helpers.isSameDay(constructedDate, range.start);
-      const isAfterStartDate = selectsRange && range?.start && constructedDate > range.start;
-      const isInHoveredRange = selectsRange && range?.start && constructedDate > range.start && hoveredDate && constructedDate < hoveredDate && !range.end || selectsRange && range?.start && constructedDate < range.start && hoveredDate && constructedDate > hoveredDate && !range.end || range?.start && range.end && constructedDate < range.end && constructedDate > range.start;
-      const getNewDate = () => {
-        if (data.month !== 0 && data.day > 15) {
-          setMonthToShow(previousMonth);
-          setYearToShow(prevMonthYear);
-          return new Date(prevMonthYear, previousMonth - 1, data.day);
-        }
-        if (data.month !== 0 && data.day < 15) {
-          setMonthToShow(nextMonth);
-          setYearToShow(nextMonthYear);
-          return new Date(nextMonthYear, nextMonth - 1, data.day);
-        }
-        return new Date(yearToShow, monthToShow - 1, data.day);
-      };
-      const onClickRange = (event, newDate) => {
-        if (selectsRange) {
-          if (rangeState === "end" && isAfterStartDate) {
-            setRange?.({
-              end: newDate,
-              start: range.start
-            });
-            onChange?.([range.start, newDate], event);
-            setInputValue(helpers.formatValue(null, {
-              end: newDate,
-              start: range.start
-            }, false, true, format));
-            setRangeState("start");
-            setVisible(false);
-          } else if (rangeState === "end" && !isAfterStartDate && range?.start) {
-            setRange?.({
-              end: range.start,
-              start: newDate
-            });
-            onChange?.([newDate, range.start], event);
-            setInputValue(helpers.formatValue(null, {
-              end: range.start,
-              start: newDate
-            }, false, true, format));
-            setRangeState("start");
-            setVisible(false);
-          } else {
-            setRange?.({
-              end: null,
-              start: newDate
-            });
-            onChange?.([newDate, null], event);
-            setInputValue(helpers.formatValue(null, {
-              end: null,
-              start: newDate
-            }, false, true, format));
-            setRangeState("end");
-          }
-        }
-      };
-      const createTestId = () => {
-        if (isInHoveredRange) {
-          return "rangeButton";
-        }
-        if (data.month === -1) {
-          return "dayLastMonth";
-        }
-        if (data.month === 1) {
-          return "dayNextMonth";
-        }
-        return void 0;
-      };
-      const dayState = () => {
-        if (isSelected) {
-          return "selected";
-        }
-        if (isInHoveredRange) {
-          return "in-range";
-        }
-        if (data.month !== 0) {
-          return "not-current";
-        }
-        return "neutral";
-      };
-      return /* @__PURE__ */ jsxRuntime.jsx(index$2.Button, { "aria-label": dayState(), className: styles_css.dayMonth, "data-testid": createTestId(), disabled: disabled || isExcluded || isOutsideRange, onClick: (event) => {
-        if (!isExcluded && !isOutsideRange && !readOnly) {
-          const newDate = getNewDate();
-          if (selectsRange) {
-            onClickRange(event, newDate);
-          } else {
-            setValue(newDate);
-            onChange?.(newDate, event);
-            setInputValue(helpers.formatValue(newDate, null, false, false, format));
-            setVisible(false);
-          }
-        }
-      }, onMouseEnter: () => {
-        if (selectsRange && range?.start) {
-          setHoveredDate(constructedDate);
-        }
-      }, sentiment: isSelected || isInHoveredRange ? "primary" : "neutral", variant: isSelected || isInHoveredRange ? "filled" : "ghost", children: data.day }, `${data.month}-${data.day}`);
-    })
-  ] });
-};
-exports.Daily = Daily;

package/dist/components/DateInput/components/CalendarMonthly.cjs

@@ -1,105 +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("../../Button/index.cjs");
-const index = require("../../Row/index.cjs");
-const Context = require("../Context.cjs");
-const helpers = require("../helpers.cjs");
-const styles_css = require("./styles.css.cjs");
-const Monthly = () => {
-  const {
-    yearToShow,
-    setValue,
-    setMonthToShow,
-    MONTHS,
-    onChange,
-    selectsRange,
-    setRange,
-    range,
-    minDate,
-    maxDate,
-    excludeDates,
-    value,
-    setInputValue,
-    format,
-    setVisible,
-    readOnly,
-    disabled,
-    setHoveredDate,
-    hoveredDate
-  } = react.useContext(Context.DateInputContext);
-  const [rangeState, setRangeState] = react.useState(range?.start && !range.end ? "end" : "start");
-  return /* @__PURE__ */ jsxRuntime.jsx(index.Row, { gap: 1, templateColumns: "1fr 1fr 1fr", children: Object.entries(MONTHS).map((month, index2) => {
-    const constructedDate = new Date(yearToShow, index2, 1);
-    const isExcluded = excludeDates ? excludeDates.map((date) => helpers.isSameMonth(constructedDate, date)).includes(true) : false;
-    const isOutsideRange = !!(minDate && constructedDate < minDate) || !!(maxDate && constructedDate > maxDate);
-    const isAfterStartDate = selectsRange && range?.start && constructedDate > range.start;
-    const isInHoveredRange = selectsRange && range?.start && constructedDate > range.start && hoveredDate && constructedDate < hoveredDate && !range.end || selectsRange && range?.start && constructedDate < range.start && hoveredDate && constructedDate > hoveredDate && !range.end || range?.start && range.end && constructedDate < range.end && constructedDate > range.start;
-    const isSelected = value && helpers.isSameMonth(constructedDate, value) || range?.start && helpers.isSameMonth(constructedDate, range.start) || range?.end && helpers.isSameMonth(constructedDate, range.end);
-    const onClickRange = (event, newDate) => {
-      if (selectsRange) {
-        if (rangeState === "end" && isAfterStartDate) {
-          setRange?.({
-            end: newDate,
-            start: range.start
-          });
-          onChange?.([range.start, newDate], event);
-          setInputValue(helpers.formatValue(null, {
-            end: newDate,
-            start: range.start
-          }, true, true, format));
-          setVisible(false);
-          setRangeState("start");
-        } else if (rangeState === "end" && !isAfterStartDate && range) {
-          setRange?.({
-            end: range.start,
-            start: newDate
-          });
-          onChange?.([newDate, range.start], event);
-          setInputValue(helpers.formatValue(null, {
-            end: range.start,
-            start: newDate
-          }, true, true, format));
-          setVisible(false);
-          setRangeState("start");
-        } else {
-          setRange?.({
-            end: null,
-            start: newDate
-          });
-          onChange?.([newDate, null], event);
-          setInputValue(helpers.formatValue(null, {
-            end: null,
-            start: newDate
-          }, true, true, format));
-          setRangeState("end");
-        }
-      }
-    };
-    const monthState = () => {
-      if (isSelected) {
-        return "selected";
-      }
-      if (isInHoveredRange) {
-        return "in-range";
-      }
-      return "neutral";
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(index$1.Button, { "aria-label": monthState(), className: `${styles_css.dayMonth} ${styles_css.capitalizedText}`, disabled: disabled || isExcluded || isOutsideRange, onClick: (event) => {
-      if (!isExcluded && !isOutsideRange && !readOnly) {
-        if (selectsRange) {
-          onClickRange(event, constructedDate);
-        } else {
-          setMonthToShow(index2 + 1);
-          setValue(constructedDate);
-          onChange?.(constructedDate, event);
-          setInputValue(helpers.formatValue(constructedDate, null, true, false, format));
-          setVisible(false);
-        }
-      }
-    }, onMouseEnter: () => setHoveredDate(constructedDate), sentiment: isSelected || isInHoveredRange ? "primary" : "neutral", variant: isSelected || isInHoveredRange ? "filled" : "ghost", children: month[1] }, month[0]);
-  }) });
-};
-exports.Monthly = Monthly;

package/dist/components/DateInput/components/Popup.cjs

@@ -1,28 +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 = require("../../Popup/index.cjs");
-const constants = require("../constants.cjs");
-const styles_css = require("./styles.css.cjs");
-const handleClickOutside = (event, ref, setVisible, refInput) => {
-  if (ref.current && !ref.current.contains(event.target) && !refInput.current?.contains(event.target)) {
-    setVisible(false);
-  }
-};
-const CalendarPopup = ({
-  children,
-  visible,
-  setVisible,
-  refInput,
-  content
-}) => {
-  const ref = react.useRef(null);
-  react.useEffect(() => {
-    document.addEventListener("mousedown", (event) => handleClickOutside(event, ref, setVisible, refInput));
-    return () => document.removeEventListener("mousedown", (event) => handleClickOutside(event, ref, setVisible, refInput));
-  }, [ref, setVisible, refInput]);
-  return /* @__PURE__ */ jsxRuntime.jsx(index.Popup, { align: "start", className: styles_css.dateinputPopup, debounceDelay: 0, disableAnimation: true, hasArrow: false, maxWidth: constants.POPUP_WIDTH, placement: "bottom", ref, role: "dialog", tabIndex: 0, text: content, visible, children });
-};
-exports.CalendarPopup = CalendarPopup;

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

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                             */
-;/* empty css                            */
-var dateinputPopup = "uv_705z6f0 uv_9rlyg91";
-var capitalizedText = "uv_705z6f1";
-var capitalizedTextDay = "uv_705z6f2 uv_705z6f1";
-var dayMonth = "uv_705z6f3";
-exports.capitalizedText = capitalizedText;
-exports.capitalizedTextDay = capitalizedTextDay;
-exports.dateinputPopup = dateinputPopup;
-exports.dayMonth = dayMonth;

package/dist/components/DateInput/constants.cjs

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const POPUP_WIDTH = "16.5rem";
-const CALENDAR_WEEKS = 6;
-exports.CALENDAR_WEEKS = CALENDAR_WEEKS;
-exports.POPUP_WIDTH = POPUP_WIDTH;

package/dist/components/DateInput/helpers.cjs

@@ -1,69 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const getMonthFirstDay = (month, year) => {
-  const firstDay = new Date(year, month - 1, 1).getDay();
-  return firstDay === 0 ? 6 : firstDay - 1;
-};
-const addZero = (value) => `${value}`.padStart(2, "0");
-const getPreviousMonth = (month, year) => {
-  if (month === 1) {
-    return [12, year - 1];
-  }
-  return [month - 1, year];
-};
-const getNextMonth = (month, year) => {
-  if (month === 12) {
-    return [1, year + 1];
-  }
-  return [month + 1, year];
-};
-const isSameMonth = (date, basedate) => basedate.getMonth() === date.getMonth() && basedate.getFullYear() === date.getFullYear();
-const isSameDay = (date, basedate) => basedate.getDate() === date.getDate() && basedate.getMonth() + 1 === date.getMonth() + 1 && basedate.getFullYear() === date.getFullYear();
-const getDateISO = (showMonthYearPicker, date) => {
-  if (date) {
-    if (showMonthYearPicker) {
-      return [addZero(date.getMonth() + 1), date.getFullYear()].join("/");
-    }
-    return [addZero(date.getMonth() + 1), addZero(date.getDate()), date.getFullYear()].join("/");
-  }
-  return "";
-};
-const formatValue = (computedValue, computedRange, showMonthYearPicker, selectsRange, format) => {
-  if (selectsRange && computedRange) {
-    return format ? `${format(computedRange.start ?? void 0) ? `${format(computedRange.start ?? void 0)} - ` : ""}${format(computedRange.end ?? void 0) ?? ""}` : `${getDateISO(showMonthYearPicker, computedRange.start ?? void 0)}${computedRange.start ? " - " : ""}${getDateISO(showMonthYearPicker, computedRange.end ?? void 0)}`;
-  }
-  if (computedValue && format) {
-    return format(computedValue);
-  }
-  if (computedValue) {
-    return getDateISO(showMonthYearPicker, computedValue);
-  }
-  return void 0;
-};
-const createDate = (value, showMonthYearPicker) => {
-  if (showMonthYearPicker) {
-    const res = value.split(/\D+/).map((val) => Number.parseInt(val, 10));
-    const year = Math.max(...res) < 100 ? Math.max(...res) + 2e3 : Math.max(...res);
-    const month = Math.min(...res) - 1;
-    const computedDate2 = new Date(year, month);
-    const isValidDate2 = !!computedDate2.getTime();
-    return isValidDate2 ? computedDate2 : null;
-  }
-  const computedDate = new Date(value);
-  const isValidDate = !!computedDate.getTime();
-  return isValidDate ? computedDate : null;
-};
-const createDateRange = (value, showMonthYearPicker) => {
-  const [startDateInput, endDateInput] = value.split(" - ").map((val) => createDate(val, showMonthYearPicker));
-  const computedNewRange = [startDateInput instanceof Date && !Number.isNaN(startDateInput.getTime()) ? startDateInput : null, endDateInput instanceof Date && !Number.isNaN(endDateInput.getTime()) ? endDateInput : null];
-  return computedNewRange;
-};
-exports.addZero = addZero;
-exports.createDate = createDate;
-exports.createDateRange = createDateRange;
-exports.formatValue = formatValue;
-exports.getMonthFirstDay = getMonthFirstDay;
-exports.getNextMonth = getNextMonth;
-exports.getPreviousMonth = getPreviousMonth;
-exports.isSameDay = isSameDay;
-exports.isSameMonth = isSameMonth;

package/dist/components/DateInput/helpersLocale.cjs

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const getLocalizedDays = (locale) => {
-  const formatter = new Intl.DateTimeFormat(locale, {
-    weekday: "long"
-  });
-  const days = [];
-  for (let i = 0; i < 7; i += 1) {
-    const date = new Date(1970, 0, i + 4);
-    days.push(formatter.format(date));
-  }
-  return days;
-};
-const getLocalizedMonths = (locale) => {
-  const computedLocale = typeof locale === "string" ? locale : locale.code;
-  const formatter = new Intl.DateTimeFormat(computedLocale, {
-    month: "long"
-  });
-  const months = [];
-  for (let i = 0; i < 12; i += 1) {
-    const date = new Date(1970, i);
-    months.push(formatter.format(date));
-  }
-  return months;
-};
-const getLocalizedShortMonths = (locale) => {
-  const formatter = new Intl.DateTimeFormat(locale, {
-    month: "short"
-  });
-  const months = [];
-  for (let i = 0; i < 12; i += 1) {
-    const date = new Date(1970, i);
-    months.push(formatter.format(date));
-  }
-  return months;
-};
-const getDays = (locale) => {
-  const computedLocale = typeof locale === "string" ? locale : locale.code;
-  const longDays = getLocalizedDays(computedLocale);
-  const days = {};
-  longDays.forEach((longDay) => {
-    days[longDay] = longDay.slice(0, 2);
-  });
-  const dayKeys = Object.keys(days);
-  dayKeys.push(dayKeys.shift());
-  const orderedDaysMap = {};
-  dayKeys.forEach((key) => {
-    orderedDaysMap[key] = days[key];
-  });
-  return orderedDaysMap;
-};
-const getMonths = (locale) => {
-  const computedLocale = typeof locale === "string" ? locale : locale.code;
-  const longMonths = getLocalizedMonths(locale);
-  const shortMonths = getLocalizedShortMonths(computedLocale);
-  const months = {};
-  longMonths.forEach((longMonth, index) => {
-    months[longMonth] = shortMonths[index];
-  });
-  return months;
-};
-exports.getDays = getDays;
-exports.getLocalizedMonths = getLocalizedMonths;
-exports.getMonths = getMonths;

package/dist/components/DateInput/index.cjs

@@ -1,192 +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$3 = require("../Card/index.cjs");
-const index$1 = require("../Stack/index.cjs");
-const index$2 = require("../Text/index.cjs");
-const index = require("../TextInput/index.cjs");
-const Context = require("./Context.cjs");
-const CalendarContent = require("./components/CalendarContent.cjs");
-const Popup = require("./components/Popup.cjs");
-const helpers = require("./helpers.cjs");
-const helpersLocale = require("./helpersLocale.cjs");
-const styles_css = require("./styles.css.cjs");
-const DateInput = ({
-  autoFocus = false,
-  disabled = false,
-  error,
-  format,
-  label,
-  labelDescription,
-  locale = "en-US",
-  maxDate,
-  minDate,
-  startDate,
-  endDate,
-  name,
-  onBlur,
-  onChange,
-  placeholder,
-  onFocus,
-  required = false,
-  excludeDates,
-  value,
-  className,
-  id,
-  success,
-  helper,
-  size = "large",
-  readOnly = false,
-  tooltip,
-  clearable,
-  selectsRange = false,
-  showMonthYearPicker = false,
-  input = "text",
-  "data-testid": dataTestId,
-  style
-}) => {
-  const defaultMonthToShow = react.useMemo(() => {
-    if (value) {
-      return new Date(value).getMonth() + 1;
-    }
-    if (startDate && selectsRange) {
-      return startDate.getMonth() + 1;
-    }
-    if (endDate && selectsRange) {
-      return endDate.getMonth() + 1;
-    }
-    return (/* @__PURE__ */ new Date()).getMonth() + 1;
-  }, [endDate, selectsRange, startDate, value]);
-  const defaultYearToShow = react.useMemo(() => {
-    if (value) {
-      return new Date(value).getFullYear();
-    }
-    if (startDate && selectsRange) {
-      return startDate.getFullYear();
-    }
-    if (endDate && selectsRange) {
-      return endDate.getFullYear();
-    }
-    return (/* @__PURE__ */ new Date()).getFullYear();
-  }, [endDate, selectsRange, startDate, value]);
-  const [computedValue, setValue] = react.useState(value && !selectsRange ? new Date(value) : null);
-  const [computedRange, setRange] = react.useState({
-    end: endDate ?? null,
-    start: startDate ?? null
-  });
-  const [isPopupVisible, setVisible] = react.useState(false);
-  const [monthToShow, setMonthToShow] = react.useState(defaultMonthToShow);
-  const [yearToShow, setYearToShow] = react.useState(defaultYearToShow);
-  const [inputValue, setInputValue] = react.useState(helpers.formatValue(computedValue, computedRange, showMonthYearPicker, selectsRange, format));
-  const [hoveredDate, setHoveredDate] = react.useState(null);
-  const refInput = react.useRef(null);
-  const popupRef = react.useRef(null);
-  const MONTHS = helpersLocale.getMonths(locale);
-  const DAYS = helpersLocale.getDays(locale);
-  const MONTHS_ARR = helpersLocale.getLocalizedMonths(locale);
-  const valueContext = react.useMemo(() => ({
-    DAYS,
-    disabled,
-    excludeDates,
-    format,
-    hoveredDate,
-    MONTHS,
-    MONTHS_ARR,
-    maxDate,
-    minDate,
-    monthToShow,
-    onChange,
-    range: computedRange,
-    readOnly,
-    selectsRange,
-    setHoveredDate,
-    setInputValue,
-    setMonthToShow,
-    setRange,
-    setValue,
-    setVisible,
-    setYearToShow,
-    showMonthYearPicker,
-    value: computedValue,
-    yearToShow
-  }), [showMonthYearPicker, disabled, readOnly, selectsRange, computedValue, computedRange, monthToShow, yearToShow, excludeDates, maxDate, minDate, MONTHS, MONTHS_ARR, DAYS, onChange, format, setInputValue, setVisible, hoveredDate, setHoveredDate]);
-  react.useEffect(() => {
-    if (value && !selectsRange) {
-      setValue(new Date(value));
-      setInputValue(helpers.formatValue(new Date(value), null, showMonthYearPicker, selectsRange, format));
-    }
-    if (selectsRange) {
-      setRange({
-        end: endDate ?? computedRange.end,
-        start: startDate ?? computedRange.start
-      });
-    }
-  }, [endDate, startDate, value, computedRange.start, computedRange.end, selectsRange, format, showMonthYearPicker]);
-  const manageOnChange = (event) => {
-    const newValue = event.currentTarget.value;
-    if (!newValue) {
-      onChange?.(selectsRange ? [null, null] : null);
-    }
-    if (selectsRange) {
-      const computedNewRange = helpers.createDateRange(newValue, showMonthYearPicker);
-      setRange({
-        end: computedNewRange[1],
-        start: computedNewRange[0]
-      });
-      setInputValue(newValue);
-      if (computedNewRange[0]) {
-        setMonthToShow(computedNewRange[0].getMonth() + 1);
-        setYearToShow(computedNewRange[0].getFullYear());
-      }
-    } else {
-      const computedDate = helpers.createDate(newValue, showMonthYearPicker);
-      if (computedDate) {
-        setMonthToShow(computedDate.getMonth() + 1);
-        setYearToShow(computedDate.getFullYear());
-        setValue(computedDate);
-      }
-    }
-    setInputValue(newValue);
-  };
-  const onBlurInput = () => {
-    if (inputValue) {
-      if (selectsRange) {
-        const computedNewRange = helpers.createDateRange(inputValue, showMonthYearPicker);
-        onChange?.(computedNewRange, void 0);
-      } else {
-        const computedDate = helpers.createDate(inputValue, showMonthYearPicker);
-        onChange?.(computedDate, void 0);
-      }
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(Context.DateInputContext.Provider, { value: valueContext, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${className ? `${className} ` : ""}${styles_css.dateinputContainer}`, "data-testid": dataTestId, id, onBlur, onClick: () => {
-    if (!isPopupVisible) {
-      setVisible(true);
-    }
-  }, onFocus, onKeyDown: (event) => {
-    if ([" ", "Enter"].includes(event.key) && !isPopupVisible) {
-      setVisible(true);
-    }
-  }, ref: popupRef, style, children: input === "text" ? /* @__PURE__ */ jsxRuntime.jsx(Popup.CalendarPopup, { content: /* @__PURE__ */ jsxRuntime.jsx(CalendarContent.CalendarContent, {}), refInput, setVisible, visible: isPopupVisible, children: /* @__PURE__ */ jsxRuntime.jsx(index.TextInput, { autoComplete: "false", autoFocus, clearable, disabled, error, helper, label, labelDescription, name, onBlur: (event) => {
-    if (!popupRef.current?.contains(event.relatedTarget)) {
-      onBlurInput();
-    }
-  }, onChange: manageOnChange, onKeyDown: (event) => {
-    if (event.key === "Enter") {
-      setVisible(!isPopupVisible);
-      onBlurInput();
-    }
-  }, placeholder, readOnly, ref: refInput, required, size, success, suffix: /* @__PURE__ */ jsxRuntime.jsx(Icon.CalendarRangeIcon, { disabled, sentiment: "neutral", size: "medium" }), tooltip, value: inputValue }) }) : /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { gap: 0.5, children: [
-    labelDescription ? /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { direction: "row", gap: "1", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "label", prominence: "strong", sentiment: "neutral", variant: "bodyStrong", children: label }),
-      labelDescription
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "label", prominence: "strong", sentiment: "neutral", variant: "bodyStrong", children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$3.Card, { className: styles_css.calendarContentWrapper({
-      disabled
-    }), disabled, children: /* @__PURE__ */ jsxRuntime.jsx(CalendarContent.CalendarContent, {}) })
-  ] }) }) });
-};
-exports.DateInput = DateInput;

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

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var dateinputContainer = "uv_9rlyg90";
-var calendarContentWrapper = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_9rlyg91", variantClassNames: { disabled: { true: "uv_9rlyg92" } }, defaultVariants: {}, compoundVariants: [] });
-exports.calendarContentWrapper = calendarContentWrapper;
-exports.dateinputContainer = dateinputContainer;

package/dist/components/Dialog/Context.cjs

@@ -1,14 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const DialogContext = react.createContext(void 0);
-const useDialogContext = () => {
-  const context = react.useContext(DialogContext);
-  if (!context) {
-    throw new Error("Dialog context can only be used inside a Dialog component");
-  }
-  return context;
-};
-exports.DialogContext = DialogContext;
-exports.useDialogContext = useDialogContext;