@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/{chunk-QO3GGQAV.mjs → chunk-5HFHHFQS.mjs}

@@ -1,8 +1,28 @@
-import { useState, useMemo, useCallback } from 'react';
-import { navigateToFolder, filterHiddenFiles, filterFileItems, sortFileItems, getFileManagerContainerClasses, fileManagerBreadcrumbItemClasses, fileManagerBreadcrumbSeparatorClasses, classNames, fileManagerToolbarClasses, fileManagerBreadcrumbClasses, fileManagerSearchClasses, fileManagerContentClasses, getFileItemClasses, 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",
@@ -27,49 +47,44 @@ var FileManager = ({
   renderIcon
 }) => {
   const [localSearch, setLocalSearch] = useState(searchText);
-  const currentItems = useMemo(() => navigateToFolder(files, currentPath), [files, currentPath]);
-  const processedItems = useMemo(() => {
-    let items = filterHiddenFiles(currentItems, showHidden);
-    const search = localSearch || searchText;
-    if (search) {
-      items = filterFileItems(items, search);
-    }
-    return sortFileItems(items, sortField, sortOrder);
-  }, [currentItems, showHidden, localSearch, searchText, sortField, sortOrder]);
-  const selectedSet = useMemo(() => new Set(selectedKeys), [selectedKeys]);
+  const model = useMemo(
+    () => deriveFileManagerModel({
+      files,
+      currentPath,
+      selectedKeys,
+      sortField,
+      sortOrder,
+      showHidden,
+      searchText: localSearch || searchText
+    }),
+    [files, currentPath, selectedKeys, sortField, sortOrder, showHidden, localSearch, searchText]
+  );
   const containerClasses = useMemo(() => getFileManagerContainerClasses(className), [className]);
   const handleSelect = useCallback(
     (item) => {
       if (item.disabled) return;
       onSelect?.(item);
-      const keys = [...selectedKeys];
-      const idx = keys.indexOf(item.key);
-      if (idx >= 0) {
-        keys.splice(idx, 1);
-      } else {
-        if (!multiple) keys.length = 0;
-        keys.push(item.key);
-      }
+      const keys = toggleFileSelection(selectedKeys, item.key, multiple);
       onSelectedKeysChange?.(keys);
     },
     [selectedKeys, multiple, onSelect, onSelectedKeysChange]
   );
   const handleOpen = useCallback(
     (item) => {
-      if (item.disabled) return;
-      if (item.type === "folder") {
-        const newPath = [...currentPath, item.name];
-        onCurrentPathChange?.(newPath);
-        onNavigate?.(newPath);
+      const result = resolveFileOpen(item, currentPath);
+      if (!result) return;
+      if (result.type === "navigate") {
+        onCurrentPathChange?.(result.path);
+        onNavigate?.(result.path);
       } else {
-        onOpen?.(item);
+        onOpen?.(result.item);
       }
     },
     [currentPath, onOpen, onNavigate, onCurrentPathChange]
   );
   const navigateToBreadcrumb = useCallback(
     (index) => {
-      const newPath = currentPath.slice(0, index);
+      const newPath = sliceBreadcrumbPath(currentPath, index);
       onCurrentPathChange?.(newPath);
       onNavigate?.(newPath);
     },
@@ -117,9 +132,10 @@ var FileManager = ({
         }
       )
     ] }),
-    processedItems.length > 0 ? /* @__PURE__ */ jsx("div", { className: contentClass, role: "listbox", "aria-multiselectable": multiple, children: processedItems.map((item) => {
-      const isSelected = selectedSet.has(item.key);
+    model.processedItems.length > 0 ? /* @__PURE__ */ jsx("div", { className: contentClass, role: "listbox", "aria-multiselectable": multiple, children: model.processedItems.map((item, index) => {
+      const isSelected = model.selectedSet.has(item.key);
       const itemClass = getFileItemClasses(viewMode, isSelected);
+      const dragItem = draggable && !item.disabled ? toFileDragItem(item, index) : void 0;
       return /* @__PURE__ */ jsxs(
         "div",
         {
@@ -127,6 +143,7 @@ var FileManager = ({
           role: "option",
           "aria-selected": isSelected,
           "data-disabled": item.disabled || void 0,
+          "data-drag-id": dragItem?.id,
           onClick: () => handleSelect(item),
           onDoubleClick: () => handleOpen(item),
           draggable: draggable && !item.disabled,
@@ -145,4 +162,7 @@ var FileManager = ({
 };
 var FileManager_default = FileManager;
 
-export { FileManager, FileManager_default };
+export {
+  FileManager,
+  FileManager_default
+};

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

@@ -1,8 +1,43 @@
-import { useState, useRef, useMemo, useEffect } from 'react';
-import { parseDate, formatDate, getCalendarDays, 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,11 +147,35 @@ var DatePicker = (props) => {
     () => getCalendarDays(viewingYear, viewingMonth),
     [viewingYear, viewingMonth]
   );
-  const dayNames = useMemo(() => getShortDayNames(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);
@@ -127,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}"]`
     );
@@ -158,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);
@@ -242,6 +309,7 @@ var DatePicker = (props) => {
     if (!isControlled) {
       setInternalRangeValue(next);
     }
+    ;
     props.onChange?.(next);
   };
   const selectDate = (date) => {
@@ -254,6 +322,7 @@ var DatePicker = (props) => {
       if (!isControlled) {
         setInternalValue(normalizedDate);
       }
+      ;
       props.onChange?.(normalizedDate);
       closeCalendar();
       return;
@@ -268,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) {
@@ -292,6 +390,7 @@ var DatePicker = (props) => {
       if (!isControlled) {
         setInternalValue(null);
       }
+      ;
       props.onChange?.(null);
     } else {
       setRangeValue([null, null]);
@@ -314,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;
@@ -325,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();
         }
       };
@@ -340,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;
@@ -351,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]
@@ -398,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",
       {
@@ -416,10 +593,10 @@ 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, props.locale) }),
+            /* @__PURE__ */ jsx("div", { className: datePickerMonthYearClasses, children: formatMonthYear(viewingYear, viewingMonth, localeCode) }),
             /* @__PURE__ */ jsx(
               "button",
               {
@@ -427,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" })
               }
             )
           ] }),
@@ -452,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");
@@ -514,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-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
+};