@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/{chunk-DBNAL6G6.mjs → chunk-ZB55SAGI.mjs}

@@ -1,24 +1,39 @@
-import { useTigerConfig } from './chunk-CRSMECWE.mjs';
-import React, { useMemo, useState, useEffect, useRef, useCallback } from 'react';
-import { classNames, taskBoardCardClasses, taskBoardCardDraggingClasses, isWipExceeded, getColumnCardCount, taskBoardColumnClasses, taskBoardColumnDropTargetClasses, taskBoardColumnDraggingClasses, taskBoardDropIndicatorClasses, resolveLocaleText, taskBoardEmptyClasses, taskBoardColumnHeaderClasses, taskBoardWipExceededClasses, kanbanCardCountClasses, taskBoardColumnBodyClasses, taskBoardAddCardClasses, mergeTigerLocale, getTaskBoardLabels, filterColumns, createTouchDragTracker, moveCard, reorderColumns, setDragData, createCardDragData, getDropIndex, parseDragData, createColumnDragData, getColumnDropIndex, findColumnFromPoint, taskBoardBaseClasses, kanbanAddColumnClasses } from '@expcat/tigercat-core';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
 
+// src/components/TaskBoard.tsx
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import {
+  classNames,
+  getTaskBoardLabels,
+  mergeTigerLocale,
+  resolveLocaleText,
+  taskBoardBaseClasses,
+  taskBoardColumnClasses,
+  taskBoardColumnHeaderClasses,
+  taskBoardColumnBodyClasses,
+  taskBoardCardClasses,
+  taskBoardCardDraggingClasses,
+  taskBoardDropIndicatorClasses,
+  taskBoardColumnDropTargetClasses,
+  taskBoardColumnDraggingClasses,
+  taskBoardEmptyClasses,
+  taskBoardWipExceededClasses,
+  taskBoardAddCardClasses,
+  kanbanCardCountClasses,
+  kanbanAddColumnClasses,
+  filterColumns,
+  getColumnCardCount,
+  moveCard,
+  reorderColumns,
+  isWipExceeded,
+  createTaskBoardDragController,
+  createDefaultDragSnapshot
+} from "@expcat/tigercat-core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var CardItem = React.memo(
-  ({
-    card,
-    column,
-    isDragging,
-    isKbGrabbed,
-    draggable,
-    dragHintText,
-    renderCard,
-    onDragStart,
-    onDragEnd,
-    onTouchStart,
-    onTouchMove,
-    onTouchEnd,
-    onKeyDown
-  }) => {
+  ({ card, column, isDragging, isKbGrabbed, draggable, dragHintText, renderCard, dragCtrl }) => {
     const cardClasses = classNames(
       taskBoardCardClasses,
       isDragging && taskBoardCardDraggingClasses,
@@ -35,12 +50,16 @@ var CardItem = React.memo(
         "aria-grabbed": isKbGrabbed ? "true" : void 0,
         "data-tiger-taskboard-card": "",
         "data-tiger-taskboard-card-id": String(card.id),
-        onDragStart: (e) => onDragStart(e, card, column),
-        onDragEnd,
-        onTouchStart: (e) => onTouchStart(e, card, column),
-        onTouchMove,
-        onTouchEnd,
-        onKeyDown: (e) => onKeyDown(e, card, column),
+        onDragStart: (e) => {
+          if (e.dataTransfer) dragCtrl.cardDragStart(e.dataTransfer, card, column);
+        },
+        onDragEnd: () => dragCtrl.dragEnd(),
+        onTouchStart: (e) => dragCtrl.cardTouchStart(e.nativeEvent, e.currentTarget, card, column),
+        onTouchMove: (e) => dragCtrl.cardTouchMove(e.nativeEvent),
+        onTouchEnd: () => dragCtrl.cardTouchEnd(),
+        onKeyDown: (e) => {
+          if (dragCtrl.cardKeyDown(e.key, card, column)) e.preventDefault();
+        },
         children: renderCard ? renderCard(card, column.id) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("div", { className: "font-medium text-sm text-[var(--tiger-text,#1f2937)]", children: card.title }),
           card.description && /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-[var(--tiger-text-muted,#6b7280)] line-clamp-2", children: card.description })
@@ -67,21 +86,7 @@ var ColumnItem = React.memo(
     renderEmptyColumn,
     onCardAdd,
     dragType,
-    onCardDragStart,
-    onCardDragOver,
-    onCardDrop,
-    onDragEnd,
-    onDragLeave,
-    onColumnDragStart,
-    onColumnDragOver,
-    onColumnDrop,
-    onCardTouchStart,
-    onCardTouchMove,
-    onCardTouchEnd,
-    onColumnTouchStart,
-    onColumnTouchMove,
-    onColumnTouchEnd,
-    onCardKeyDown,
+    dragCtrl,
     dragStateId,
     kbDragStateId,
     showCardCount,
@@ -114,12 +119,7 @@ var ColumnItem = React.memo(
               draggable,
               dragHintText: labels.dragHintText,
               renderCard: renderCardProp,
-              onDragStart: onCardDragStart,
-              onDragEnd,
-              onTouchStart: onCardTouchStart,
-              onTouchMove: onCardTouchMove,
-              onTouchEnd: onCardTouchEnd,
-              onKeyDown: onCardKeyDown
+              dragCtrl
             },
             String(card.id)
           )
@@ -139,19 +139,32 @@ var ColumnItem = React.memo(
         className: colClasses,
         "data-tiger-taskboard-column": "",
         "data-tiger-taskboard-column-id": String(column.id),
-        onDragOver: dragType === "column" ? onColumnDragOver : void 0,
-        onDrop: dragType === "column" ? onColumnDrop : void 0,
+        onDragOver: dragType === "column" ? (e) => {
+          e.preventDefault();
+          dragCtrl.columnDragOver();
+        } : void 0,
+        onDrop: dragType === "column" ? (e) => {
+          e.preventDefault();
+          if (e.dataTransfer) dragCtrl.columnDrop(e.dataTransfer, e.clientX);
+        } : void 0,
         children: [
           /* @__PURE__ */ jsx(
             "div",
             {
               className: taskBoardColumnHeaderClasses,
               draggable: columnDraggable,
-              onDragStart: (e) => onColumnDragStart(e, column, colIndex),
-              onDragEnd,
-              onTouchStart: (e) => onColumnTouchStart(e, column, colIndex),
-              onTouchMove: onColumnTouchMove,
-              onTouchEnd: onColumnTouchEnd,
+              onDragStart: (e) => {
+                if (e.dataTransfer) dragCtrl.columnDragStart(e.dataTransfer, column, colIndex);
+              },
+              onDragEnd: () => dragCtrl.dragEnd(),
+              onTouchStart: (e) => dragCtrl.columnTouchStart(
+                e.nativeEvent,
+                e.currentTarget,
+                column,
+                colIndex
+              ),
+              onTouchMove: (e) => dragCtrl.columnTouchMove(e.nativeEvent),
+              onTouchEnd: () => dragCtrl.columnTouchEnd(),
               style: columnDraggable ? { cursor: "grab" } : void 0,
               children: renderColumnHeader ? renderColumnHeader(column) : /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsxs("span", { className: wipOver ? taskBoardWipExceededClasses : void 0, children: [
@@ -184,9 +197,15 @@ var ColumnItem = React.memo(
               className: taskBoardColumnBodyClasses,
               role: "list",
               "aria-label": column.title,
-              onDragOver: (e) => onCardDragOver(e, column),
-              onDrop: (e) => onCardDrop(e, column),
-              onDragLeave,
+              onDragOver: (e) => {
+                e.preventDefault();
+                dragCtrl.cardDragOver(e.clientY, e.currentTarget, column);
+              },
+              onDrop: (e) => {
+                e.preventDefault();
+                if (e.dataTransfer) dragCtrl.cardDrop(e.dataTransfer, column);
+              },
+              onDragLeave: (e) => dragCtrl.dragLeave(e.currentTarget, e.relatedTarget),
               children: cardsContent
             }
           ),
@@ -272,13 +291,8 @@ var TaskBoard = ({
     },
     [onColumnsChange]
   );
-  const [dragState, setDragState] = useState(null);
-  const [dropTargetColumnId, setDropTargetColumnId] = useState(null);
-  const [dropIdx, setDropIdx] = useState(-1);
-  const [kbDragState, setKbDragState] = useState(null);
+  const [dragSnap, setDragSnap] = useState(createDefaultDragSnapshot);
   const boardRef = useRef(null);
-  const touchTrackerRef = useRef(null);
-  const touchRafRef = useRef(0);
   const beforeCardMoveRef = useRef(beforeCardMove);
   beforeCardMoveRef.current = beforeCardMove;
   const beforeColumnMoveRef = useRef(beforeColumnMove);
@@ -289,17 +303,6 @@ var TaskBoard = ({
   onColumnMoveRef.current = onColumnMove;
   const enforceWipLimitRef = useRef(enforceWipLimit);
   enforceWipLimitRef.current = enforceWipLimit;
-  useEffect(() => {
-    if (typeof window !== "undefined" && ("ontouchstart" in window || navigator.maxTouchPoints > 0)) {
-      touchTrackerRef.current = createTouchDragTracker();
-    }
-    return () => cancelAnimationFrame(touchRafRef.current);
-  }, []);
-  const resetDrag = useCallback(() => {
-    setDragState(null);
-    setDropTargetColumnId(null);
-    setDropIdx(-1);
-  }, []);
   const applyCardMove = useCallback(
     async (cardId, fromColumnId, toColumnId, toIdx) => {
       const result = moveCard(columnsRef.current, cardId, fromColumnId, toColumnId, toIdx, {
@@ -329,187 +332,35 @@ var TaskBoard = ({
     },
     [updateColumns]
   );
-  const handleCardDragStart = useCallback(
-    (e, card, column) => {
-      if (!draggable) return;
-      const idx = column.cards.findIndex((c) => c.id === card.id);
-      setDragData(e.dataTransfer, createCardDragData(card.id, column.id, idx));
-      setDragState({ type: "card", id: card.id, fromColumnId: column.id, fromIndex: idx });
-    },
-    [draggable]
-  );
-  const handleCardDragOver = useCallback(
-    (e, column) => {
-      e.preventDefault();
-      if (!dragState || dragState.type !== "card") return;
-      setDropTargetColumnId(column.id);
-      const target = e.currentTarget;
-      const cardEls = target.querySelectorAll("[data-tiger-taskboard-card]");
-      const rects = [];
-      cardEls.forEach((el) => rects.push(el.getBoundingClientRect()));
-      setDropIdx(getDropIndex(e.clientY, rects));
-    },
-    [dragState]
-  );
-  const handleCardDrop = useCallback(
-    (e, column) => {
-      e.preventDefault();
-      const data = parseDragData(e.dataTransfer);
-      if (!data || data.type !== "card") return;
-      applyCardMove(
-        data.cardId,
-        data.columnId,
-        column.id,
-        dropIdx >= 0 ? dropIdx : column.cards.length
-      );
-      resetDrag();
-    },
-    [dropIdx, applyCardMove, resetDrag]
-  );
-  const handleColumnDragStart = useCallback(
-    (e, column, index) => {
-      if (!columnDraggable) return;
-      setDragData(e.dataTransfer, createColumnDragData(column.id, index));
-      setDragState({ type: "column", id: column.id, fromIndex: index });
-    },
-    [columnDraggable]
-  );
-  const handleColumnDragOver = useCallback(
-    (e) => {
-      if (!dragState || dragState.type !== "column") return;
-      e.preventDefault();
-    },
-    [dragState]
-  );
-  const handleColumnDrop = useCallback(
-    (e) => {
-      e.preventDefault();
-      const data = parseDragData(e.dataTransfer);
-      if (!data || data.type !== "column") return;
-      const colEls = boardRef.current?.querySelectorAll("[data-tiger-taskboard-column]");
-      if (!colEls) return;
-      const rects = [];
-      colEls.forEach((el) => rects.push(el.getBoundingClientRect()));
-      const toIdx = getColumnDropIndex(e.clientX, rects);
-      applyColumnMove(data.index, toIdx);
-      resetDrag();
-    },
-    [applyColumnMove, resetDrag]
-  );
-  const handleDragEnd = useCallback(() => resetDrag(), [resetDrag]);
-  const handleDragLeave = useCallback(
-    (e) => {
-      const related = e.relatedTarget;
-      if (!related || !e.currentTarget.contains(related)) {
-        if (dragState?.type === "card") {
-          setDropTargetColumnId(null);
-          setDropIdx(-1);
-        }
-      }
-    },
-    [dragState]
-  );
-  const handleTouchStart = useCallback(
-    (e, card, column) => {
-      if (!draggable || !touchTrackerRef.current) return;
-      const idx = column.cards.findIndex((c) => c.id === card.id);
-      touchTrackerRef.current.onTouchStart(e.nativeEvent, e.currentTarget);
-      setDragState({ type: "card", id: card.id, fromColumnId: column.id, fromIndex: idx });
-    },
-    [draggable]
-  );
-  const handleTouchMove = useCallback(
-    (e) => {
-      if (!touchTrackerRef.current || !dragState) return;
-      touchTrackerRef.current.onTouchMove(e.nativeEvent);
-      cancelAnimationFrame(touchRafRef.current);
-      touchRafRef.current = requestAnimationFrame(() => {
-        const st = touchTrackerRef.current.getState();
-        if (dragState?.type === "card") {
-          const colEl = findColumnFromPoint(st.currentX, st.currentY, boardRef.current);
-          if (colEl) {
-            const colId = colEl.getAttribute("data-tiger-taskboard-column-id");
-            setDropTargetColumnId(colId ?? null);
-            const cardEls = colEl.querySelectorAll("[data-tiger-taskboard-card]");
-            const rects = [];
-            cardEls.forEach((el) => rects.push(el.getBoundingClientRect()));
-            setDropIdx(getDropIndex(st.currentY, rects));
-          }
-        }
-      });
-    },
-    [dragState]
-  );
-  const handleTouchEnd = useCallback(() => {
-    if (!touchTrackerRef.current || !dragState) return;
-    touchTrackerRef.current.onTouchEnd();
-    if (dragState.type === "card" && dropTargetColumnId != null) {
-      applyCardMove(
-        dragState.id,
-        dragState.fromColumnId,
-        dropTargetColumnId,
-        dropIdx >= 0 ? dropIdx : 0
-      );
-    }
-    resetDrag();
-  }, [dragState, dropIdx, dropTargetColumnId, applyCardMove, resetDrag]);
-  const handleColumnTouchStart = useCallback(
-    (e, column, index) => {
-      if (!columnDraggable || !touchTrackerRef.current) return;
-      touchTrackerRef.current.onTouchStart(e.nativeEvent, e.currentTarget);
-      setDragState({ type: "column", id: column.id, fromIndex: index });
-    },
-    [columnDraggable]
-  );
-  const handleColumnTouchMove = useCallback(
-    (e) => {
-      if (!touchTrackerRef.current || !dragState || dragState.type !== "column") return;
-      touchTrackerRef.current.onTouchMove(e.nativeEvent);
-    },
-    [dragState]
-  );
-  const handleColumnTouchEnd = useCallback(() => {
-    if (!touchTrackerRef.current || !dragState || dragState.type !== "column") return;
-    const st = touchTrackerRef.current.onTouchEnd();
-    const colEls = boardRef.current?.querySelectorAll("[data-tiger-taskboard-column]");
-    if (!colEls) {
-      resetDrag();
-      return;
-    }
-    const rects = [];
-    colEls.forEach((el) => rects.push(el.getBoundingClientRect()));
-    const toIdx = getColumnDropIndex(st.currentX, rects);
-    applyColumnMove(dragState.fromIndex, Math.min(toIdx, columnsRef.current.length - 1));
-    resetDrag();
-  }, [dragState, applyColumnMove, resetDrag]);
-  const handleCardKeyDown = useCallback(
-    (e, card, column) => {
-      if (!draggable) return;
-      if (e.key === "Enter" || e.key === " ") {
-        e.preventDefault();
-        if (!kbDragState) {
-          const idx = column.cards.findIndex((c) => c.id === card.id);
-          setKbDragState({ type: "card", id: card.id, fromColumnId: column.id, fromIndex: idx });
-        } else {
-          const cardIdx = column.cards.findIndex((c) => c.id === card.id);
-          if (kbDragState.fromColumnId !== void 0) {
-            applyCardMove(kbDragState.id, kbDragState.fromColumnId, column.id, cardIdx);
-          }
-          setKbDragState(null);
-        }
-        return;
-      }
-      if (e.key === "Escape" && kbDragState) {
-        e.preventDefault();
-        setKbDragState(null);
-      }
-    },
-    [draggable, kbDragState, applyCardMove]
-  );
+  const dragCtrlRef = useRef(null);
+  if (!dragCtrlRef.current) {
+    dragCtrlRef.current = createTaskBoardDragController(
+      {
+        onStateChange: setDragSnap,
+        applyCardMove: (...args) => applyCardMoveRef.current(...args),
+        applyColumnMove: (...args) => applyColumnMoveRef.current(...args),
+        getBoardEl: () => boardRef.current,
+        getColumnCount: () => columnsRef.current.length
+      },
+      { draggable, columnDraggable }
+    );
+  }
+  const dragCtrl = dragCtrlRef.current;
+  const applyCardMoveRef = useRef(applyCardMove);
+  applyCardMoveRef.current = applyCardMove;
+  const applyColumnMoveRef = useRef(applyColumnMove);
+  applyColumnMoveRef.current = applyColumnMove;
+  useEffect(() => {
+    dragCtrl.setOptions({ draggable, columnDraggable });
+  }, [draggable, columnDraggable, dragCtrl]);
+  useEffect(() => {
+    dragCtrl.init();
+    return () => dragCtrl.dispose();
+  }, [dragCtrl]);
   const wrapperClasses = useMemo(() => classNames(taskBoardBaseClasses, className), [className]);
-  const dragType = dragState?.type ?? null;
-  const dragStateId = dragState?.type === "card" ? dragState.id : null;
-  const kbDragStateId = kbDragState?.id ?? null;
+  const dragType = dragSnap.drag?.type ?? null;
+  const dragStateId = dragSnap.drag?.type === "card" ? dragSnap.drag.id : null;
+  const kbDragStateId = dragSnap.kbDrag?.id ?? null;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -522,8 +373,8 @@ var TaskBoard = ({
       ...rest,
       children: [
         visibleColumns.map((col, i) => {
-          const isDropTarget = dragState?.type === "card" && dropTargetColumnId === col.id;
-          const isColDragging = dragState?.type === "column" && dragState.id === col.id;
+          const isDropTarget = dragSnap.drag?.type === "card" && dragSnap.dropTargetColumnId === col.id;
+          const isColDragging = dragSnap.drag?.type === "column" && dragSnap.drag.id === col.id;
           return /* @__PURE__ */ jsx(
             ColumnItem,
             {
@@ -531,7 +382,7 @@ var TaskBoard = ({
               colIndex: i,
               isDropTarget,
               isColDragging,
-              dropIdx: isDropTarget ? dropIdx : -1,
+              dropIdx: isDropTarget ? dragSnap.dropIndex : -1,
               draggable,
               columnDraggable,
               labels,
@@ -541,21 +392,7 @@ var TaskBoard = ({
               renderEmptyColumn,
               onCardAdd,
               dragType,
-              onCardDragStart: handleCardDragStart,
-              onCardDragOver: handleCardDragOver,
-              onCardDrop: handleCardDrop,
-              onDragEnd: handleDragEnd,
-              onDragLeave: handleDragLeave,
-              onColumnDragStart: handleColumnDragStart,
-              onColumnDragOver: handleColumnDragOver,
-              onColumnDrop: handleColumnDrop,
-              onCardTouchStart: handleTouchStart,
-              onCardTouchMove: handleTouchMove,
-              onCardTouchEnd: handleTouchEnd,
-              onColumnTouchStart: handleColumnTouchStart,
-              onColumnTouchMove: handleColumnTouchMove,
-              onColumnTouchEnd: handleColumnTouchEnd,
-              onCardKeyDown: handleCardKeyDown,
+              dragCtrl,
               dragStateId,
               kbDragStateId,
               showCardCount,
@@ -586,4 +423,7 @@ var TaskBoard = ({
 };
 var TaskBoard_default = TaskBoard;
 
-export { TaskBoard, TaskBoard_default };
+export {
+  TaskBoard,
+  TaskBoard_default
+};

package/dist/chunk-ZDXIP33Y.js

@@ -0,0 +1,67 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Statistic.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var Statistic = ({
+  title,
+  value,
+  precision,
+  prefix,
+  suffix,
+  groupSeparator = false,
+  animated = false,
+  animationDuration,
+  size = "md",
+  className
+}) => {
+  const initialValue = animated && _tigercatcore.canAnimateStatisticValue.call(void 0, value) ? 0 : value;
+  const [displayValue, setDisplayValue] = _react.useState.call(void 0, initialValue);
+  const currentNumberRef = _react.useRef.call(void 0, _tigercatcore.canAnimateStatisticValue.call(void 0, initialValue) ? initialValue : 0);
+  _react.useEffect.call(void 0, () => {
+    if (!animated || !_tigercatcore.canAnimateStatisticValue.call(void 0, value)) {
+      setDisplayValue(value);
+      if (_tigercatcore.canAnimateStatisticValue.call(void 0, value)) currentNumberRef.current = value;
+      return void 0;
+    }
+    const controller = _tigercatcore.createStatisticNumberAnimation.call(void 0, {
+      from: currentNumberRef.current,
+      to: value,
+      duration: animationDuration,
+      onUpdate: (next) => {
+        currentNumberRef.current = next;
+        setDisplayValue(next);
+      },
+      onComplete: () => {
+        currentNumberRef.current = value;
+        setDisplayValue(value);
+      }
+    });
+    return controller.stop;
+  }, [value, animated, animationDuration]);
+  const formatted = _react.useMemo.call(void 0, 
+    () => _tigercatcore.formatStatisticValue.call(void 0, displayValue, precision, groupSeparator),
+    [displayValue, precision, groupSeparator]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.statisticBaseClasses, className), children: [
+    title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getStatisticTitleClasses.call(void 0, size), children: title }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getStatisticValueClasses.call(void 0, size), children: [
+      prefix && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.statisticPrefixClasses, children: prefix }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: formatted }),
+      suffix && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.statisticSuffixClasses, children: suffix })
+    ] })
+  ] });
+};
+
+
+
+exports.Statistic = Statistic;

package/dist/chunk-ZFMMAYSX.js

@@ -0,0 +1,84 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkUKGQ7256js = require('./chunk-UKGQ7256.js');
+
+// src/components/RadioGroup.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var RadioGroupContext = _react2.default.createContext(null);
+var RadioGroup = ({
+  value,
+  defaultValue,
+  name,
+  disabled = false,
+  size = "md",
+  onChange,
+  children,
+  className,
+  ...props
+}) => {
+  const [currentValue, setInternalValue, isControlled] = _chunkUKGQ7256js.useControlledState.call(void 0, value, defaultValue);
+  const generatedNameRef = _react.useRef.call(void 0, 
+    `tiger-radio-group-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`
+  );
+  const groupName = name || generatedNameRef.current;
+  const handleChange = _react.useCallback.call(void 0, 
+    (newValue) => {
+      if (disabled) return;
+      if (!isControlled) {
+        setInternalValue(newValue);
+      }
+      _optionalChain([onChange, 'optionalCall', _ => _(newValue)]);
+    },
+    [disabled, isControlled, setInternalValue, onChange]
+  );
+  const handleKeyDown = (event) => {
+    if (disabled) return;
+    if (event.key !== "ArrowDown" && event.key !== "ArrowRight" && event.key !== "ArrowUp" && event.key !== "ArrowLeft") {
+      return;
+    }
+    const target = event.target;
+    const currentInput = target.closest('input[type="radio"]');
+    if (!currentInput) return;
+    const container = event.currentTarget;
+    const inputs = Array.from(
+      container.querySelectorAll('input[type="radio"]')
+    );
+    const enabledInputs = inputs.filter((input) => !input.disabled);
+    if (enabledInputs.length === 0) return;
+    const currentIndex = enabledInputs.indexOf(currentInput);
+    if (currentIndex === -1) return;
+    event.preventDefault();
+    const direction = event.key === "ArrowDown" || event.key === "ArrowRight" ? 1 : -1;
+    const nextIndex = (currentIndex + direction + enabledInputs.length) % enabledInputs.length;
+    const nextInput = enabledInputs[nextIndex];
+    nextInput.focus();
+    nextInput.click();
+  };
+  const contextValue = _react.useMemo.call(void 0, 
+    () => ({
+      value: currentValue,
+      name: groupName,
+      disabled,
+      size,
+      onChange: handleChange
+    }),
+    [currentValue, groupName, disabled, size, handleChange]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RadioGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _tigercatcore.getRadioGroupClasses.call(void 0, { className }),
+      role: "radiogroup",
+      onKeyDown: handleKeyDown,
+      ...props,
+      children
+    }
+  ) });
+};
+
+
+
+
+exports.RadioGroupContext = RadioGroupContext; exports.RadioGroup = RadioGroup;