@pos-360/horizon 0.28.0 → 0.29.0

package/dist/{chunk-BKMHL4FM.js → chunk-TINY76JI.js}

@@ -2152,16 +2152,16 @@ function TimeInput({
       setEditValue(raw);
       return;
     }
+    if (raw.length === 1) {
+      setEditValue(raw);
+      return;
+    }
     const parsed = parseInt(raw, 10);
     const clamped = clamp(parsed, min, max);
-    const display = parsed !== clamped ? pad(clamped) : raw;
-    setEditValue(display);
-    if (raw.length === 2) {
-      committedRef.current = true;
-      onChange(clamped);
-      setEditValue(null);
-      onComplete?.();
-    }
+    committedRef.current = true;
+    onChange(clamped);
+    setEditValue(null);
+    onComplete?.();
   };
   const commit = () => {
     if (committedRef.current) {
@@ -2280,7 +2280,7 @@ function TimeField({
   const focusMinute = () => {
     minuteInputRef.current?.focus();
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 justify-between", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
@@ -2339,6 +2339,80 @@ function TimeField({
     ] })
   ] });
 }
+function TimePickerColumn({ value, onChange, disabled = false }) {
+  const toHourRef = React10__namespace.useRef(null);
+  const fromSet = isTimeSet(value.from);
+  const toSet = isTimeSet(value.to);
+  const bothSet = fromSet && toSet;
+  const fromMinutes = (value.from.hour ?? 0) * 60 + (value.from.minute ?? 0);
+  const toMinutes = (value.to.hour ?? 0) * 60 + (value.to.minute ?? 0);
+  const bothEqual = fromMinutes === toMinutes;
+  const isOvernight = bothSet && toMinutes < fromMinutes;
+  const durationMinutes = bothSet && !bothEqual ? isOvernight ? 24 * 60 - fromMinutes + toMinutes : toMinutes - fromMinutes : 0;
+  const durationHours = Math.floor(durationMinutes / 60);
+  const durationRemaining = durationMinutes % 60;
+  const showDuration = bothSet && !bothEqual;
+  const durationLabel = durationRemaining > 0 ? `${durationHours}h ${durationRemaining}m window${isOvernight ? " (overnight)" : ""}` : `${durationHours}h window${isOvernight ? " (overnight)" : ""}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunk23BJPJOK_js.cn(
+        "flex flex-col px-2 pt-2 pb-2 gap-1",
+        "border-t border-gray-100 dark:border-neutral-700"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.Clock,
+            {
+              className: chunk23BJPJOK_js.cn(
+                "w-4 h-4 shrink-0",
+                disabled ? "text-gray-300 dark:text-gray-600" : "text-gray-400 dark:text-gray-500"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: chunk23BJPJOK_js.cn(
+                "text-xs font-semibold uppercase tracking-wider",
+                disabled ? "text-gray-300 dark:text-gray-600" : "text-gray-400 dark:text-gray-500"
+              ),
+              children: "Time"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[9px] font-medium text-gray-400 dark:text-gray-600 tracking-wide", children: "(Optional)" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 pl-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            TimeField,
+            {
+              label: "From",
+              value: value.from,
+              onChange: (from) => onChange({ ...value, from }),
+              onMinuteComplete: () => toHourRef.current?.focus(),
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            TimeField,
+            {
+              label: "To",
+              value: value.to,
+              onChange: (to) => onChange({ ...value, to }),
+              hourRef: toHourRef,
+              disabled
+            }
+          ),
+          showDuration && /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk23BJPJOK_js.cn(
+            "text-[10px] font-medium",
+            isOvernight ? "text-amber-500 dark:text-amber-400" : "text-gray-400 dark:text-gray-500"
+          ), children: durationLabel })
+        ] })
+      ]
+    }
+  );
+}
 function TimePickerRow({ value, onChange, disabled = false }) {
   const toHourRef = React10__namespace.useRef(null);
   const fromSet = isTimeSet(value.from);
@@ -2657,11 +2731,17 @@ function DateRangePicker({
   };
   const handlePreset = (preset) => {
     const newRange = preset.getRange();
-    if (onChange) onChange(newRange);
-    else setInternalRange(newRange);
-    setActivePreset(preset.label);
-    if (newRange.from) setLeftMonth(dateFns.startOfMonth(newRange.from));
-    setOpen(false);
+    if (showTimePicker) {
+      setDraft(newRange);
+      setActivePreset(preset.label);
+      if (newRange.from) setLeftMonth(dateFns.startOfMonth(newRange.from));
+    } else {
+      if (onChange) onChange(newRange);
+      else setInternalRange(newRange);
+      setActivePreset(preset.label);
+      if (newRange.from) setLeftMonth(dateFns.startOfMonth(newRange.from));
+      setOpen(false);
+    }
   };
   const handleApply = () => {
     if (draft.from && !draft.to) return;
@@ -2799,6 +2879,399 @@ function DateRangePicker({
     ] }) })
   ] });
 }
+function formatTime2(tv) {
+  if (tv.hour === null || tv.minute === null) return "";
+  const period = tv.hour >= 12 ? "PM" : "AM";
+  const h = tv.hour % 12 || 12;
+  const m = tv.minute.toString().padStart(2, "0");
+  return `${h}:${m} ${period}`;
+}
+function formatDateWithTime(date, dateFmt, time) {
+  const dateStr = dateFns.format(date, dateFmt);
+  const timeStr = time ? formatTime2(time) : "";
+  return timeStr ? `${dateStr}, ${timeStr}` : dateStr;
+}
+function formatDateRange2(range, placeholder, time) {
+  if (!range?.from) return placeholder;
+  const hasTime = time && time.from.hour !== null && time.to.hour !== null;
+  if (!range.to || dateFns.isSameDay(range.from, range.to)) {
+    return formatDateWithTime(range.from, "MMMM d, yyyy", hasTime ? time.from : void 0);
+  }
+  const sameYear = range.from.getFullYear() === range.to.getFullYear();
+  const fromFmt = sameYear ? "MMMM d" : "MMMM d, yyyy";
+  const fromStr = formatDateWithTime(range.from, fromFmt, hasTime ? time.from : void 0);
+  const toStr = formatDateWithTime(range.to, "MMMM d, yyyy", hasTime ? time.to : void 0);
+  return `${fromStr} \u2013 ${toStr}`;
+}
+function DateRangePickerMobile({
+  label,
+  value,
+  onChange,
+  presets = DEFAULT_PRESETS,
+  presetSections,
+  placeholder = "Select date range",
+  disabled = false,
+  className,
+  showTimePicker = false,
+  timeValue,
+  onTimeChange
+}) {
+  const [open, setOpen] = React10__namespace.useState(false);
+  const [internalRange, setInternalRange] = React10__namespace.useState({
+    from: void 0,
+    to: void 0
+  });
+  const [draft, setDraft] = React10__namespace.useState({
+    from: void 0,
+    to: void 0
+  });
+  const [hoverDate, setHoverDate] = React10__namespace.useState();
+  const [viewMonth, setViewMonth] = React10__namespace.useState(
+    () => dateFns.startOfMonth(value?.from ?? /* @__PURE__ */ new Date())
+  );
+  const [activePreset, setActivePreset] = React10__namespace.useState();
+  const [internalTime, setInternalTime] = React10__namespace.useState(DEFAULT_TIME_RANGE);
+  const committedRange = value ?? internalRange;
+  const currentTime = timeValue ?? internalTime;
+  const handleTimeChange = (newTime) => {
+    if (onTimeChange) onTimeChange(newTime);
+    else setInternalTime(newTime);
+  };
+  const timeVisible = !!(draft.from && draft.to);
+  const handleOpenChange = (newOpen) => {
+    if (newOpen) {
+      setDraft(committedRange);
+      if (committedRange.from) setViewMonth(dateFns.startOfMonth(committedRange.from));
+      if (!onTimeChange) setInternalTime(currentTime);
+    }
+    setOpen(newOpen);
+  };
+  const handleDayClick = (date) => {
+    const { from, to } = draft;
+    if (!from || from && to) {
+      setDraft({ from: date, to: void 0 });
+      setActivePreset(void 0);
+      return;
+    }
+    const [start, end] = dateFns.isBefore(from, date) ? [from, date] : [date, from];
+    setDraft({ from: start, to: end });
+    setHoverDate(void 0);
+  };
+  const handlePreset = (preset) => {
+    const newRange = preset.getRange();
+    if (showTimePicker) {
+      setDraft(newRange);
+      setActivePreset(preset.label);
+      if (newRange.from) setViewMonth(dateFns.startOfMonth(newRange.from));
+    } else {
+      if (onChange) onChange(newRange);
+      else setInternalRange(newRange);
+      setActivePreset(preset.label);
+      if (newRange.from) setViewMonth(dateFns.startOfMonth(newRange.from));
+      setOpen(false);
+    }
+  };
+  const handleApply = () => {
+    if (draft.from && !draft.to) return;
+    const newRange = draft.from && draft.to ? draft : void 0;
+    if (onChange) onChange(newRange);
+    else setInternalRange(newRange ?? { from: void 0, to: void 0 });
+    setOpen(false);
+  };
+  const handleClear = () => {
+    setDraft({ from: void 0, to: void 0 });
+    setActivePreset(void 0);
+    if (showTimePicker) handleTimeChange(DEFAULT_TIME_RANGE);
+  };
+  const canClear = !!(draft.from || committedRange.from);
+  const canApply = !(draft.from && !draft.to) && !!(draft.from || committedRange.from);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk23BJPJOK_js.cn("space-y-1.5", className), children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx(chunk23BJPJOK_js.Label, { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          disabled,
+          className: chunk23BJPJOK_js.cn(
+            "inline-flex w-full items-center gap-2 rounded-md border border-gray-300 bg-white px-3 py-2 text-sm shadow-sm transition-colors",
+            "hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",
+            "dark:border-neutral-600 dark:bg-neutral-800 dark:hover:bg-neutral-700",
+            "disabled:pointer-events-none disabled:opacity-50",
+            committedRange.from ? "text-gray-900 dark:text-gray-100" : "text-gray-400 dark:text-gray-500"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { className: "w-4 h-4 shrink-0 text-gray-400 dark:text-gray-500" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: formatDateRange2(
+              committedRange,
+              placeholder,
+              showTimePicker ? currentTime : void 0
+            ) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { align: "center", className: "w-auto p-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex divide-x divide-gray-100 dark:divide-neutral-700", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col p-2 gap-0.5 min-w-[110px] max-h-[360px] overflow-y-auto", children: (presetSections ?? [{ title: "Presets", options: presets }]).map(
+          (section, si) => /* @__PURE__ */ jsxRuntime.jsxs(React10__namespace.Fragment, { children: [
+            si > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-2 border-t border-gray-100 dark:border-neutral-700" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wider mb-1 px-2", children: section.title }),
+            section.options.map((preset) => /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: () => handlePreset(preset),
+                className: chunk23BJPJOK_js.cn(
+                  "w-full text-left px-2 py-1.5 rounded-md text-sm transition-colors",
+                  activePreset === preset.label ? "bg-blue-50 text-blue-600 font-medium dark:bg-blue-950/50 dark:text-blue-400" : "text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-neutral-700"
+                ),
+                children: preset.label
+              },
+              preset.label
+            ))
+          ] }, section.title)
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+            CalendarMonth,
+            {
+              month: viewMonth,
+              range: draft,
+              hoverDate,
+              onDayClick: handleDayClick,
+              onDayHover: setHoverDate,
+              onPrevMonth: () => setViewMonth(dateFns.subMonths(viewMonth, 1)),
+              onNextMonth: () => setViewMonth(dateFns.addMonths(viewMonth, 1)),
+              showPrevNav: true,
+              showNextNav: true
+            }
+          ) }),
+          showTimePicker && /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: false, children: timeVisible && /* @__PURE__ */ jsxRuntime.jsx(
+            framerMotion.motion.div,
+            {
+              initial: { height: 0, opacity: 0 },
+              animate: { height: "auto", opacity: 1 },
+              exit: { height: 0, opacity: 0 },
+              transition: {
+                height: {
+                  type: "spring",
+                  stiffness: 400,
+                  damping: 30,
+                  mass: 0.8
+                },
+                opacity: { duration: 0.2 }
+              },
+              className: "overflow-hidden",
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                TimePickerColumn,
+                {
+                  value: currentTime,
+                  onChange: handleTimeChange
+                }
+              )
+            },
+            "time-picker"
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2 px-2 py-3 border-t border-gray-100 dark:border-neutral-700", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: handleClear,
+                disabled: !canClear,
+                className: chunk23BJPJOK_js.cn(
+                  "px-3 py-1.5 rounded-md text-sm transition-colors",
+                  canClear ? "text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-neutral-700" : "text-gray-300 dark:text-gray-600 cursor-not-allowed"
+                ),
+                children: "Clear"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: handleApply,
+                disabled: !canApply,
+                className: chunk23BJPJOK_js.cn(
+                  "px-3 py-1.5 rounded-md text-sm font-medium transition-colors",
+                  canApply ? "bg-blue-600 text-white hover:bg-blue-700 dark:hover:bg-blue-500" : "bg-blue-100 text-blue-300 cursor-not-allowed dark:bg-blue-950/30 dark:text-blue-800"
+                ),
+                children: "Apply"
+              }
+            )
+          ] })
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+var colsClass = {
+  2: "grid-cols-2",
+  3: "grid-cols-3",
+  4: "grid-cols-4",
+  5: "grid-cols-5"
+};
+function MobileDataCard({
+  title,
+  subtitle,
+  image,
+  contentRows,
+  onPress,
+  showChevron,
+  selectBar,
+  stats,
+  statColumns,
+  statsRenderer,
+  details,
+  extraContent,
+  className
+}) {
+  const isSelected = selectBar?.isSelected ?? false;
+  const chevronVisible = showChevron ?? !!onPress;
+  const contentBody = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 px-3 py-3", children: [
+    image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: image }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunk23BJPJOK_js.Text,
+        {
+          size: "sm",
+          weight: "semibold",
+          className: "truncate leading-tight text-neutral-900 dark:text-neutral-100",
+          children: title
+        }
+      ),
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx(chunk23BJPJOK_js.Text, { size: "xs", className: "text-neutral-400 dark:text-neutral-500", children: subtitle }),
+      contentRows && contentRows.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-x-4 gap-y-1 text-xs", children: contentRows.map((row) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "truncate", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-neutral-400 dark:text-neutral-500", children: [
+          row.label,
+          " "
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral-700 dark:text-neutral-300", children: row.value })
+      ] }, row.label)) })
+    ] }),
+    chevronVisible && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4 flex-shrink-0 self-center text-neutral-300 dark:text-neutral-600" })
+  ] });
+  const hasStats = stats && stats.length > 0 || !!statsRenderer;
+  const hasDetails = details && details.length > 0;
+  const cols = statColumns ?? stats?.length ?? 2;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunk23BJPJOK_js.cn(
+        "overflow-hidden rounded-lg border transition-colors",
+        isSelected ? "border-blue-500 bg-blue-50/50 dark:border-blue-400 dark:bg-blue-900/10" : "border-neutral-200 bg-white dark:border-neutral-700 dark:bg-neutral-800/30",
+        className
+      ),
+      children: [
+        selectBar && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            role: "button",
+            tabIndex: 0,
+            "aria-label": isSelected ? "Deselect item" : "Select item",
+            onClick: selectBar.onToggle,
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                selectBar.onToggle(e);
+              }
+            },
+            className: "flex w-full cursor-pointer items-center gap-2.5 border-b border-neutral-100 px-3 py-1.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-blue-500 dark:border-neutral-700/50",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Checkbox,
+                {
+                  checked: isSelected,
+                  className: "pointer-events-none",
+                  tabIndex: -1
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunk23BJPJOK_js.Text,
+                {
+                  size: "xs",
+                  as: "span",
+                  className: chunk23BJPJOK_js.cn(
+                    isSelected ? "font-medium text-blue-600 dark:text-blue-400" : "text-neutral-400 dark:text-neutral-500"
+                  ),
+                  children: isSelected ? "Selected" : "Select"
+                }
+              ),
+              selectBar.badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto", children: selectBar.badge })
+            ]
+          }
+        ),
+        onPress ? /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onPress,
+            className: "w-full text-left transition-colors active:bg-neutral-50 dark:active:bg-neutral-800",
+            children: contentBody
+          }
+        ) : contentBody,
+        statsRenderer ?? (stats && stats.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk23BJPJOK_js.cn("grid gap-1.5 px-3 pb-3", colsClass[cols]), children: stats.map((stat) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "flex flex-col items-center rounded-md bg-neutral-100 py-1.5 dark:bg-neutral-800",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunk23BJPJOK_js.Text,
+                {
+                  size: "xs",
+                  as: "span",
+                  className: "leading-none text-neutral-400 dark:text-neutral-500",
+                  children: stat.label
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunk23BJPJOK_js.Text,
+                {
+                  size: "sm",
+                  weight: "semibold",
+                  as: "span",
+                  className: chunk23BJPJOK_js.cn(
+                    "mt-0.5 tabular-nums",
+                    stat.className ?? "text-neutral-800 dark:text-neutral-200"
+                  ),
+                  children: stat.value
+                }
+              )
+            ]
+          },
+          stat.label
+        )) })),
+        hasDetails && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          hasStats && /* @__PURE__ */ jsxRuntime.jsx(Separator3, {}),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1 px-3 py-2", children: details.map((detail) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "flex items-center justify-between",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunk23BJPJOK_js.Text,
+                  {
+                    size: "xs",
+                    as: "span",
+                    className: "text-neutral-400 dark:text-neutral-500",
+                    children: detail.label
+                  }
+                ),
+                detail.pill ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center rounded-full bg-blue-50 px-2 py-0.5 dark:bg-blue-900/30", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  chunk23BJPJOK_js.Text,
+                  {
+                    size: "xs",
+                    weight: "medium",
+                    as: "span",
+                    className: "text-blue-600 dark:text-blue-400",
+                    children: detail.value
+                  }
+                ) }) : detail.value
+              ]
+            },
+            detail.label
+          )) })
+        ] }),
+        extraContent
+      ]
+    }
+  );
+}
 var DEFAULT_COMPARISON_PERIODS = [
   {
     key: "yesterday",
@@ -2888,6 +3361,7 @@ exports.DEFAULT_COMPARISON_PERIODS = DEFAULT_COMPARISON_PERIODS;
 exports.DEFAULT_PRESETS = DEFAULT_PRESETS;
 exports.DEFAULT_TIME_RANGE = DEFAULT_TIME_RANGE;
 exports.DateRangePicker = DateRangePicker;
+exports.DateRangePickerMobile = DateRangePickerMobile;
 exports.Dialog = Dialog;
 exports.DialogClose = DialogClose;
 exports.DialogContent = DialogContent;
@@ -2919,6 +3393,7 @@ exports.FormDescription = FormDescription;
 exports.FormField = FormField;
 exports.FormLabel = FormLabel;
 exports.FormMessage = FormMessage;
+exports.MobileDataCard = MobileDataCard;
 exports.PeriodComparisonSelector = PeriodComparisonSelector;
 exports.Popover = Popover;
 exports.PopoverAnchor = PopoverAnchor;
@@ -2978,5 +3453,5 @@ exports.useColumnVisibility = useColumnVisibility;
 exports.useFormContext = useFormContext;
 exports.useFormFieldContext = useFormFieldContext;
 exports.useTableSelection = useTableSelection;
-//# sourceMappingURL=chunk-BKMHL4FM.js.map
-//# sourceMappingURL=chunk-BKMHL4FM.js.map
+//# sourceMappingURL=chunk-TINY76JI.js.map
+//# sourceMappingURL=chunk-TINY76JI.js.map