@expcat/tigercat-react 0.4.3 → 1.0.4

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;
   }

package/dist/chunk-SQK2CPSV.mjs

@@ -0,0 +1,59 @@
+import { useState, useRef, useMemo, useCallback } from 'react';
+import { getFixedVirtualRange, classNames, virtualListInnerClasses, virtualListContainerClasses } from '@expcat/tigercat-core';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/VirtualList.tsx
+var VirtualList = ({
+  itemCount = 0,
+  itemHeight = 40,
+  height = 400,
+  overscan = 5,
+  className,
+  renderItem,
+  onScroll
+}) => {
+  const [scrollTop, setScrollTop] = useState(0);
+  const containerRef = useRef(null);
+  const range = useMemo(
+    () => getFixedVirtualRange(scrollTop, height, itemHeight, itemCount, overscan),
+    [scrollTop, height, itemHeight, itemCount, overscan]
+  );
+  const handleScroll = useCallback(() => {
+    if (containerRef.current) {
+      const st = containerRef.current.scrollTop;
+      setScrollTop(st);
+      onScroll?.(st);
+    }
+  }, [onScroll]);
+  const { startIndex, endIndex, offsetTop, totalHeight } = range;
+  const items = [];
+  for (let i = startIndex; i <= endIndex; i++) {
+    items.push(
+      /* @__PURE__ */ jsx("div", { style: { height: `${itemHeight}px`, width: "100%" }, children: renderItem({ index: i }) }, i)
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: classNames(virtualListContainerClasses, className),
+      style: { height: `${height}px` },
+      onScroll: handleScroll,
+      children: /* @__PURE__ */ jsx("div", { className: virtualListInnerClasses, style: { height: `${totalHeight}px` }, children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            transform: `translateY(${offsetTop}px)`,
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: "100%"
+          },
+          children: items
+        }
+      ) })
+    }
+  );
+};
+
+export { VirtualList };

package/dist/{chunk-NJCKTIWB.mjs → chunk-SWF7GJYT.mjs}

@@ -1,9 +1,9 @@
-import { Tabs, TabPane } from './chunk-6PXNWGR5.mjs';
-import { List } from './chunk-TGPQ4KET.mjs';
-import { Button } from './chunk-ENSLMM3L.mjs';
+import { Tabs, TabPane } from './chunk-6744DTEB.mjs';
+import { List } from './chunk-VAQDUVBP.mjs';
+import { Button } from './chunk-3KMKMAE3.mjs';
 import { Loading } from './chunk-AVUXDQYO.mjs';
-import { Text } from './chunk-LIV33O73.mjs';
-import { Card } from './chunk-3M2IG6IN.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';
@@ -98,7 +98,6 @@ var NotificationCenter = ({
       ...group,
       items: applyReadOverrides(group.items)
     })),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     [resolvedGroups, readStateOverrides]
   );
   const effectiveCurrentGroup = useMemo(() => {
@@ -143,7 +142,7 @@ var NotificationCenter = ({
     }
     onMarkAllRead?.(currentGroupKey, effectiveCurrentGroupItems);
   };
-  const renderItem = (item, index) => {
+  const renderItem = (item, _index) => {
     const isRead = Boolean(item.read);
     const timeText = item.time ? formatActivityTime(item.time) : "";
     return /* @__PURE__ */ jsxs(

package/dist/chunk-T5FAKJ6C.mjs

@@ -0,0 +1,49 @@
+import React, { createContext, useMemo } from 'react';
+import { avatarGroupItemClasses, avatarSizeClasses, classNames, avatarGroupOverflowClasses, avatarGroupBaseClasses } from '@expcat/tigercat-core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/AvatarGroup.tsx
+var AvatarGroupContext = createContext(null);
+var AvatarGroup = ({
+  max,
+  size,
+  className,
+  children,
+  ...props
+}) => {
+  const contextValue = useMemo(
+    () => ({ size, itemClass: avatarGroupItemClasses }),
+    [size]
+  );
+  const childArray = React.Children.toArray(children);
+  const total = childArray.length;
+  const visibleCount = max != null && max < total ? max : total;
+  const overflow = total - visibleCount;
+  const visible = childArray.slice(0, visibleCount);
+  const overflowSizeClass = avatarSizeClasses[size ?? "md"];
+  return /* @__PURE__ */ jsx(AvatarGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classNames(avatarGroupBaseClasses, className),
+      role: "group",
+      "aria-label": "Avatar group",
+      ...props,
+      children: [
+        visible,
+        overflow > 0 && /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: classNames(avatarGroupOverflowClasses, overflowSizeClass),
+            "aria-label": `${overflow} more`,
+            children: [
+              "+",
+              overflow
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+};
+
+export { AvatarGroup, AvatarGroupContext };

package/dist/chunk-TFPIRBHL.js

@@ -0,0 +1,103 @@
+'use strict';
+
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/VirtualTable.tsx
+var VirtualTable = ({
+  data = [],
+  columns = [],
+  rowHeight = 48,
+  height = 400,
+  overscan = 5,
+  stickyHeader = true,
+  rowKey,
+  loading = false,
+  emptyText = "No data",
+  selectable = false,
+  selectedKeys = [],
+  striped = false,
+  bordered = false,
+  className,
+  onRowClick,
+  onSelect,
+  renderCell,
+  ...rest
+}) => {
+  const containerRef = react.useRef(null);
+  const [scrollTop, setScrollTop] = react.useState(0);
+  const range = react.useMemo(
+    () => tigercatCore.calculateVirtualRange(scrollTop, height, data.length, rowHeight, overscan),
+    [scrollTop, height, data.length, rowHeight, overscan]
+  );
+  const visibleData = react.useMemo(
+    () => data.slice(range.start, range.end),
+    [data, range.start, range.end]
+  );
+  const selectedSet = react.useMemo(() => new Set(selectedKeys), [selectedKeys]);
+  const onScroll = react.useCallback(() => {
+    if (containerRef.current) {
+      setScrollTop(containerRef.current.scrollTop);
+    }
+  }, []);
+  const containerClasses = react.useMemo(
+    () => tigercatCore.getVirtualTableContainerClasses(bordered, className),
+    [bordered, className]
+  );
+  const bottomHeight = Math.max(0, range.totalHeight - range.end * rowHeight);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: tigercatCore.classNames(
+        containerClasses,
+        rest.className
+      ),
+      style: { height: `${height}px` },
+      onScroll,
+      role: "grid",
+      "aria-rowcount": data.length,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full table-fixed", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("thead", { className: stickyHeader ? tigercatCore.virtualTableHeaderClasses : void 0, children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(
+            "th",
+            {
+              className: tigercatCore.virtualTableHeaderCellClasses,
+              style: col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : void 0,
+              children: col.title ?? ""
+            },
+            col.key
+          )) }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("tr", { style: { height: `${range.offsetTop}px` }, "aria-hidden": true }),
+            visibleData.map((row, localIdx) => {
+              const globalIdx = range.start + localIdx;
+              const key = tigercatCore.getVirtualRowKey(row, globalIdx, rowKey);
+              const isSelected = selectedSet.has(key);
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "tr",
+                {
+                  className: tigercatCore.getVirtualTableRowClasses(globalIdx, striped, isSelected),
+                  onClick: () => {
+                    onRowClick?.(row, globalIdx);
+                    if (selectable) onSelect?.(key, row, globalIdx);
+                  },
+                  children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: tigercatCore.virtualTableCellClasses, children: renderCell ? renderCell(row[col.key], row, col) : String(row[col.key] ?? "") }, col.key))
+                },
+                key
+              );
+            }),
+            bottomHeight > 0 && /* @__PURE__ */ jsxRuntime.jsx("tr", { style: { height: `${bottomHeight}px` }, "aria-hidden": true })
+          ] })
+        ] }),
+        data.length === 0 && !loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.virtualTableEmptyClasses, children: emptyText }),
+        loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.virtualTableLoadingClasses, children: "Loading..." })
+      ]
+    }
+  );
+};
+var VirtualTable_default = VirtualTable;
+
+exports.VirtualTable = VirtualTable;
+exports.VirtualTable_default = VirtualTable_default;

package/dist/chunk-TKZO5UBH.js

@@ -0,0 +1,65 @@
+'use strict';
+
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Stepper.tsx
+var Stepper = ({
+  value = 0,
+  min = -Infinity,
+  max = Infinity,
+  step = 1,
+  disabled = false,
+  size = "md",
+  precision,
+  className,
+  onChange
+}) => {
+  function setValue(v) {
+    const clamped = tigercatCore.clampStepperValue(v, min, max, precision);
+    onChange?.(clamped);
+  }
+  const atMin = value <= min;
+  const atMax = value >= max;
+  const icon = (d) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", viewBox: tigercatCore.stepperIconViewBox, fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d, fillRule: "evenodd", clipRule: "evenodd" }) });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.classNames(tigercatCore.stepperBaseClasses, className), role: "group", "aria-label": "Stepper", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: tigercatCore.getStepperButtonClasses(size, disabled || atMin, "left"),
+        disabled: disabled || atMin,
+        "aria-label": "Decrease",
+        onClick: () => setValue(value - step),
+        children: icon(tigercatCore.minusPathD)
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "text",
+        className: tigercatCore.getStepperInputClasses(size),
+        value: precision !== void 0 ? value.toFixed(precision) : String(value),
+        disabled,
+        "aria-label": "Value",
+        onChange: (e) => {
+          const val = Number(e.target.value);
+          if (!Number.isNaN(val)) setValue(val);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: tigercatCore.getStepperButtonClasses(size, disabled || atMax, "right"),
+        disabled: disabled || atMax,
+        "aria-label": "Increase",
+        onClick: () => setValue(value + step),
+        children: icon(tigercatCore.plusPathD)
+      }
+    )
+  ] });
+};
+
+exports.Stepper = Stepper;