@expcat/tigercat-react 1.1.0 → 1.2.14

package/dist/chunk-5HFHHFQS.mjs

@@ -1,8 +1,28 @@
-import { useState, useMemo, useCallback } from 'react';
-import { deriveFileManagerModel, getFileManagerContainerClasses, toggleFileSelection, resolveFileOpen, sliceBreadcrumbPath, fileManagerBreadcrumbItemClasses, fileManagerBreadcrumbSeparatorClasses, classNames, fileManagerToolbarClasses, fileManagerBreadcrumbClasses, fileManagerSearchClasses, fileManagerContentClasses, getFileItemClasses, toFileDragItem, fileManagerItemIconClasses, fileManagerItemNameClasses, formatFileSizeLabel, fileManagerItemMetaClasses, fileManagerEmptyClasses, fileManagerLoadingClasses } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
 // src/components/FileManager.tsx
+import { useCallback, useMemo, useState } from "react";
+import {
+  classNames,
+  getFileManagerContainerClasses,
+  getFileItemClasses,
+  deriveFileManagerModel,
+  toggleFileSelection,
+  resolveFileOpen,
+  sliceBreadcrumbPath,
+  toFileDragItem,
+  formatFileSizeLabel,
+  fileManagerToolbarClasses,
+  fileManagerBreadcrumbClasses,
+  fileManagerBreadcrumbItemClasses,
+  fileManagerBreadcrumbSeparatorClasses,
+  fileManagerContentClasses,
+  fileManagerItemIconClasses,
+  fileManagerItemNameClasses,
+  fileManagerItemMetaClasses,
+  fileManagerEmptyClasses,
+  fileManagerLoadingClasses,
+  fileManagerSearchClasses
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var FileManager = ({
   files = [],
   viewMode = "list",
@@ -142,4 +162,7 @@ var FileManager = ({
 };
 var FileManager_default = FileManager;
 
-export { FileManager, FileManager_default };
+export {
+  FileManager,
+  FileManager_default
+};

package/dist/{chunk-4G74P6YD.mjs → chunk-5OHVTGHS.mjs}

@@ -1,8 +1,43 @@
-import { useState, useRef, useMemo, useEffect } from 'react';
-import { parseDate, formatDate, getCalendarDays, getDatePickerLocaleCode, getShortDayNames, getDatePickerLabels, getDatePickerInputClasses, getDatePickerIconButtonClasses, classNames, datePickerInputWrapperClasses, datePickerClearButtonClasses, CloseIconPath, CalendarIconPath, datePickerCalendarClasses, datePickerCalendarHeaderClasses, datePickerNavButtonClasses, ChevronLeftIconPath, formatMonthYear, datePickerMonthYearClasses, ChevronRightIconPath, datePickerCalendarGridClasses, datePickerDayNameClasses, normalizeDate, isSameDay, isToday, getDatePickerDayCellClasses, datePickerFooterButtonClasses, datePickerFooterClasses, datePickerBaseClasses, isDateInRange, icon20ViewBox } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/DatePicker.tsx
+import { useState, useRef, useEffect, useMemo, useCallback } from "react";
+import {
+  classNames,
+  icon20ViewBox,
+  parseDate,
+  formatDate,
+  formatMonthYear,
+  isSameDay,
+  isDateInRange,
+  getCalendarDays,
+  getShortDayNames,
+  isToday as isTodayUtil,
+  normalizeDate,
+  datePickerBaseClasses,
+  datePickerInputWrapperClasses,
+  getDatePickerInputClasses,
+  getDatePickerIconButtonClasses,
+  datePickerCalendarClasses,
+  datePickerMobileWheelClasses,
+  datePickerMobileWheelGridClasses,
+  datePickerMobileWheelSelectClasses,
+  datePickerCalendarHeaderClasses,
+  datePickerNavButtonClasses,
+  datePickerMonthYearClasses,
+  datePickerCalendarGridClasses,
+  datePickerDayNameClasses,
+  getDatePickerDayCellClasses,
+  datePickerClearButtonClasses,
+  datePickerFooterClasses,
+  datePickerFooterButtonClasses,
+  CalendarIconPath,
+  CloseIconPath,
+  ChevronLeftIconPath,
+  ChevronRightIconPath,
+  getDatePickerLocaleCode,
+  getDatePickerLabels,
+  getLocaleDirection
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Icon = ({ path, className }) => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -50,6 +85,7 @@ var DatePicker = (props) => {
   }) => rest)(props);
   const [isOpen, setIsOpen] = useState(false);
   const [activeDateIso, setActiveDateIso] = useState(null);
+  const [activeRangePart, setActiveRangePart] = useState("start");
   const [internalValue, setInternalValue] = useState(() => {
     if (isRangeMode) return null;
     return parseDate(props.defaultValue ?? null);
@@ -63,6 +99,7 @@ var DatePicker = (props) => {
     return [start, end];
   });
   const calendarRef = useRef(null);
+  const mobileCalendarRef = useRef(null);
   const inputWrapperRef = useRef(null);
   const inputRef = useRef(null);
   const pendingFocusIsoRef = useRef(null);
@@ -83,6 +120,7 @@ var DatePicker = (props) => {
   })();
   const minDateParsed = useMemo(() => parseDate(props.minDate ?? null), [props.minDate]);
   const maxDateParsed = useMemo(() => parseDate(props.maxDate ?? null), [props.maxDate]);
+  const localeCode = useMemo(() => getDatePickerLocaleCode(props.locale), [props.locale]);
   const [viewingMonth, setViewingMonth] = useState(
     (selectedDate ?? selectedRange[0])?.getMonth() ?? (/* @__PURE__ */ new Date()).getMonth()
   );
@@ -91,11 +129,11 @@ var DatePicker = (props) => {
   );
   const displayValue = (() => {
     if (!isRangeMode) {
-      return selectedDate ? formatDate(selectedDate, format) : "";
+      return selectedDate ? formatDate(selectedDate, format, localeCode) : "";
     }
     const [start, end] = selectedRange;
-    const startText = start ? formatDate(start, format) : "";
-    const endText = end ? formatDate(end, format) : "";
+    const startText = start ? formatDate(start, format, localeCode) : "";
+    const endText = end ? formatDate(end, format, localeCode) : "";
     if (!startText && !endText) return "";
     if (startText && endText) return `${startText} - ${endText}`;
     return startText ? `${startText} - ` : ` - ${endText}`;
@@ -109,12 +147,35 @@ var DatePicker = (props) => {
     () => getCalendarDays(viewingYear, viewingMonth),
     [viewingYear, viewingMonth]
   );
-  const localeCode = useMemo(() => getDatePickerLocaleCode(props.locale), [props.locale]);
+  const selectedDateRef = useRef(selectedDate);
+  const selectedRangeRef = useRef(selectedRange);
+  const minDateParsedRef = useRef(minDateParsed);
+  const maxDateParsedRef = useRef(maxDateParsed);
+  const calendarDaysRef = useRef(calendarDays);
+  selectedDateRef.current = selectedDate;
+  selectedRangeRef.current = selectedRange;
+  minDateParsedRef.current = minDateParsed;
+  maxDateParsedRef.current = maxDateParsed;
+  calendarDaysRef.current = calendarDays;
   const dayNames = useMemo(() => getShortDayNames(localeCode), [localeCode]);
+  const isRtl = getLocaleDirection(localeCode) === "rtl";
   const labels = useMemo(
     () => getDatePickerLabels(props.locale, props.labels),
     [props.locale, props.labels]
   );
+  const mobileDate = useMemo(() => {
+    if (!isRangeMode) return selectedDate ?? normalizeDate(/* @__PURE__ */ new Date());
+    const [start, end] = selectedRange;
+    return (activeRangePart === "start" ? start : end) ?? start ?? end ?? normalizeDate(/* @__PURE__ */ new Date());
+  }, [activeRangePart, isRangeMode, selectedDate, selectedRange]);
+  const mobileYears = useMemo(() => {
+    const baseYear = mobileDate.getFullYear();
+    return Array.from({ length: 101 }, (_, index) => baseYear - 50 + index);
+  }, [mobileDate]);
+  const mobileDays = useMemo(() => {
+    const daysInMonth = new Date(mobileDate.getFullYear(), mobileDate.getMonth() + 1, 0).getDate();
+    return Array.from({ length: daysInMonth }, (_, index) => index + 1);
+  }, [mobileDate]);
   const toggleCalendar = () => {
     if (!disabled && !readonly) {
       setIsOpen(!isOpen);
@@ -128,30 +189,34 @@ var DatePicker = (props) => {
       }
     }
   };
-  const closeCalendar = () => {
+  const closeCalendar = useCallback(() => {
     setIsOpen(false);
-  };
-  const getFirstEnabledIsoInView = () => {
-    for (const date of calendarDays) {
+  }, []);
+  const isDateDisabled = useCallback((date) => {
+    if (!date) return true;
+    return !isDateInRange(date, minDateParsedRef.current, maxDateParsedRef.current);
+  }, []);
+  const getFirstEnabledIsoInView = useCallback(() => {
+    for (const date of calendarDaysRef.current) {
       if (!date) continue;
       const iso = formatDate(date, "yyyy-MM-dd");
       const isDisabled = isDateDisabled(date);
       if (!isDisabled) return iso;
     }
     return null;
-  };
-  const getPreferredFocusIso = () => {
-    const focusDate = isRangeMode ? selectedRange[0] ?? selectedRange[1] : selectedDate;
+  }, [isDateDisabled]);
+  const getPreferredFocusIso = useCallback(() => {
+    const focusDate = isRangeMode ? selectedRangeRef.current[0] ?? selectedRangeRef.current[1] : selectedDateRef.current;
     if (focusDate) {
       return formatDate(focusDate, "yyyy-MM-dd");
     }
     const today = normalizeDate(/* @__PURE__ */ new Date());
-    if (isDateInRange(today, minDateParsed, maxDateParsed)) {
+    if (isDateInRange(today, minDateParsedRef.current, maxDateParsedRef.current)) {
       return formatDate(today, "yyyy-MM-dd");
     }
     return getFirstEnabledIsoInView();
-  };
-  const focusDateButtonByIso = (iso) => {
+  }, [isRangeMode, getFirstEnabledIsoInView]);
+  const focusDateButtonByIso = useCallback((iso) => {
     const button = calendarRef.current?.querySelector(
       `button[data-date="${iso}"]`
     );
@@ -159,14 +224,15 @@ var DatePicker = (props) => {
     button.focus();
     setActiveDateIso(iso);
     return true;
-  };
-  const restoreFocus = () => {
+  }, []);
+  const restoreFocus = useCallback(() => {
     const target = restoreFocusRef.current ?? inputRef.current;
     if (!target) return;
     if (typeof target.focus === "function") {
+      ;
       target.focus();
     }
-  };
+  }, []);
   const addDays = (date, days) => {
     const next = new Date(date);
     next.setDate(next.getDate() + days);
@@ -243,6 +309,7 @@ var DatePicker = (props) => {
     if (!isControlled) {
       setInternalRangeValue(next);
     }
+    ;
     props.onChange?.(next);
   };
   const selectDate = (date) => {
@@ -255,6 +322,7 @@ var DatePicker = (props) => {
       if (!isControlled) {
         setInternalValue(normalizedDate);
       }
+      ;
       props.onChange?.(normalizedDate);
       closeCalendar();
       return;
@@ -269,6 +337,35 @@ var DatePicker = (props) => {
   const setToday = () => {
     selectDate(/* @__PURE__ */ new Date());
   };
+  const commitMobileDate = (date) => {
+    const normalized = normalizeDate(date);
+    if (!isDateInRange(normalized, minDateParsed, maxDateParsed)) return;
+    setViewingYear(normalized.getFullYear());
+    setViewingMonth(normalized.getMonth());
+    if (!isRangeMode) {
+      if (!isControlled) {
+        setInternalValue(normalized);
+      }
+      ;
+      props.onChange?.(normalized);
+      return;
+    }
+    const [start, end] = selectedRange;
+    if (activeRangePart === "start") {
+      const next = [normalized, end && end < normalized ? normalized : end];
+      setRangeValue(next);
+      setActiveRangePart("end");
+      return;
+    }
+    setRangeValue([start ?? normalized, start && normalized < start ? start : normalized]);
+  };
+  const updateMobileDate = (part, value) => {
+    const nextYear = part === "year" ? value : mobileDate.getFullYear();
+    const nextMonth2 = part === "month" ? value : mobileDate.getMonth();
+    const maxDay = new Date(nextYear, nextMonth2 + 1, 0).getDate();
+    const nextDay = Math.min(part === "day" ? value : mobileDate.getDate(), maxDay);
+    commitMobileDate(new Date(nextYear, nextMonth2, nextDay));
+  };
   const handleShortcut = (shortcut) => {
     const val = typeof shortcut.value === "function" ? shortcut.value() : shortcut.value;
     if (!isRangeMode) {
@@ -293,6 +390,7 @@ var DatePicker = (props) => {
       if (!isControlled) {
         setInternalValue(null);
       }
+      ;
       props.onChange?.(null);
     } else {
       setRangeValue([null, null]);
@@ -315,10 +413,6 @@ var DatePicker = (props) => {
       setViewingMonth(viewingMonth + 1);
     }
   };
-  const isDateDisabled = (date) => {
-    if (!date) return true;
-    return !isDateInRange(date, minDateParsed, maxDateParsed);
-  };
   const isCurrentMonth = (date) => {
     if (!date) return false;
     return date.getMonth() === viewingMonth;
@@ -326,7 +420,7 @@ var DatePicker = (props) => {
   useEffect(() => {
     if (isOpen) {
       const handleClickOutside = (event) => {
-        if (calendarRef.current && inputWrapperRef.current && !calendarRef.current.contains(event.target) && !inputWrapperRef.current.contains(event.target)) {
+        if (calendarRef.current && mobileCalendarRef.current && inputWrapperRef.current && !calendarRef.current.contains(event.target) && !mobileCalendarRef.current.contains(event.target) && !inputWrapperRef.current.contains(event.target)) {
           closeCalendar();
         }
       };
@@ -341,7 +435,14 @@ var DatePicker = (props) => {
       return () => document.removeEventListener("click", handleClickOutside);
     }
     setTimeout(() => restoreFocus(), 0);
-  }, [isOpen]);
+  }, [
+    isOpen,
+    closeCalendar,
+    focusDateButtonByIso,
+    getFirstEnabledIsoInView,
+    getPreferredFocusIso,
+    restoreFocus
+  ]);
   useEffect(() => {
     if (!isOpen) return;
     const pending = pendingFocusIsoRef.current;
@@ -352,7 +453,7 @@ var DatePicker = (props) => {
       const fallback = getFirstEnabledIsoInView();
       if (fallback) focusDateButtonByIso(fallback);
     }, 0);
-  }, [isOpen, viewingMonth, viewingYear]);
+  }, [isOpen, focusDateButtonByIso, getFirstEnabledIsoInView]);
   const inputClasses = useMemo(
     () => getDatePickerInputClasses(size, disabled || readonly),
     [size, disabled, readonly]
@@ -399,6 +500,81 @@ var DatePicker = (props) => {
         }
       )
     ] }),
+    isOpen && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: mobileCalendarRef,
+        className: datePickerMobileWheelClasses,
+        role: "group",
+        "aria-label": labels.calendar,
+        children: [
+          isRangeMode && /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: datePickerFooterButtonClasses,
+                "aria-selected": activeRangePart === "start",
+                onClick: () => setActiveRangePart("start"),
+                children: "Start"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: datePickerFooterButtonClasses,
+                "aria-selected": activeRangePart === "end",
+                onClick: () => setActiveRangePart("end"),
+                children: "End"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: datePickerMobileWheelGridClasses, children: [
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                className: datePickerMobileWheelSelectClasses,
+                value: mobileDate.getFullYear(),
+                "aria-label": "Year",
+                onChange: (event) => updateMobileDate("year", Number(event.target.value)),
+                children: mobileYears.map((year) => /* @__PURE__ */ jsx("option", { value: year, children: year }, year))
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                className: datePickerMobileWheelSelectClasses,
+                value: mobileDate.getMonth(),
+                "aria-label": "Month",
+                onChange: (event) => updateMobileDate("month", Number(event.target.value)),
+                children: Array.from({ length: 12 }, (_, month) => /* @__PURE__ */ jsx("option", { value: month, children: month + 1 }, month))
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                className: datePickerMobileWheelSelectClasses,
+                value: mobileDate.getDate(),
+                "aria-label": "Day",
+                onChange: (event) => updateMobileDate("day", Number(event.target.value)),
+                children: mobileDays.map((day) => /* @__PURE__ */ jsx("option", { value: day, children: day }, day))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-end gap-2", children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: datePickerFooterButtonClasses,
+              "aria-label": `Mobile ${labels.ok}`,
+              onClick: closeCalendar,
+              children: labels.ok
+            }
+          ) })
+        ]
+      }
+    ),
     isOpen && /* @__PURE__ */ jsxs(
       "div",
       {
@@ -417,7 +593,7 @@ var DatePicker = (props) => {
                 className: datePickerNavButtonClasses,
                 onClick: previousMonth,
                 "aria-label": labels.previousMonth,
-                children: /* @__PURE__ */ jsx(Icon, { path: ChevronLeftIconPath, className: "w-5 h-5" })
+                children: /* @__PURE__ */ jsx(Icon, { path: isRtl ? ChevronRightIconPath : ChevronLeftIconPath, className: "w-5 h-5" })
               }
             ),
             /* @__PURE__ */ jsx("div", { className: datePickerMonthYearClasses, children: formatMonthYear(viewingYear, viewingMonth, localeCode) }),
@@ -428,7 +604,7 @@ var DatePicker = (props) => {
                 className: datePickerNavButtonClasses,
                 onClick: nextMonth,
                 "aria-label": labels.nextMonth,
-                children: /* @__PURE__ */ jsx(Icon, { path: ChevronRightIconPath, className: "w-5 h-5" })
+                children: /* @__PURE__ */ jsx(Icon, { path: isRtl ? ChevronLeftIconPath : ChevronRightIconPath, className: "w-5 h-5" })
               }
             )
           ] }),
@@ -453,7 +629,7 @@ var DatePicker = (props) => {
                   const isInRange = isRangeMode && normStart && normEnd && normDate >= normStart && normDate <= normEnd;
                   const isSelected = !isRangeMode ? selectedDate ? isSameDay(date, selectedDate) : false : isRangeStart || isRangeEnd;
                   const isCurrentMonthDay = isCurrentMonth(date);
-                  const isTodayDay = isToday(date);
+                  const isTodayDay = isTodayUtil(date);
                   const isBeforeRangeStart = isSelectingEnd && normStart && normDate < normStart;
                   const isDisabled = isDateDisabled(date) || Boolean(isBeforeRangeStart);
                   const iso = formatDate(date, "yyyy-MM-dd");
@@ -515,4 +691,6 @@ var DatePicker = (props) => {
   ] });
 };
 
-export { DatePicker };
+export {
+  DatePicker
+};

package/dist/chunk-5P5M656V.mjs

@@ -1,7 +1,11 @@
-import { getSkeletonClasses, getSkeletonDimensions, getParagraphRowWidth, classNames } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
 // src/components/Skeleton.tsx
+import {
+  classNames,
+  getParagraphRowWidth,
+  getSkeletonClasses,
+  getSkeletonDimensions
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
 var Skeleton = ({
   variant = "text",
   animation = "pulse",
@@ -72,4 +76,6 @@ var Skeleton = ({
   );
 };
 
-export { Skeleton };
+export {
+  Skeleton
+};

package/dist/{chunk-VHW7NWXM.mjs → chunk-5XS6PXBX.mjs}

@@ -1,13 +1,31 @@
-import { Tabs, TabPane } from './chunk-JSUDEK2D.mjs';
-import { List } from './chunk-LY2OTQ4E.mjs';
-import { Button } from './chunk-GKJNQUTW.mjs';
-import { Loading } from './chunk-Z5B7VNEG.mjs';
-import { Text } from './chunk-HLS4CHWX.mjs';
-import { Card } from './chunk-P6E3DILH.mjs';
-import { useMemo, useState, useEffect } from 'react';
-import { buildNotificationGroups, classNames, formatActivityTime } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import {
+  TabPane,
+  Tabs
+} from "./chunk-ELRZ2ZHM.mjs";
+import {
+  List
+} from "./chunk-A42OLED6.mjs";
+import {
+  Button
+} from "./chunk-USWK2S3Y.mjs";
+import {
+  Loading
+} from "./chunk-FNJDBFKM.mjs";
+import {
+  Text
+} from "./chunk-HLS4CHWX.mjs";
+import {
+  Card
+} from "./chunk-P6E3DILH.mjs";
 
+// src/components/NotificationCenter.tsx
+import { useMemo, useEffect, useState, useCallback } from "react";
+import {
+  classNames,
+  buildNotificationGroups,
+  formatActivityTime
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var getGroupKey = (group, index) => {
   return group.key ?? group.title ?? index;
 };
@@ -71,7 +89,7 @@ var NotificationCenter = ({
       setInternalGroupKey(keys[0]);
     }
   }, [activeGroupKey, currentGroupKey, resolvedGroups]);
-  useMemo(() => {
+  const _currentGroup = useMemo(() => {
     if (resolvedGroups.length === 0) return void 0;
     if (currentGroupKey === void 0) return resolvedGroups[0];
     const index = resolvedGroups.findIndex(
@@ -85,19 +103,22 @@ var NotificationCenter = ({
   useEffect(() => {
     if (manageReadState) setReadStateOverrides(/* @__PURE__ */ new Map());
   }, [items, manageReadState]);
-  const applyReadOverrides = (list) => {
-    if (!manageReadState || readStateOverrides.size === 0) return list;
-    return list.map((item) => {
-      const override = readStateOverrides.get(item.id);
-      return override !== void 0 ? { ...item, read: override } : item;
-    });
-  };
+  const applyReadOverrides = useCallback(
+    (list) => {
+      if (!manageReadState || readStateOverrides.size === 0) return list;
+      return list.map((item) => {
+        const override = readStateOverrides.get(item.id);
+        return override !== void 0 ? { ...item, read: override } : item;
+      });
+    },
+    [manageReadState, readStateOverrides]
+  );
   const effectiveGroups = useMemo(
     () => resolvedGroups.map((group) => ({
       ...group,
       items: applyReadOverrides(group.items)
     })),
-    [resolvedGroups, readStateOverrides]
+    [resolvedGroups, applyReadOverrides]
   );
   const effectiveCurrentGroup = useMemo(() => {
     if (effectiveGroups.length === 0) return void 0;
@@ -111,7 +132,7 @@ var NotificationCenter = ({
     () => effectiveCurrentGroup?.items ?? [],
     [effectiveCurrentGroup]
   );
-  const effectiveItems = useMemo(() => applyReadOverrides(items), [items, readStateOverrides]);
+  const effectiveItems = useMemo(() => applyReadOverrides(items), [items, applyReadOverrides]);
   const hasUnread = useMemo(
     () => effectiveCurrentGroupItems.some((item) => !item.read),
     [effectiveCurrentGroupItems]
@@ -226,15 +247,7 @@ var NotificationCenter = ({
       renderItem
     }
   );
-  const content = loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx(Loading, { text: loadingText }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ jsx("div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ jsx(Tabs, { type: "line", size: "small", activeKey: currentGroupKey, onChange: handleGroupChange, children: groupTabData.map((tab) => /* @__PURE__ */ jsx(
-    TabPane,
-    {
-      tabKey: tab.key,
-      label: tab.label,
-      children: /* @__PURE__ */ jsx("div", { className: "max-h-[380px] overflow-y-auto", children: renderList(tab.filteredItems) })
-    },
-    String(tab.key)
-  )) }) }) : /* @__PURE__ */ jsx("div", { className: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto", children: renderList(filteredFlatItems) });
+  const content = loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx(Loading, { text: loadingText }) }) : resolvedGroups.length > 0 ? /* @__PURE__ */ jsx("div", { className: "-mx-4 -mb-4", children: /* @__PURE__ */ jsx(Tabs, { type: "line", size: "small", activeKey: currentGroupKey, onChange: handleGroupChange, children: groupTabData.map((tab) => /* @__PURE__ */ jsx(TabPane, { tabKey: tab.key, label: tab.label, children: /* @__PURE__ */ jsx("div", { className: "max-h-[380px] overflow-y-auto", children: renderList(tab.filteredItems) }) }, String(tab.key))) }) }) : /* @__PURE__ */ jsx("div", { className: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto", children: renderList(filteredFlatItems) });
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -278,4 +291,7 @@ var NotificationCenter = ({
 };
 var NotificationCenter_default = NotificationCenter;
 
-export { NotificationCenter, NotificationCenter_default };
+export {
+  NotificationCenter,
+  NotificationCenter_default
+};

package/dist/chunk-5ZYZQXEM.mjs

@@ -1,8 +1,27 @@
-import React from 'react';
-import { clampPercentage, getStatusVariant, formatProgressText, getCircleSize, calculateCirclePath, classNames, progressCircleTrackStrokeClasses, getProgressVariantClasses, progressCircleTextClasses, progressTextSizeClasses, getProgressTextColorClasses, progressCircleBaseClasses, progressLineInnerClasses, progressStripedClasses, progressStripedAnimationClasses, progressLineBaseClasses, progressTrackBgClasses, progressLineSizeClasses, progressTextBaseClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/Progress.tsx
+import React from "react";
+import {
+  classNames,
+  getProgressVariantClasses,
+  getProgressTextColorClasses,
+  getStatusVariant,
+  formatProgressText,
+  clampPercentage,
+  calculateCirclePath,
+  getCircleSize,
+  progressLineBaseClasses,
+  progressLineInnerClasses,
+  progressTextBaseClasses,
+  progressCircleBaseClasses,
+  progressLineSizeClasses,
+  progressTextSizeClasses,
+  progressStripedClasses,
+  progressStripedAnimationClasses,
+  progressTrackBgClasses,
+  progressCircleTextClasses,
+  progressCircleTrackStrokeClasses
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Progress = React.memo(
   ({
     variant = "primary",
@@ -164,4 +183,6 @@ var Progress = React.memo(
 );
 Progress.displayName = "Progress";
 
-export { Progress };
+export {
+  Progress
+};

package/dist/chunk-677VSTPW.mjs

@@ -1,8 +1,12 @@
-import { useMemo } from 'react';
-import { getChartGridLineDasharray, getChartAxisTicks, classNames, chartGridLineClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/ChartGrid.tsx
+import { useMemo } from "react";
+import {
+  chartGridLineClasses,
+  classNames,
+  getChartAxisTicks,
+  getChartGridLineDasharray
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var ChartGrid = ({
   xScale,
   yScale,
@@ -62,4 +66,7 @@ var ChartGrid = ({
 };
 var ChartGrid_default = ChartGrid;
 
-export { ChartGrid, ChartGrid_default };
+export {
+  ChartGrid,
+  ChartGrid_default
+};