@expcat/tigercat-react 0.4.3 → 1.0.0

package/dist/{chunk-KBTFBEPE.mjs → chunk-RU6YS4LZ.mjs}

@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useMemo, useCallback } from 'react';
-import { getSpinnerSVG, getFixedColumnOffsets, filterData, sortData, paginateData, getRowKey, calculatePagination, getExpandIconCellClasses, getTableHeaderClasses, getCheckboxCellClasses, classNames, getTableHeaderCellClasses, tableEmptyStateClasses, getTableCellClasses, getTableRowClasses, getExpandedRowClasses, getExpandedRowContentClasses, getSimplePaginationContainerClasses, getSimplePaginationTotalClasses, getSimplePaginationControlsClasses, getSimplePaginationSelectClasses, getSimplePaginationButtonsWrapperClasses, getSimplePaginationButtonClasses, getSimplePaginationPageIndicatorClasses, getTableWrapperClasses, tableBaseClasses, tableLoadingOverlayClasses, icon24ViewBox, lockClosedIcon24PathD, lockOpenIcon24PathD, icon16ViewBox, getSortIconClasses, sortAscIcon16PathD, sortDescIcon16PathD, sortBothIcon16PathD, getExpandIconClasses, expandChevronIcon16PathD, getLoadingOverlaySpinnerClasses } from '@expcat/tigercat-core';
+import { getSpinnerSVG, getFixedColumnOffsets, filterDataAdvanced, filterData, sortData, paginateData, getRowKey, calculatePagination, exportTableToCsv, downloadCsv, groupDataByColumn, getExpandIconCellClasses, getTableHeaderClasses, getCheckboxCellClasses, classNames, getTableHeaderCellClasses, tableEmptyStateClasses, tableGroupHeaderClasses, getGroupHeaderCellClasses, getSimplePaginationContainerClasses, getSimplePaginationTotalClasses, getSimplePaginationControlsClasses, getSimplePaginationSelectClasses, getSimplePaginationButtonsWrapperClasses, getSimplePaginationButtonClasses, getSimplePaginationPageIndicatorClasses, tableSummaryRowClasses, getTableCellClasses, getTableWrapperClasses, tableExportButtonClasses, tableBaseClasses, tableLoadingOverlayClasses, editableCellInputClasses, getEditableCellClasses, getTableRowClasses, getExpandedRowClasses, getExpandedRowContentClasses, icon24ViewBox, lockClosedIcon24PathD, lockOpenIcon24PathD, icon16ViewBox, getSortIconClasses, sortAscIcon16PathD, sortDescIcon16PathD, sortBothIcon16PathD, getLoadingOverlaySpinnerClasses, getExpandIconClasses, expandChevronIcon16PathD } from '@expcat/tigercat-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/components/Table.tsx
@@ -79,6 +79,19 @@ function Table({
   stickyHeader = false,
   maxHeight,
   tableLayout = "auto",
+  // v0.6.0 props
+  virtual = false,
+  virtualHeight = 400,
+  virtualItemHeight = 40,
+  editable = false,
+  editableCells,
+  filterMode = "basic",
+  advancedFilterRules = [],
+  columnDraggable = false,
+  summaryRow,
+  groupBy,
+  exportable = false,
+  exportFilename = "export",
   onChange,
   onRowClick,
   onSelectionChange,
@@ -86,6 +99,9 @@ function Table({
   onFilterChange,
   onPageChange,
   onExpandChange,
+  onCellChange,
+  onColumnOrderChange,
+  onExport,
   className,
   ...props
 }) {
@@ -188,13 +204,17 @@ function Table({
   );
   const processedData = useMemo(() => {
     let data = dataSource;
-    data = filterData(data, filterState);
+    if (filterMode === "advanced" && advancedFilterRules.length > 0) {
+      data = filterDataAdvanced(data, advancedFilterRules);
+    } else {
+      data = filterData(data, filterState);
+    }
     if (sortState.key && sortState.direction) {
       const column = columnByKey[sortState.key];
       data = sortData(data, sortState.key, sortState.direction, column?.sortFn);
     }
     return data;
-  }, [dataSource, filterState, sortState, columnByKey]);
+  }, [dataSource, filterState, sortState, columnByKey, filterMode, advancedFilterRules]);
   const paginatedData = useMemo(() => {
     if (pagination === false) {
       return processedData;
@@ -393,6 +413,59 @@ function Table({
   const someSelected = useMemo(() => {
     return selectedRowKeys.length > 0 && !allSelected;
   }, [selectedRowKeys.length, allSelected]);
+  const [editingCell, setEditingCell] = useState(
+    null
+  );
+  const [editingValue, setEditingValue] = useState("");
+  const isCellEditable = useCallback(
+    (columnKey, rowIndex) => {
+      if (!editable) return false;
+      if (!editableCells) return true;
+      return !!editableCells.get(columnKey)?.has(rowIndex);
+    },
+    [editable, editableCells]
+  );
+  const startEditing = useCallback((rowIndex, columnKey, currentValue) => {
+    setEditingCell({ rowIndex, columnKey });
+    setEditingValue(String(currentValue ?? ""));
+  }, []);
+  const commitEdit = useCallback(() => {
+    if (editingCell) {
+      onCellChange?.(editingCell.rowIndex, editingCell.columnKey, editingValue);
+      setEditingCell(null);
+    }
+  }, [editingCell, editingValue, onCellChange]);
+  const cancelEdit = useCallback(() => {
+    setEditingCell(null);
+  }, []);
+  const handleExport = useCallback(() => {
+    const csv = exportTableToCsv(displayColumns, processedData);
+    downloadCsv(csv, exportFilename);
+    onExport?.(csv);
+  }, [displayColumns, processedData, exportFilename, onExport]);
+  const [dragColumnKey, setDragColumnKey] = useState(null);
+  const handleDragStart = useCallback((columnKey) => {
+    setDragColumnKey(columnKey);
+  }, []);
+  const handleDrop = useCallback(
+    (targetKey) => {
+      if (!dragColumnKey || dragColumnKey === targetKey) return;
+      const cols = [...displayColumns];
+      const fromIdx = cols.findIndex((c) => c.key === dragColumnKey);
+      const toIdx = cols.findIndex((c) => c.key === targetKey);
+      if (fromIdx >= 0 && toIdx >= 0) {
+        const [moved] = cols.splice(fromIdx, 1);
+        cols.splice(toIdx, 0, moved);
+        onColumnOrderChange?.(cols);
+      }
+      setDragColumnKey(null);
+    },
+    [dragColumnKey, displayColumns, onColumnOrderChange]
+  );
+  const groupedData = useMemo(() => {
+    if (!groupBy) return null;
+    return groupDataByColumn(paginatedData, groupBy);
+  }, [groupBy, paginatedData]);
   const renderTableHeader = useCallback(() => {
     const expandHeaderTh = expandable ? /* @__PURE__ */ jsx("th", { className: getExpandIconCellClasses(size), "aria-label": "Expand" }) : null;
     const expandAtStart = expandable?.expandIconPosition !== "end";
@@ -443,6 +516,10 @@ function Table({
               (isFixedLeft || isFixedRight) && "bg-[var(--tiger-surface-muted,#f9fafb)]"
             ),
             style,
+            draggable: columnDraggable ? true : void 0,
+            onDragStart: columnDraggable ? () => handleDragStart(column.key) : void 0,
+            onDragOver: columnDraggable ? (e) => e.preventDefault() : void 0,
+            onDrop: columnDraggable ? () => handleDrop(column.key) : void 0,
             onClick: column.sortable ? () => handleSort(column.key) : void 0,
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -507,7 +584,10 @@ function Table({
     handleSelectAll,
     columnLockable,
     toggleColumnLock,
-    fixedColumnsInfo
+    fixedColumnsInfo,
+    columnDraggable,
+    handleDragStart,
+    handleDrop
   ]);
   const renderTableBody = useCallback(() => {
     if (loading) {
@@ -516,7 +596,7 @@ function Table({
     if (paginatedData.length === 0) {
       return /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: totalColumnCount, className: tableEmptyStateClasses, children: /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", children: emptyText }) }) }) });
     }
-    return /* @__PURE__ */ jsx("tbody", { children: paginatedData.map((record, index) => {
+    const renderDataRow = (record, index) => {
       const key = pageRowKeys[index];
       const isSelected = selectedRowKeySet.has(key);
       const isExpanded = expandedRowKeySet.has(key);
@@ -581,15 +661,32 @@ function Table({
                 stickyBgClass,
                 hoverable && "group-hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
               ) : void 0;
+              const isEditing = editingCell?.rowIndex === index && editingCell?.columnKey === column.key;
+              const cellEditable = isCellEditable(column.key, index);
               return /* @__PURE__ */ jsx(
                 "td",
                 {
                   className: classNames(
                     getTableCellClasses(size, column.align || "left", column.className),
-                    stickyCellClass
+                    stickyCellClass,
+                    cellEditable && getEditableCellClasses(!!isEditing)
                   ),
                   style,
-                  children: column.render ? column.render(record, index) : cellValue
+                  onDoubleClick: cellEditable ? () => startEditing(index, column.key, cellValue) : void 0,
+                  children: isEditing ? /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      className: editableCellInputClasses,
+                      value: editingValue,
+                      onChange: (e) => setEditingValue(e.target.value),
+                      onBlur: commitEdit,
+                      onKeyDown: (e) => {
+                        if (e.key === "Enter") commitEdit();
+                        if (e.key === "Escape") cancelEdit();
+                      },
+                      autoFocus: true
+                    }
+                  ) : column.render ? column.render(record, index) : cellValue
                 },
                 column.key
               );
@@ -607,7 +704,22 @@ function Table({
         ] }, key);
       }
       return rowNode;
-    }) });
+    };
+    if (groupedData) {
+      return /* @__PURE__ */ jsx("tbody", { children: Array.from(groupedData.entries()).map(([groupKey, groupItems]) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        /* @__PURE__ */ jsx("tr", { className: tableGroupHeaderClasses, children: /* @__PURE__ */ jsxs("td", { colSpan: totalColumnCount, className: getGroupHeaderCellClasses(size), children: [
+          groupKey,
+          " (",
+          groupItems.length,
+          ")"
+        ] }) }),
+        groupItems.map((record, idx) => {
+          const globalIndex = paginatedData.indexOf(record);
+          return renderDataRow(record, globalIndex >= 0 ? globalIndex : idx);
+        })
+      ] }, `group-${groupKey}`)) });
+    }
+    return /* @__PURE__ */ jsx("tbody", { children: paginatedData.map((record, index) => renderDataRow(record, index)) });
   }, [
     loading,
     paginatedData,
@@ -626,7 +738,14 @@ function Table({
     handleRowClick,
     handleSelectRow,
     handleToggleExpand,
-    fixedColumnsInfo
+    fixedColumnsInfo,
+    groupedData,
+    editingCell,
+    editingValue,
+    isCellEditable,
+    startEditing,
+    commitEdit,
+    cancelEdit
   ]);
   const renderPagination = useCallback(() => {
     if (pagination === false || !paginationInfo) {
@@ -687,19 +806,36 @@ function Table({
     handlePageChange,
     handlePageSizeChange
   ]);
-  const wrapperStyle = useMemo(
-    () => maxHeight ? {
+  const renderSummaryRow = useCallback(() => {
+    if (!summaryRow?.show) return null;
+    return /* @__PURE__ */ jsx("tfoot", { children: /* @__PURE__ */ jsxs("tr", { className: tableSummaryRowClasses, children: [
+      rowSelection && rowSelection.showCheckbox !== false && /* @__PURE__ */ jsx("td", { className: getTableCellClasses(size, "left") }),
+      expandable && /* @__PURE__ */ jsx("td", { className: getTableCellClasses(size, "left") }),
+      displayColumns.map((column) => /* @__PURE__ */ jsx("td", { className: getTableCellClasses(size, column.align || "left"), children: summaryRow.data[column.dataKey || column.key] ?? "" }, column.key))
+    ] }) });
+  }, [summaryRow, displayColumns, size, rowSelection, expandable]);
+  const wrapperStyle = useMemo(() => {
+    if (virtual) {
+      return {
+        height: typeof virtualHeight === "number" ? `${virtualHeight}px` : virtualHeight,
+        overflow: "auto"
+      };
+    }
+    return maxHeight ? {
       maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight
-    } : void 0,
-    [maxHeight]
-  );
+    } : void 0;
+  }, [maxHeight, virtual, virtualHeight]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: getTableWrapperClasses(bordered, maxHeight),
+      className: getTableWrapperClasses(
+        bordered,
+        maxHeight || (virtual ? virtualHeight : void 0)
+      ),
       style: wrapperStyle,
       "aria-busy": loading,
       children: [
+        exportable && /* @__PURE__ */ jsx("div", { className: "mb-2 flex justify-end", children: /* @__PURE__ */ jsx("button", { type: "button", className: tableExportButtonClasses, onClick: handleExport, children: "Export CSV" }) }),
         /* @__PURE__ */ jsxs(
           "table",
           {
@@ -715,7 +851,8 @@ function Table({
             } : props.style,
             children: [
               renderTableHeader(),
-              renderTableBody()
+              renderTableBody(),
+              renderSummaryRow()
             ]
           }
         ),

package/dist/{chunk-ZFHTSHXS.mjs → chunk-RUROWRB5.mjs}

@@ -1,5 +1,5 @@
 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, datePickerFooterClasses, datePickerFooterButtonClasses, datePickerBaseClasses, isDateInRange, icon20ViewBox } from '@expcat/tigercat-core';
+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
@@ -45,6 +45,7 @@ var DatePicker = (props) => {
     onChange: _onChange,
     onClear: _onClear,
     className: _className,
+    shortcuts: _shortcuts,
     ...rest
   }) => rest)(props);
   const [isOpen, setIsOpen] = useState(false);
@@ -267,6 +268,24 @@ var DatePicker = (props) => {
   const setToday = () => {
     selectDate(/* @__PURE__ */ new Date());
   };
+  const handleShortcut = (shortcut) => {
+    const val = typeof shortcut.value === "function" ? shortcut.value() : shortcut.value;
+    if (!isRangeMode) {
+      const date = val instanceof Date ? normalizeDate(val) : val ? normalizeDate(parseDate(val)) : null;
+      if (!isControlled) setInternalValue(date);
+      props.onChange?.(date);
+    } else {
+      const range = val;
+      if (range && Array.isArray(range)) {
+        const parsed = [
+          range[0] ? normalizeDate(range[0] instanceof Date ? range[0] : parseDate(range[0])) : null,
+          range[1] ? normalizeDate(range[1] instanceof Date ? range[1] : parseDate(range[1])) : null
+        ];
+        setRangeValue(parsed);
+      }
+    }
+    closeCalendar();
+  };
   const clearDate = (event) => {
     event.stopPropagation();
     if (!isRangeMode) {
@@ -467,6 +486,16 @@ var DatePicker = (props) => {
               }
             );
           })(),
+          props.shortcuts && props.shortcuts.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 px-3 py-2 border-t border-[var(--tiger-border,#e5e7eb)]", children: props.shortcuts.map((sc, i) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: datePickerFooterButtonClasses,
+              onClick: () => handleShortcut(sc),
+              children: sc.label
+            },
+            i
+          )) }),
           isRangeMode && /* @__PURE__ */ jsxs("div", { className: datePickerFooterClasses, children: [
             /* @__PURE__ */ jsx("button", { type: "button", className: datePickerFooterButtonClasses, onClick: setToday, children: labels.today }),
             /* @__PURE__ */ jsx(

package/dist/{chunk-SAZ6V6DX.js → chunk-RVCUNEBU.js}

@@ -1,5 +1,6 @@
 'use strict';
 
+var chunkUKGQ7256_js = require('./chunk-UKGQ7256.js');
 var React = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
@@ -8,7 +9,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-// src/components/RadioGroup.tsx
 var RadioGroupContext = React__default.default.createContext(null);
 var RadioGroup = ({
   value,
@@ -21,9 +21,7 @@ var RadioGroup = ({
   className,
   ...props
 }) => {
-  const [internalValue, setInternalValue] = React.useState(defaultValue);
-  const isControlled = value !== void 0;
-  const currentValue = isControlled ? value : internalValue;
+  const [currentValue, setInternalValue, isControlled] = chunkUKGQ7256_js.useControlledState(value, defaultValue);
   const generatedNameRef = React.useRef(
     `tiger-radio-group-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`
   );

package/dist/{chunk-HB2UYJBY.js → chunk-RYW4CV7U.js}

@@ -16,34 +16,50 @@ var Dropdown = ({
   placement: initialPlacement = "bottom-start",
   offset = 4,
   disabled = false,
-  visible: controlledVisible,
-  defaultVisible = false,
+  open: controlledOpen,
+  defaultOpen = false,
   closeOnClick = true,
   showArrow = true,
   className,
   style,
-  onVisibleChange,
+  onOpenChange,
   children,
   ...divProps
 }) => {
-  const [internalVisible, setInternalVisible] = React.useState(defaultVisible);
-  const visible = controlledVisible !== void 0 ? controlledVisible : internalVisible;
+  const [internalVisible, setInternalVisible] = React.useState(defaultOpen);
+  const visible = controlledOpen !== void 0 ? controlledOpen : internalVisible;
   const containerRef = React.useRef(null);
   const triggerRef = React.useRef(null);
   const floatingRef = React.useRef(null);
   const hoverTimerRef = React.useRef(null);
+  const previousActiveElementRef = React.useRef(null);
+  const reactId = React.useId();
+  const menuId = React.useMemo(() => `tiger-dropdown-menu-${reactId}`, [reactId]);
   React.useEffect(() => {
     tigercatCore.injectDropdownStyles();
   }, []);
   const setVisible = React.useCallback(
     (newVisible) => {
       if (disabled && newVisible) return;
-      if (controlledVisible === void 0) {
+      if (newVisible && !visible) {
+        previousActiveElementRef.current = tigercatCore.captureActiveElement();
+      }
+      if (controlledOpen === void 0) {
         setInternalVisible(newVisible);
       }
-      onVisibleChange?.(newVisible);
+      onOpenChange?.(newVisible);
+      if (newVisible) {
+        requestAnimationFrame(() => {
+          if (floatingRef.current) {
+            tigercatCore.focusFirstMenuItem(floatingRef.current);
+          }
+        });
+      } else {
+        tigercatCore.restoreFocus(previousActiveElementRef.current);
+        previousActiveElementRef.current = null;
+      }
     },
-    [disabled, controlledVisible, onVisibleChange]
+    [disabled, visible, controlledOpen, onOpenChange]
   );
   const handleItemClick = React.useCallback(() => {
     if (closeOnClick) {
@@ -72,6 +88,11 @@ var Dropdown = ({
     if (trigger !== "click") return;
     setVisible(!visible);
   }, [trigger, visible, setVisible]);
+  const handleMenuKeyDown = React.useCallback((event) => {
+    if (floatingRef.current) {
+      tigercatCore.handleMenuNavigation(floatingRef.current, event.nativeEvent);
+    }
+  }, []);
   chunkZYPEO2KY_js.useClickOutside({
     enabled: trigger === "click" && visible,
     refs: [containerRef],
@@ -144,45 +165,38 @@ var Dropdown = ({
       children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: tigercatCore.DROPDOWN_CHEVRON_PATH })
     }
   ) : null;
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref: containerRef,
-      className: containerClasses,
-      style,
-      ...divProps,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            ref: triggerRef,
-            className: triggerClasses,
-            onClick: handleClick,
-            onMouseEnter: handleMouseEnter,
-            onMouseLeave: handleMouseLeave,
-            "aria-haspopup": "menu",
-            "aria-expanded": visible,
-            children: [
-              triggerElement,
-              chevronNode
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            ref: floatingRef,
-            className: menuWrapperClasses,
-            style: menuWrapperStyles,
-            hidden: !visible,
-            onMouseEnter: handleMouseEnter,
-            onMouseLeave: handleMouseLeave,
-            children: menuElement
-          }
-        )
-      ]
-    }
-  ) });
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: containerClasses, style, ...divProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: triggerRef,
+        className: triggerClasses,
+        onClick: handleClick,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        "aria-haspopup": "menu",
+        "aria-expanded": visible,
+        "aria-controls": visible ? menuId : void 0,
+        children: [
+          triggerElement,
+          chevronNode
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: floatingRef,
+        className: menuWrapperClasses,
+        style: menuWrapperStyles,
+        hidden: !visible,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        onKeyDown: handleMenuKeyDown,
+        children: menuElement && React__default.default.isValidElement(menuElement) ? React__default.default.cloneElement(menuElement, { id: menuId }) : menuElement
+      }
+    )
+  ] }) });
 };
 
 exports.Dropdown = Dropdown;

package/dist/chunk-S5Y6UHAK.mjs

@@ -0,0 +1,116 @@
+import { useState, useMemo, useCallback } from 'react';
+import { getMonthDays, classNames, getCalendarContainerClasses, calendarHeaderClasses, calendarNavButtonClasses, MONTHS, calendarTitleClasses, getCalendarMonthClasses, WEEKDAYS, calendarWeekdayClasses, isSameDay, getCalendarDayClasses } from '@expcat/tigercat-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Calendar.tsx
+var Calendar = ({
+  value,
+  mode = "month",
+  fullscreen = false,
+  disabledDate,
+  onChange,
+  onPanelChange,
+  className
+}) => {
+  const today = /* @__PURE__ */ new Date();
+  const [viewYear, setViewYear] = useState(value?.getFullYear() ?? today.getFullYear());
+  const [viewMonth, setViewMonth] = useState(value?.getMonth() ?? today.getMonth());
+  const days = useMemo(() => getMonthDays(viewYear, viewMonth), [viewYear, viewMonth]);
+  const navigate = useCallback(
+    (newYear, newMonth) => {
+      setViewYear(newYear);
+      setViewMonth(newMonth);
+      onPanelChange?.(new Date(newYear, newMonth, 1), mode);
+    },
+    [mode, onPanelChange]
+  );
+  const prevMonth = useCallback(() => {
+    if (viewMonth === 0) navigate(viewYear - 1, 11);
+    else navigate(viewYear, viewMonth - 1);
+  }, [viewYear, viewMonth, navigate]);
+  const nextMonth = useCallback(() => {
+    if (viewMonth === 11) navigate(viewYear + 1, 0);
+    else navigate(viewYear, viewMonth + 1);
+  }, [viewYear, viewMonth, navigate]);
+  const prevYear = useCallback(
+    () => navigate(viewYear - 1, viewMonth),
+    [viewYear, viewMonth, navigate]
+  );
+  const nextYear = useCallback(
+    () => navigate(viewYear + 1, viewMonth),
+    [viewYear, viewMonth, navigate]
+  );
+  const selectDay = useCallback(
+    (date) => {
+      if (disabledDate?.(date)) return;
+      onChange?.(date);
+    },
+    [disabledDate, onChange]
+  );
+  const selectMonth = useCallback(
+    (monthIdx) => {
+      setViewMonth(monthIdx);
+      onPanelChange?.(new Date(viewYear, monthIdx, 1), mode);
+    },
+    [viewYear, mode, onPanelChange]
+  );
+  const containerClass = classNames(getCalendarContainerClasses(fullscreen), className);
+  return /* @__PURE__ */ jsxs("div", { className: containerClass, role: "group", children: [
+    /* @__PURE__ */ jsxs("div", { className: calendarHeaderClasses, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: calendarNavButtonClasses,
+          "aria-label": mode === "month" ? "Previous month" : "Previous year",
+          onClick: mode === "month" ? prevMonth : prevYear,
+          children: "\u2039"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: calendarTitleClasses, children: mode === "month" ? `${MONTHS[viewMonth]} ${viewYear}` : `${viewYear}` }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: calendarNavButtonClasses,
+          "aria-label": mode === "month" ? "Next month" : "Next year",
+          onClick: mode === "month" ? nextMonth : nextYear,
+          children: "\u203A"
+        }
+      )
+    ] }),
+    mode === "year" ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-2", children: MONTHS.map((m, i) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: getCalendarMonthClasses(viewMonth === i),
+        onClick: () => selectMonth(i),
+        children: m
+      },
+      i
+    )) }) : /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7", children: WEEKDAYS.map((wd) => /* @__PURE__ */ jsx("div", { className: calendarWeekdayClasses, children: wd }, wd)) }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7", children: days.map((date, i) => {
+        const isCurrentMonth = date.getMonth() === viewMonth;
+        const isSelected = value ? isSameDay(date, value) : false;
+        const isTodayDate = isSameDay(date, today);
+        const isDisabled = !!disabledDate?.(date);
+        return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-0.5", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: getCalendarDayClasses(
+              isSelected,
+              isTodayDate,
+              isCurrentMonth,
+              isDisabled
+            ),
+            onClick: () => selectDay(date),
+            children: date.getDate()
+          }
+        ) }, i);
+      }) })
+    ] })
+  ] });
+};
+var Calendar_default = Calendar;
+
+export { Calendar, Calendar_default };

package/dist/{chunk-YV6Y7C43.js → chunk-SDWJSALH.js}

@@ -22,6 +22,7 @@ var Tabs = ({
   closable = false,
   centered = false,
   destroyInactiveTabPane = false,
+  lazy = false,
   className,
   style,
   onChange,
@@ -98,6 +99,7 @@ var Tabs = ({
       tabPosition,
       closable,
       destroyInactiveTabPane,
+      lazy,
       idBase,
       handleTabClick,
       handleTabClose
@@ -109,6 +111,7 @@ var Tabs = ({
       tabPosition,
       closable,
       destroyInactiveTabPane,
+      lazy,
       idBase,
       handleTabClick,
       handleTabClose
@@ -165,6 +168,8 @@ var TabPane = ({
   const isActive = React.useMemo(() => {
     return tigercatCore.isKeyActive(tabKey, tabsContext.activeKey);
   }, [tabKey, tabsContext.activeKey]);
+  const hasBeenActivatedRef = React.useRef(isActive);
+  if (isActive) hasBeenActivatedRef.current = true;
   const isClosable = React.useMemo(() => {
     return closable !== void 0 ? closable : tabsContext.closable && tabsContext.type === "editable-card";
   }, [closable, tabsContext.closable, tabsContext.type]);
@@ -260,9 +265,9 @@ var TabPane = ({
           icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center", children: icon }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
           isClosable && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
+            "span",
             {
-              type: "button",
+              role: "button",
               className: tigercatCore.tabCloseButtonClasses,
               "aria-label": `Close ${String(label)}`,
               tabIndex: -1,
@@ -282,7 +287,7 @@ var TabPane = ({
       }
     );
   }
-  const shouldRender = isActive || !tabsContext.destroyInactiveTabPane;
+  const shouldRender = tabsContext.lazy ? hasBeenActivatedRef.current && (isActive || !tabsContext.destroyInactiveTabPane) : isActive || !tabsContext.destroyInactiveTabPane;
   if (!shouldRender) {
     return null;
   }