@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-G3PBQ4B4.mjs

@@ -0,0 +1,68 @@
+// src/components/Segmented.tsx
+import {
+  getSegmentedContainerClasses,
+  getSegmentedContainerStyle,
+  getSegmentedIndicatorClasses,
+  getSegmentedIndicatorStyle,
+  getSegmentedOptionClasses,
+  classNames
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Segmented = ({
+  value,
+  options = [],
+  disabled = false,
+  size = "md",
+  block = false,
+  className,
+  onChange
+}) => {
+  function handleSelect(opt) {
+    if (opt.disabled || disabled) return;
+    if (opt.value === value) return;
+    onChange?.(opt.value);
+  }
+  const selectedIndex = options.findIndex((opt) => opt.value === value);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classNames(getSegmentedContainerClasses(size, block), className),
+      style: getSegmentedContainerStyle(options.length),
+      role: "radiogroup",
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-tiger-segmented-indicator": "true",
+            "aria-hidden": "true",
+            className: getSegmentedIndicatorClasses(size),
+            style: getSegmentedIndicatorStyle(selectedIndex, options.length, size)
+          }
+        ),
+        options.map((opt) => {
+          const selected = opt.value === value;
+          const isDisabled = !!opt.disabled || disabled;
+          return /* @__PURE__ */ jsx(
+            "label",
+            {
+              className: classNames(
+                getSegmentedOptionClasses(size, selected, isDisabled),
+                block ? "flex-1 text-center" : ""
+              ),
+              role: "radio",
+              "aria-checked": selected,
+              "aria-disabled": isDisabled,
+              onClick: () => handleSelect(opt),
+              children: /* @__PURE__ */ jsx("span", { children: opt.label })
+            },
+            opt.value
+          );
+        })
+      ]
+    }
+  );
+};
+
+export {
+  Segmented
+};

package/dist/chunk-G5USITWF.js

@@ -0,0 +1,101 @@
+"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/NumberKeyboard.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var NumberKeyboard = ({
+  value,
+  defaultValue = "",
+  mode = "number",
+  maxLength,
+  precision,
+  decimalSeparator = ".",
+  disabled = false,
+  readonly = false,
+  confirmText = "Done",
+  deleteText = "Delete",
+  ariaLabel = "Number keyboard",
+  showConfirm = true,
+  className,
+  style,
+  onChange,
+  onKeyPress,
+  onDelete,
+  onConfirm,
+  ...rest
+}) => {
+  const isControlled = value !== void 0;
+  const [innerValue, setInnerValue] = _react.useState.call(void 0, () => _tigercatcore.normalizeNumberKeyboardValue.call(void 0, defaultValue));
+  const currentValue = isControlled ? _tigercatcore.normalizeNumberKeyboardValue.call(void 0, value) : innerValue;
+  const isDisabled = disabled || readonly;
+  const keys = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getNumberKeyboardKeys.call(void 0, { mode, decimalSeparator, deleteText, confirmText, showConfirm }),
+    [confirmText, decimalSeparator, deleteText, mode, showConfirm]
+  );
+  function emitChange(nextValue, payload) {
+    if (!isControlled) setInnerValue(nextValue);
+    _optionalChain([onChange, 'optionalCall', _ => _(nextValue, payload)]);
+  }
+  function handleKeyClick(key) {
+    if (isDisabled || key.type === "empty") return;
+    const action = _tigercatcore.getNumberKeyboardAction.call(void 0, key);
+    const nextValue = action === "delete" ? _tigercatcore.deleteNumberKeyboardValue.call(void 0, currentValue) : action === "input" ? _tigercatcore.applyNumberKeyboardInput.call(void 0, currentValue, key.value, {
+      mode,
+      maxLength,
+      precision,
+      decimalSeparator
+    }) : currentValue;
+    const payload = {
+      value: nextValue,
+      key: key.value,
+      action,
+      mode
+    };
+    _optionalChain([onKeyPress, 'optionalCall', _2 => _2(key, payload)]);
+    if (action === "confirm") {
+      _optionalChain([onConfirm, 'optionalCall', _3 => _3(currentValue, { ...payload, value: currentValue })]);
+      return;
+    }
+    if (action === "delete") _optionalChain([onDelete, 'optionalCall', _4 => _4(nextValue, payload)]);
+    if (nextValue !== currentValue) emitChange(nextValue, payload);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _tigercatcore.classNames.call(void 0, _tigercatcore.numberKeyboardRootClasses, className),
+      style,
+      role: "group",
+      "aria-label": ariaLabel,
+      "aria-disabled": isDisabled || void 0,
+      ...rest,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.numberKeyboardGridClasses, children: keys.map((key, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: _tigercatcore.getNumberKeyboardKeyClasses.call(void 0, key, isDisabled),
+          disabled: isDisabled || key.disabled,
+          "aria-label": key.ariaLabel,
+          "data-key": key.value,
+          onClick: () => handleKeyClick(key),
+          children: key.label
+        },
+        `${key.type}-${key.value}-${index}`
+      )) })
+    }
+  );
+};
+var NumberKeyboard_default = NumberKeyboard;
+
+
+
+
+exports.NumberKeyboard = NumberKeyboard; exports.NumberKeyboard_default = NumberKeyboard_default;

package/dist/{chunk-HUCBHFSL.mjs → chunk-G6MD6ZVN.mjs}

@@ -1,9 +1,38 @@
-import { useEscapeKey } from './chunk-WLIFEALE.mjs';
-import React, { useEffect, useCallback, useRef, useId, useMemo } from 'react';
-import { createPortal } from 'react-dom';
-import { ANIMATION_DURATION_MS, resolveLocaleText, captureActiveElement, focusFirst, restoreFocus, getFocusableElements, getFocusTrapNavigation, classNames, getDrawerContainerClasses, getDrawerMaskClasses, getDrawerPanelClasses, getDrawerHeaderClasses, getDrawerBodyClasses, getDrawerFooterClasses, getDrawerCloseButtonClasses, getDrawerTitleClasses, closeIconViewBox, closeIconPathD, closeIconPathStrokeWidth, closeIconPathStrokeLinejoin, closeIconPathStrokeLinecap } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  renderBodyPortal,
+  useBodyScrollLock,
+  useEscapeKey,
+  useFocusTrap
+} from "./chunk-SEWNVIHH.mjs";
 
+// src/components/Drawer.tsx
+import React, { useCallback, useEffect, useId, useMemo, useRef } from "react";
+import {
+  ANIMATION_DURATION_MS,
+  captureActiveElement,
+  classNames,
+  closeIconViewBox,
+  closeIconPathD,
+  closeIconPathStrokeLinecap,
+  closeIconPathStrokeLinejoin,
+  closeIconPathStrokeWidth,
+  focusFirst,
+  getDrawerMaskClasses,
+  getDrawerContainerClasses,
+  getDrawerPanelClasses,
+  getDrawerHeaderClasses,
+  getDrawerBodyClasses,
+  getDrawerFooterClasses,
+  getDrawerCloseButtonClasses,
+  getDrawerTitleClasses,
+  getGestureTouchPoint,
+  isDrawerSwipeCloseGesture,
+  resolveLocaleText,
+  resolveSwipeGesture,
+  restoreFocus,
+  shouldCloseOnMaskClick
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var CloseIcon = () => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -38,6 +67,7 @@ var Drawer = ({
   bodyClassName,
   destroyOnClose = false,
   onClose,
+  onOpenChange,
   onAfterEnter,
   onAfterLeave,
   closeAriaLabel,
@@ -53,18 +83,19 @@ var Drawer = ({
   }, [open]);
   const shouldRender = destroyOnClose ? open : hasBeenOpened;
   const handleClose = useCallback(() => {
+    onOpenChange?.(false);
     onClose?.();
-  }, [onClose]);
+  }, [onOpenChange, onClose]);
   const handleMaskClick = useCallback(
     (event) => {
-      if (!maskClosable) return;
-      if (event.target === event.currentTarget) {
+      if (shouldCloseOnMaskClick(event, maskClosable)) {
         handleClose();
       }
     },
     [maskClosable, handleClose]
   );
   useEscapeKey({ enabled: open, onEscape: handleClose });
+  useBodyScrollLock({ enabled: open });
   const previousVisible = useRef(false);
   useEffect(() => {
     if (open === previousVisible.current) return;
@@ -91,6 +122,8 @@ var Drawer = ({
   const dialogRef = useRef(null);
   const closeButtonRef = useRef(null);
   const previousActiveElementRef = useRef(null);
+  const touchStartRef = useRef(null);
+  const touchCurrentRef = useRef(null);
   const resolvedCloseAriaLabel = resolveLocaleText(
     "Close drawer",
     closeAriaLabel,
@@ -107,16 +140,54 @@ var Drawer = ({
     }
     restoreFocus(previousActiveElementRef.current);
   }, [open]);
-  const handleKeyDown = useCallback((event) => {
-    if (event.key === "Tab" && dialogRef.current) {
-      const focusables = getFocusableElements(dialogRef.current);
-      const result = getFocusTrapNavigation(event.nativeEvent, focusables, document.activeElement);
-      if (result.shouldHandle && result.next) {
-        event.preventDefault();
-        result.next.focus();
-      }
-    }
+  useFocusTrap({ enabled: open, containerRef: dialogRef });
+  const resetTouchGesture = useCallback(() => {
+    touchStartRef.current = null;
+    touchCurrentRef.current = null;
   }, []);
+  const handleTouchStart = useCallback(
+    (event) => {
+      dialogDivProps.onTouchStart?.(event);
+      if (!open) return;
+      const point = getGestureTouchPoint(event.touches);
+      touchStartRef.current = point;
+      touchCurrentRef.current = point;
+    },
+    [dialogDivProps, open]
+  );
+  const handleTouchMove = useCallback(
+    (event) => {
+      dialogDivProps.onTouchMove?.(event);
+      if (!touchStartRef.current) return;
+      const point = getGestureTouchPoint(event.touches);
+      if (point) {
+        touchCurrentRef.current = point;
+      }
+    },
+    [dialogDivProps]
+  );
+  const handleTouchEnd = useCallback(
+    (event) => {
+      dialogDivProps.onTouchEnd?.(event);
+      const gesture = resolveSwipeGesture(
+        touchStartRef.current,
+        getGestureTouchPoint(event.changedTouches) ?? touchCurrentRef.current,
+        { minDistance: 48, minVelocity: 0.15 }
+      );
+      resetTouchGesture();
+      if (isDrawerSwipeCloseGesture(placement, gesture)) {
+        handleClose();
+      }
+    },
+    [dialogDivProps, handleClose, placement, resetTouchGesture]
+  );
+  const handleTouchCancel = useCallback(
+    (event) => {
+      dialogDivProps.onTouchCancel?.(event);
+      resetTouchGesture();
+    },
+    [dialogDivProps, resetTouchGesture]
+  );
   const containerClasses = classNames(getDrawerContainerClasses(), !open && "pointer-events-none");
   const maskClasses = getDrawerMaskClasses(open);
   const panelClasses = classNames(
@@ -166,7 +237,10 @@ var Drawer = ({
             "aria-labelledby": ariaLabelledby,
             tabIndex: -1,
             ref: dialogRef,
-            onKeyDown: handleKeyDown,
+            onTouchStart: handleTouchStart,
+            onTouchMove: handleTouchMove,
+            onTouchEnd: handleTouchEnd,
+            onTouchCancel: handleTouchCancel,
             "data-tiger-drawer": "",
             children: [
               (title || header || closable) && /* @__PURE__ */ jsxs("div", { className: headerClasses, children: [
@@ -191,10 +265,9 @@ var Drawer = ({
       ]
     }
   );
-  if (typeof document === "undefined") {
-    return null;
-  }
-  return createPortal(drawerContent, document.body);
+  return renderBodyPortal(drawerContent);
 };
 
-export { Drawer };
+export {
+  Drawer
+};

package/dist/chunk-GG72T6JK.js

@@ -0,0 +1,125 @@
+"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/Rate.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var Rate = ({
+  value = 0,
+  count = 5,
+  allowHalf = false,
+  disabled = false,
+  size = "md",
+  allowClear = true,
+  character,
+  className,
+  onChange,
+  onHoverChange
+}) => {
+  const [hoverValue, setHoverValue] = _react.useState.call(void 0, 0);
+  const displayValue = hoverValue > 0 ? hoverValue : value;
+  const isChar = !!character;
+  const getStarValue = _react.useCallback.call(void 0, (index, isHalf) => {
+    return isHalf ? index + 0.5 : index + 1;
+  }, []);
+  const handleClick = _react.useCallback.call(void 0, 
+    (index, e) => {
+      if (disabled) return;
+      const el = e.currentTarget;
+      const rect = el.getBoundingClientRect();
+      const half = allowHalf && e.clientX - rect.left < rect.width / 2;
+      const val = getStarValue(index, half);
+      const newVal = allowClear && val === value ? 0 : val;
+      _optionalChain([onChange, 'optionalCall', _ => _(newVal)]);
+    },
+    [disabled, allowHalf, getStarValue, allowClear, value, onChange]
+  );
+  const handleMouseMove = _react.useCallback.call(void 0, 
+    (index, e) => {
+      if (disabled) return;
+      const el = e.currentTarget;
+      const rect = el.getBoundingClientRect();
+      const half = allowHalf && e.clientX - rect.left < rect.width / 2;
+      const val = getStarValue(index, half);
+      if (val !== hoverValue) {
+        setHoverValue(val);
+        _optionalChain([onHoverChange, 'optionalCall', _2 => _2(val)]);
+      }
+    },
+    [disabled, allowHalf, getStarValue, hoverValue, onHoverChange]
+  );
+  const handleMouseLeave = _react.useCallback.call(void 0, () => {
+    if (disabled) return;
+    setHoverValue(0);
+    _optionalChain([onHoverChange, 'optionalCall', _3 => _3(0)]);
+  }, [disabled, onHoverChange]);
+  const starIcon = _react.useMemo.call(void 0, 
+    () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: _tigercatcore.starViewBox, fill: "currentColor", className: "w-full h-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: _tigercatcore.starPathD }) }),
+    []
+  );
+  const stars = _react.useMemo.call(void 0, () => {
+    const items = [];
+    for (let i = 0; i < count; i++) {
+      const full = displayValue >= i + 1;
+      const half = allowHalf && !full && displayValue >= i + 0.5;
+      const isHovering = hoverValue > 0;
+      const colorClass = full || half ? isHovering ? _tigercatcore.rateHoverColor : _tigercatcore.rateActiveColor : _tigercatcore.rateInactiveColor;
+      const content = half ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.classNames.call(void 0, "absolute inset-0", _tigercatcore.rateInactiveColor), children: isChar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: character }) : starIcon }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: _tigercatcore.classNames.call(void 0, 
+              "absolute inset-0 overflow-hidden",
+              isHovering ? _tigercatcore.rateHoverColor : _tigercatcore.rateActiveColor
+            ),
+            style: { width: "50%" },
+            children: isChar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: character }) : starIcon
+          }
+        )
+      ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: colorClass, children: isChar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: character }) : starIcon });
+      items.push(
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: _tigercatcore.getRateStarClasses.call(void 0, size, isChar, disabled),
+            role: "radio",
+            "aria-checked": full || half,
+            "aria-label": `${i + 1} star${i + 1 > 1 ? "s" : ""}`,
+            onClick: (e) => handleClick(i, e),
+            onMouseMove: (e) => handleMouseMove(i, e),
+            onMouseLeave: handleMouseLeave,
+            children: content
+          },
+          i
+        )
+      );
+    }
+    return items;
+  }, [
+    count,
+    displayValue,
+    hoverValue,
+    allowHalf,
+    disabled,
+    size,
+    character,
+    isChar,
+    starIcon,
+    handleClick,
+    handleMouseMove,
+    handleMouseLeave
+  ]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.rateBaseClasses, className), role: "radiogroup", "aria-label": "Rating", children: stars });
+};
+
+
+
+exports.Rate = Rate;

package/dist/{chunk-3KMKMAE3.mjs → chunk-GKJNQUTW.mjs}

@@ -1,23 +1,32 @@
-import React, { useMemo } from 'react';
-import { getSpinnerSVG, buttonDangerClasses, getButtonVariantClasses, classNames, buttonBaseClasses, buttonSizeClasses, buttonDisabledClasses } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
 // src/components/Button.tsx
-var spinnerSvg = getSpinnerSVG("spinner");
-var DefaultSpinner = /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className: "animate-spin h-4 w-4",
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: spinnerSvg.viewBox,
-    "aria-hidden": "true",
-    focusable: "false",
-    children: spinnerSvg.elements.map(
-      (el, index) => React.createElement(el.type, { key: index, ...el.attrs })
-    )
-  }
-);
+import React, { useMemo } from "react";
+import {
+  classNames,
+  buttonBaseClasses,
+  buttonSizeClasses,
+  buttonDisabledClasses,
+  buttonDangerClasses,
+  getButtonVariantClasses,
+  getSpinnerSVG
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var createDefaultSpinner = () => {
+  const spinnerSvg = getSpinnerSVG("spinner");
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: "animate-spin h-4 w-4",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: spinnerSvg.viewBox,
+      "aria-hidden": "true",
+      focusable: "false",
+      children: spinnerSvg.elements.map(
+        (el, index) => React.createElement(el.type, { key: index, ...el.attrs })
+      )
+    }
+  );
+};
 var Button = ({
   variant = "primary",
   size = "md",
@@ -62,7 +71,7 @@ var Button = ({
       onClick: isDisabled ? void 0 : onClick,
       type: htmlType,
       children: [
-        loading && /* @__PURE__ */ jsx("span", { className: iconIsRight ? "ml-2 order-1" : "mr-2", children: loadingIcon ?? DefaultSpinner }),
+        loading && /* @__PURE__ */ jsx("span", { className: iconIsRight ? "ml-2 order-1" : "mr-2", children: loadingIcon ?? createDefaultSpinner() }),
         !loading && icon && /* @__PURE__ */ jsx("span", { className: iconIsRight ? "ml-2 order-1" : "mr-2", children: icon }),
         children
       ]
@@ -70,4 +79,6 @@ var Button = ({
   );
 };
 
-export { Button };
+export {
+  Button
+};

package/dist/chunk-GOQ6ZG7H.mjs

@@ -0,0 +1,67 @@
+// src/components/Statistic.tsx
+import { useEffect, useMemo, useRef, useState } from "react";
+import {
+  statisticBaseClasses,
+  getStatisticTitleClasses,
+  getStatisticValueClasses,
+  statisticPrefixClasses,
+  statisticSuffixClasses,
+  formatStatisticValue,
+  canAnimateStatisticValue,
+  createStatisticNumberAnimation,
+  classNames
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Statistic = ({
+  title,
+  value,
+  precision,
+  prefix,
+  suffix,
+  groupSeparator = false,
+  animated = false,
+  animationDuration,
+  size = "md",
+  className
+}) => {
+  const initialValue = animated && canAnimateStatisticValue(value) ? 0 : value;
+  const [displayValue, setDisplayValue] = useState(initialValue);
+  const currentNumberRef = useRef(canAnimateStatisticValue(initialValue) ? initialValue : 0);
+  useEffect(() => {
+    if (!animated || !canAnimateStatisticValue(value)) {
+      setDisplayValue(value);
+      if (canAnimateStatisticValue(value)) currentNumberRef.current = value;
+      return void 0;
+    }
+    const controller = createStatisticNumberAnimation({
+      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 = useMemo(
+    () => formatStatisticValue(displayValue, precision, groupSeparator),
+    [displayValue, precision, groupSeparator]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: classNames(statisticBaseClasses, className), children: [
+    title && /* @__PURE__ */ jsx("div", { className: getStatisticTitleClasses(size), children: title }),
+    /* @__PURE__ */ jsxs("div", { className: getStatisticValueClasses(size), children: [
+      prefix && /* @__PURE__ */ jsx("span", { className: statisticPrefixClasses, children: prefix }),
+      /* @__PURE__ */ jsx("span", { children: formatted }),
+      suffix && /* @__PURE__ */ jsx("span", { className: statisticSuffixClasses, children: suffix })
+    ] })
+  ] });
+};
+
+export {
+  Statistic
+};

package/dist/chunk-GRXBGL6Q.js

@@ -0,0 +1,84 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/Button.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var createDefaultSpinner = () => {
+  const spinnerSvg = _tigercatcore.getSpinnerSVG.call(void 0, "spinner");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      className: "animate-spin h-4 w-4",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: spinnerSvg.viewBox,
+      "aria-hidden": "true",
+      focusable: "false",
+      children: spinnerSvg.elements.map(
+        (el, index) => _react2.default.createElement(el.type, { key: index, ...el.attrs })
+      )
+    }
+  );
+};
+var Button = ({
+  variant = "primary",
+  size = "md",
+  disabled = false,
+  loading = false,
+  loadingIcon,
+  icon,
+  block = false,
+  iconPosition = "left",
+  htmlType = "button",
+  danger = false,
+  onClick,
+  children,
+  className,
+  "aria-busy": ariaBusyProp,
+  "aria-disabled": ariaDisabledProp,
+  ...rest
+}) => {
+  const isDisabled = disabled || loading;
+  const ariaBusy = _nullishCoalesce(ariaBusyProp, () => ( (loading ? true : void 0)));
+  const ariaDisabled = _nullishCoalesce(ariaDisabledProp, () => ( (isDisabled ? true : void 0)));
+  const buttonClasses = _react.useMemo.call(void 0, () => {
+    const variantClasses = danger ? _nullishCoalesce(_tigercatcore.buttonDangerClasses[variant], () => ( _tigercatcore.buttonDangerClasses.primary)) : _tigercatcore.getButtonVariantClasses.call(void 0, variant);
+    return _tigercatcore.classNames.call(void 0, 
+      _tigercatcore.buttonBaseClasses,
+      variantClasses,
+      _tigercatcore.buttonSizeClasses[size],
+      isDisabled && _tigercatcore.buttonDisabledClasses,
+      block && "w-full",
+      className
+    );
+  }, [variant, size, isDisabled, block, danger, className]);
+  const iconIsRight = iconPosition === "right";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "button",
+    {
+      ...rest,
+      className: buttonClasses,
+      "aria-busy": ariaBusy,
+      "aria-disabled": ariaDisabled,
+      disabled: isDisabled,
+      onClick: isDisabled ? void 0 : onClick,
+      type: htmlType,
+      children: [
+        loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: iconIsRight ? "ml-2 order-1" : "mr-2", children: _nullishCoalesce(loadingIcon, () => ( createDefaultSpinner())) }),
+        !loading && icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: iconIsRight ? "ml-2 order-1" : "mr-2", children: icon }),
+        children
+      ]
+    }
+  );
+};
+
+
+
+exports.Button = Button;