@expcat/tigercat-react 1.1.0 → 1.2.14

package/dist/{chunk-TYCRDHE6.mjs → chunk-LRPPXU74.mjs}

@@ -1,11 +1,31 @@
-import { StatusIcon } from './chunk-FLYJVZED.mjs';
-import { useState, useRef, useCallback, useEffect } from 'react';
-import ReactDOM from 'react-dom';
-import { getTourTargetRect, getTourPopoverPosition, getTourSpotlightStyle, classNames, tourCloseButtonClasses, closeIconPathD, tourTitleClasses, tourDescriptionClasses, tourFooterClasses, tourIndicatorClasses, tourPopoverClasses } from '@expcat/tigercat-core';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import {
+  StatusIcon
+} from "./chunk-FLYJVZED.mjs";
 
+// src/components/Tour.tsx
+import { useState, useEffect, useRef, useCallback, useMemo } from "react";
+import ReactDOM from "react-dom";
+import {
+  classNames,
+  isBrowser,
+  tourPopoverClasses,
+  tourTitleClasses,
+  tourDescriptionClasses,
+  tourFooterClasses,
+  tourIndicatorClasses,
+  tourCloseButtonClasses,
+  getTourTargetRect,
+  getTourPopoverPosition,
+  getTourSpotlightStyle,
+  getActiveTourSteps,
+  getCurrentActiveTourStep,
+  getActiveTourStepPosition,
+  closeIconPathD
+} from "@expcat/tigercat-core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Tour = ({
   steps,
+  loadSteps,
   open = false,
   current: controlledCurrent,
   nextText = "Next",
@@ -14,15 +34,39 @@ var Tour = ({
   closable = true,
   showIndicators = true,
   className,
+  onOpenChange,
   onClose,
   onFinish,
   onChange
 }) => {
   const [internalStep, setInternalStep] = useState(0);
+  const [resolvedSteps, setResolvedSteps] = useState(steps);
   const currentStep = controlledCurrent ?? internalStep;
-  const step = steps[currentStep];
+  const activeSteps = useMemo(() => getActiveTourSteps(resolvedSteps), [resolvedSteps]);
+  const activeStepInfo = useMemo(
+    () => getCurrentActiveTourStep(activeSteps, currentStep, resolvedSteps.length),
+    [activeSteps, currentStep, resolvedSteps.length]
+  );
+  const activeStepPosition = getActiveTourStepPosition(activeSteps, activeStepInfo?.index);
+  const step = activeStepInfo?.step;
   const [targetRect, setTargetRect] = useState();
   const popoverRef = useRef(null);
+  useEffect(() => {
+    if (!loadSteps) {
+      setResolvedSteps(steps);
+      return;
+    }
+    if (!open) return;
+    let cancelled = false;
+    Promise.resolve(loadSteps()).then((nextSteps) => {
+      if (!cancelled) {
+        setResolvedSteps(nextSteps);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [loadSteps, open, steps]);
   const updateRect = useCallback(() => {
     if (step?.target) {
       setTargetRect(getTourTargetRect(step.target));
@@ -51,25 +95,29 @@ var Tour = ({
     [onChange]
   );
   const next = useCallback(() => {
-    if (currentStep < steps.length - 1) {
-      goTo(currentStep + 1);
+    const nextStep = activeSteps[activeStepPosition + 1];
+    if (nextStep) {
+      goTo(nextStep.index);
     } else {
       onFinish?.();
+      onOpenChange?.(false);
       onClose?.();
     }
-  }, [currentStep, steps.length, goTo, onFinish, onClose]);
+  }, [activeSteps, activeStepPosition, goTo, onFinish, onOpenChange, onClose]);
   const prev = useCallback(() => {
-    if (currentStep > 0) goTo(currentStep - 1);
-  }, [currentStep, goTo]);
+    const prevStep = activeSteps[activeStepPosition - 1];
+    if (prevStep) goTo(prevStep.index);
+  }, [activeSteps, activeStepPosition, goTo]);
   const close = useCallback(() => {
+    onOpenChange?.(false);
     onClose?.();
-  }, [onClose]);
+  }, [onOpenChange, onClose]);
   if (!open || !step) return null;
-  if (typeof document === "undefined") return null;
+  if (!isBrowser()) return null;
   const placement = step.placement ?? "bottom";
   const showMask = step.mask !== false;
-  const isLast = currentStep === steps.length - 1;
-  const isFirst = currentStep === 0;
+  const isLast = activeStepPosition === activeSteps.length - 1;
+  const isFirst = activeStepPosition <= 0;
   let popoverStyle;
   if (targetRect) {
     const pos = getTourPopoverPosition(targetRect, 320, 160, placement);
@@ -108,9 +156,9 @@ var Tour = ({
           step.description && /* @__PURE__ */ jsx("div", { className: tourDescriptionClasses, children: step.description }),
           /* @__PURE__ */ jsxs("div", { className: tourFooterClasses, children: [
             showIndicators && /* @__PURE__ */ jsxs("span", { className: tourIndicatorClasses, children: [
-              currentStep + 1,
+              activeStepPosition + 1,
               " / ",
-              steps.length
+              activeSteps.length
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
               !isFirst && /* @__PURE__ */ jsx(
@@ -140,4 +188,6 @@ var Tour = ({
   return ReactDOM.createPortal(content, document.body);
 };
 
-export { Tour };
+export {
+  Tour
+};

package/dist/chunk-M5GSLKUX.mjs

@@ -1,8 +1,27 @@
-import { useId, useState, useRef, useMemo, useEffect } from 'react';
-import { getAllTreeSelectKeys, getTreeSelectDisplayLabel, filterTreeSelectNodes, flattenTreeSelectNodes, classNames, getPickerComboboxAria, getTreeSelectTriggerClasses, icon20ViewBox, closeSolidIcon20PathD, chevronDownSolidIcon20PathD, treeSelectDropdownClasses, getPickerListboxAria, treeSelectSearchClasses, getTreeSelectNodeClasses, getPickerOptionAria, chevronRightSolidIcon20PathD, treeSelectEmptyClasses, treeSelectBaseClasses, getPickerTriggerKeyAction } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/TreeSelect.tsx
+import { useState, useMemo, useRef, useEffect, useId } from "react";
+import {
+  treeSelectBaseClasses,
+  treeSelectDropdownClasses,
+  treeSelectSearchClasses,
+  treeSelectEmptyClasses,
+  getTreeSelectTriggerClasses,
+  getTreeSelectNodeClasses,
+  getTreeSelectDisplayLabel,
+  getAllTreeSelectKeys,
+  flattenTreeSelectNodes,
+  filterTreeSelectNodes,
+  getPickerComboboxAria,
+  getPickerListboxAria,
+  getPickerOptionAria,
+  getPickerTriggerKeyAction,
+  classNames,
+  icon20ViewBox,
+  chevronDownSolidIcon20PathD,
+  chevronRightSolidIcon20PathD,
+  closeSolidIcon20PathD
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var TREESELECT_KEYS = /* @__PURE__ */ new Set([
   "value",
   "treeData",
@@ -234,4 +253,6 @@ var TreeSelect = (props) => {
   ] });
 };
 
-export { TreeSelect };
+export {
+  TreeSelect
+};

package/dist/chunk-M73NMNZX.js

@@ -1,10 +1,15 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } 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; }// src/components/InfiniteScroll.tsx
+var _react = require('react');
 
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/InfiniteScroll.tsx
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var InfiniteScroll = ({
   hasMore = true,
   loading = false,
@@ -21,33 +26,33 @@ var InfiniteScroll = ({
   onLoadMore,
   ...rest
 }) => {
-  const containerRef = react.useRef(null);
-  const sentinelRef = react.useRef(null);
-  const containerClasses = react.useMemo(
-    () => tigercatCore.getInfiniteScrollContainerClasses(direction, className),
+  const containerRef = _react.useRef.call(void 0, null);
+  const sentinelRef = _react.useRef.call(void 0, null);
+  const containerClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getInfiniteScrollContainerClasses.call(void 0, direction, className),
     [direction, className]
   );
-  const onLoadMoreRef = react.useRef(onLoadMore);
+  const onLoadMoreRef = _react.useRef.call(void 0, onLoadMore);
   onLoadMoreRef.current = onLoadMore;
-  const checkScroll = react.useCallback(() => {
+  const checkScroll = _react.useCallback.call(void 0, () => {
     if (disabled || loading || !hasMore) return;
     const el = containerRef.current;
     if (!el) return;
-    if (tigercatCore.shouldLoadMore(el, threshold, direction, inverse)) {
-      onLoadMoreRef.current?.();
+    if (_tigercatcore.shouldLoadMore.call(void 0, el, threshold, direction, inverse)) {
+      _optionalChain([onLoadMoreRef, 'access', _ => _.current, 'optionalCall', _2 => _2()]);
     }
   }, [disabled, loading, hasMore, threshold, direction, inverse]);
-  react.useEffect(() => {
+  _react.useEffect.call(void 0, () => {
     if (disabled || !hasMore) return;
     const sentinel = sentinelRef.current;
     if (!sentinel) return;
-    const teardown = tigercatCore.createInfiniteScrollObserver(sentinel, {
+    const teardown = _tigercatcore.createInfiniteScrollObserver.call(void 0, sentinel, {
       threshold,
       direction,
       root: containerRef.current,
       onLoadMore: () => {
         if (!disabled && !loading && hasMore) {
-          onLoadMoreRef.current?.();
+          _optionalChain([onLoadMoreRef, 'access', _3 => _3.current, 'optionalCall', _4 => _4()]);
         }
       }
     });
@@ -60,23 +65,23 @@ var InfiniteScroll = ({
       return () => el.removeEventListener("scroll", checkScroll);
     }
   }, [disabled, loading, hasMore, threshold, direction, inverse, checkScroll]);
-  const sentinelEl = hasMore ? /* @__PURE__ */ jsxRuntime.jsx(
+  const sentinelEl = hasMore ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
       ref: sentinelRef,
-      className: tigercatCore.infiniteScrollSentinelClasses,
+      className: _tigercatcore.infiniteScrollSentinelClasses,
       "aria-hidden": "true",
       style: { height: 0, overflow: "hidden" }
     }
   ) : null;
-  const loaderEl = loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.infiniteScrollLoaderClasses, role: "status", "aria-live": "polite", children: loader ?? loadingText }) : null;
-  const endEl = !hasMore && !loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.infiniteScrollEndClasses, children: end ?? endText }) : null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: tigercatCore.classNames(containerClasses), ...rest, children: inverse ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const loaderEl = loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.infiniteScrollLoaderClasses, role: "status", "aria-live": "polite", children: _nullishCoalesce(loader, () => ( loadingText)) }) : null;
+  const endEl = !hasMore && !loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.infiniteScrollEndClasses, children: _nullishCoalesce(end, () => ( endText)) }) : null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: containerRef, className: _tigercatcore.classNames.call(void 0, containerClasses), ...rest, children: inverse ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     sentinelEl,
     loaderEl,
     children,
     endEl
-  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     children,
     sentinelEl,
     loaderEl,
@@ -85,5 +90,7 @@ var InfiniteScroll = ({
 };
 var InfiniteScroll_default = InfiniteScroll;
 
-exports.InfiniteScroll = InfiniteScroll;
-exports.InfiniteScroll_default = InfiniteScroll_default;
+
+
+
+exports.InfiniteScroll = InfiniteScroll; exports.InfiniteScroll_default = InfiniteScroll_default;

package/dist/chunk-MB3QU3US.js

@@ -1,10 +1,17 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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; }// src/components/Stepper.tsx
+var _react = require('react');
 
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/Stepper.tsx
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var Stepper = ({
   value = 0,
   min = -Infinity,
@@ -16,13 +23,13 @@ var Stepper = ({
   className,
   onChange
 }) => {
-  const repeatControllerRef = react.useRef(tigercatCore.createRafRepeatActionController());
-  const repeatValueRef = react.useRef(value);
-  const suppressNextClickRef = react.useRef(false);
-  react.useEffect(() => () => repeatControllerRef.current.stop(), []);
+  const repeatControllerRef = _react.useRef.call(void 0, _tigercatcore.createRafRepeatActionController.call(void 0, ));
+  const repeatValueRef = _react.useRef.call(void 0, value);
+  const suppressNextClickRef = _react.useRef.call(void 0, false);
+  _react.useEffect.call(void 0, () => () => repeatControllerRef.current.stop(), []);
   function setValue(v) {
-    const clamped = tigercatCore.clampStepperValue(v, min, max, precision);
-    onChange?.(clamped);
+    const clamped = _tigercatcore.clampStepperValue.call(void 0, v, min, max, precision);
+    _optionalChain([onChange, 'optionalCall', _ => _(clamped)]);
     return clamped;
   }
   function stepBy(direction, baseValue = value) {
@@ -58,13 +65,13 @@ var Stepper = ({
   }
   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(
+  const icon = (d) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "w-4 h-4", viewBox: _tigercatcore.stepperIconViewBox, fill: "currentColor", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d, fillRule: "evenodd", clipRule: "evenodd" }) });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.stepperBaseClasses, className), role: "group", "aria-label": "Stepper", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "button",
       {
         type: "button",
-        className: tigercatCore.getStepperButtonClasses(size, disabled || atMin, "left"),
+        className: _tigercatcore.getStepperButtonClasses.call(void 0, size, disabled || atMin, "left"),
         disabled: disabled || atMin,
         "aria-label": "Decrease",
         onPointerDown: startStepRepeat("down"),
@@ -72,14 +79,14 @@ var Stepper = ({
         onPointerLeave: stopStepRepeat,
         onPointerCancel: stopStepRepeat,
         onClick: () => handleStepClick("down"),
-        children: icon(tigercatCore.minusPathD)
+        children: icon(_tigercatcore.minusPathD)
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "input",
       {
         type: "text",
-        className: tigercatCore.getStepperInputClasses(size),
+        className: _tigercatcore.getStepperInputClasses.call(void 0, size),
         value: precision !== void 0 ? value.toFixed(precision) : String(value),
         disabled,
         "aria-label": "Value",
@@ -89,11 +96,11 @@ var Stepper = ({
         }
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "button",
       {
         type: "button",
-        className: tigercatCore.getStepperButtonClasses(size, disabled || atMax, "right"),
+        className: _tigercatcore.getStepperButtonClasses.call(void 0, size, disabled || atMax, "right"),
         disabled: disabled || atMax,
         "aria-label": "Increase",
         onPointerDown: startStepRepeat("up"),
@@ -101,10 +108,12 @@ var Stepper = ({
         onPointerLeave: stopStepRepeat,
         onPointerCancel: stopStepRepeat,
         onClick: () => handleStepClick("up"),
-        children: icon(tigercatCore.plusPathD)
+        children: icon(_tigercatcore.plusPathD)
       }
     )
   ] });
 };
 
+
+
 exports.Stepper = Stepper;

package/dist/chunk-MB6U72CI.js

@@ -0,0 +1,65 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunk4U5HSR2Hjs = require('./chunk-4U5HSR2H.js');
+
+// src/components/ImageGroup.tsx
+var _react = require('react');
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var ImageGroupContext = _react.createContext.call(void 0, null);
+var ImageGroup = ({
+  preview = true,
+  onPreviewVisibleChange,
+  children,
+  className
+}) => {
+  const [previewVisible, setPreviewVisible] = _react.useState.call(void 0, false);
+  const [previewIndex, setPreviewIndex] = _react.useState.call(void 0, 0);
+  const imagesRef = _react.useRef.call(void 0, []);
+  const register = _react.useCallback.call(void 0, (src) => {
+    const result = _tigercatcore.registerImageGroupItem.call(void 0, imagesRef.current, src);
+    imagesRef.current = result.items;
+    return result.index;
+  }, []);
+  const unregister = _react.useCallback.call(void 0, (src) => {
+    imagesRef.current = _tigercatcore.unregisterImageGroupItem.call(void 0, imagesRef.current, src);
+  }, []);
+  const openPreview = _react.useCallback.call(void 0, 
+    (index) => {
+      if (!preview) return;
+      setPreviewIndex(index);
+      setPreviewVisible(true);
+      _optionalChain([onPreviewVisibleChange, 'optionalCall', _ => _(true)]);
+    },
+    [preview, onPreviewVisibleChange]
+  );
+  const contextValue = _react.useMemo.call(void 0, 
+    () => ({ register, unregister, openPreview }),
+    [register, unregister, openPreview]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ImageGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getImageGroupClasses.call(void 0, className), role: "group", children: [
+    children,
+    preview && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk4U5HSR2Hjs.ImagePreview,
+      {
+        open: previewVisible,
+        images: imagesRef.current,
+        currentIndex: previewIndex,
+        onOpenChange: (val) => {
+          setPreviewVisible(val);
+          if (!val) _optionalChain([onPreviewVisibleChange, 'optionalCall', _2 => _2(false)]);
+        },
+        onCurrentIndexChange: setPreviewIndex
+      }
+    )
+  ] }) });
+};
+
+
+
+
+exports.ImageGroupContext = ImageGroupContext; exports.ImageGroup = ImageGroup;

package/dist/{chunk-6OOGL43U.mjs → chunk-MMGZEG7G.mjs}

@@ -1,12 +1,28 @@
-import { Textarea } from './chunk-7QZ4XT2P.mjs';
-import { Button } from './chunk-GKJNQUTW.mjs';
-import { Tag } from './chunk-TGKNEMD4.mjs';
-import { Text } from './chunk-HLS4CHWX.mjs';
-import { Avatar } from './chunk-FE7PEZTI.mjs';
-import { useState, useMemo } from 'react';
-import { buildCommentTree, clipCommentTreeDepth, classNames, formatCommentTime } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import {
+  Textarea
+} from "./chunk-7QZ4XT2P.mjs";
+import {
+  Button
+} from "./chunk-USWK2S3Y.mjs";
+import {
+  Tag
+} from "./chunk-TGKNEMD4.mjs";
+import {
+  Text
+} from "./chunk-HLS4CHWX.mjs";
+import {
+  Avatar
+} from "./chunk-4ZZ7YRTB.mjs";
 
+// src/components/CommentThread.tsx
+import { useMemo, useState } from "react";
+import {
+  classNames,
+  buildCommentTree,
+  clipCommentTreeDepth,
+  formatCommentTime
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var CommentThread = ({
   nodes,
   items,
@@ -259,4 +275,7 @@ var CommentThread = ({
 };
 var CommentThread_default = CommentThread;
 
-export { CommentThread, CommentThread_default };
+export {
+  CommentThread,
+  CommentThread_default
+};

package/dist/chunk-MSHCPJIJ.mjs

@@ -1,8 +1,15 @@
-import { useCheckboxGroup } from './chunk-DKT2EYVM.mjs';
-import { useState, useRef, useEffect } from 'react';
-import { getCheckboxClasses, classNames, getCheckboxLabelClasses } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import {
+  useCheckboxGroup
+} from "./chunk-DKT2EYVM.mjs";
 
+// src/components/Checkbox.tsx
+import { useEffect, useRef, useState } from "react";
+import {
+  classNames,
+  getCheckboxClasses,
+  getCheckboxLabelClasses
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Checkbox = ({
   checked: controlledChecked,
   defaultChecked = false,
@@ -62,4 +69,6 @@ var Checkbox = ({
   ] });
 };
 
-export { Checkbox };
+export {
+  Checkbox
+};

package/dist/chunk-N2D7NPEW.mjs

@@ -0,0 +1,85 @@
+// src/components/Countdown.tsx
+import { useEffect, useMemo, useRef, useState } from "react";
+import {
+  COUNTDOWN_DEFAULT_FORMAT,
+  COUNTDOWN_DEFAULT_INTERVAL_MS,
+  classNames,
+  countdownBaseClasses,
+  countdownPrefixClasses,
+  countdownSuffixClasses,
+  countdownValueWrapperClasses,
+  createCountdownPayload,
+  formatCountdown,
+  getCountdownRemaining,
+  getCountdownTitleClasses,
+  getCountdownValueClasses
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Countdown = ({
+  value,
+  now,
+  format = COUNTDOWN_DEFAULT_FORMAT,
+  interval = COUNTDOWN_DEFAULT_INTERVAL_MS,
+  title,
+  prefix,
+  suffix,
+  size = "md",
+  ariaLabel,
+  className,
+  onChange,
+  onFinish,
+  ...rest
+}) => {
+  const [remaining, setRemaining] = useState(() => getCountdownRemaining(value, now));
+  const finishedRef = useRef(remaining <= 0);
+  const onChangeRef = useRef(onChange);
+  const onFinishRef = useRef(onFinish);
+  onChangeRef.current = onChange;
+  onFinishRef.current = onFinish;
+  const formatted = useMemo(() => formatCountdown(remaining, format), [format, remaining]);
+  useEffect(() => {
+    const nextRemaining = getCountdownRemaining(value, now);
+    setRemaining(nextRemaining);
+    finishedRef.current = nextRemaining <= 0;
+  }, [value, now]);
+  useEffect(() => {
+    if (interval <= 0 || value === void 0) return void 0;
+    let timerId;
+    const tick = () => {
+      const nextRemaining = getCountdownRemaining(value);
+      const payload = createCountdownPayload(nextRemaining, format);
+      setRemaining(nextRemaining);
+      onChangeRef.current?.(payload);
+      if (nextRemaining <= 0 && !finishedRef.current) {
+        finishedRef.current = true;
+        onFinishRef.current?.(payload);
+        window.clearInterval(timerId);
+      }
+    };
+    timerId = window.setInterval(tick, interval);
+    return () => window.clearInterval(timerId);
+  }, [format, interval, value]);
+  return /* @__PURE__ */ jsxs("div", { className: classNames(countdownBaseClasses, className), ...rest, children: [
+    title ? /* @__PURE__ */ jsx("div", { className: getCountdownTitleClasses(size), children: title }) : null,
+    /* @__PURE__ */ jsxs("div", { className: countdownValueWrapperClasses, children: [
+      prefix ? /* @__PURE__ */ jsx("span", { className: countdownPrefixClasses, children: prefix }) : null,
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: getCountdownValueClasses(size),
+          role: "timer",
+          "aria-live": "polite",
+          "aria-label": ariaLabel,
+          children: formatted
+        }
+      ),
+      suffix ? /* @__PURE__ */ jsx("span", { className: countdownSuffixClasses, children: suffix }) : null
+    ] })
+  ] });
+};
+var Countdown_default = Countdown;
+
+export {
+  Countdown,
+  Countdown_default
+};