@expcat/tigercat-react 1.5.0 → 2.0.0-preview.1

package/dist/chunk-VNMWPJDN.js

@@ -1,147 +0,0 @@
-"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 _chunkHQ3QOT7Hjs = require('./chunk-HQ3QOT7H.js');
-
-// src/components/Alert.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Alert = ({
-  type = "info",
-  size = "md",
-  title,
-  description,
-  showIcon = true,
-  closable = false,
-  closeAriaLabel = "Close alert",
-  duration,
-  banner = false,
-  showCountdown = false,
-  className,
-  children,
-  titleSlot,
-  descriptionSlot,
-  onClose,
-  ...props
-}) => {
-  const [visible, setVisible] = _react.useState.call(void 0, true);
-  const [countdownProgress, setCountdownProgress] = _react.useState.call(void 0, 100);
-  const colorScheme = _react.useMemo.call(void 0, () => _tigercatcore.getAlertTypeClasses.call(void 0, type, _tigercatcore.defaultAlertThemeColors), [type]);
-  const alertClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, 
-      _tigercatcore.alertBaseClasses,
-      _tigercatcore.alertSizeClasses[size],
-      colorScheme.bg,
-      colorScheme.border,
-      banner && _tigercatcore.alertBannerClasses,
-      className
-    ),
-    [size, colorScheme, banner, className]
-  );
-  const iconClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, _tigercatcore.alertIconSizeClasses[size], colorScheme.icon),
-    [size, colorScheme]
-  );
-  const titleClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, _tigercatcore.alertTitleSizeClasses[size], colorScheme.title),
-    [size, colorScheme]
-  );
-  const descriptionClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, _tigercatcore.alertDescriptionSizeClasses[size], colorScheme.description),
-    [size, colorScheme]
-  );
-  const closeButtonClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, 
-      _tigercatcore.alertCloseButtonBaseClasses,
-      colorScheme.closeButton,
-      colorScheme.closeButtonHover,
-      colorScheme.focus
-    ),
-    [colorScheme]
-  );
-  const handleClose = _react.useCallback.call(void 0, 
-    (event) => {
-      _optionalChain([onClose, 'optionalCall', _ => _(event)]);
-      if (!event.defaultPrevented) {
-        setVisible(false);
-      }
-    },
-    [onClose]
-  );
-  _react.useEffect.call(void 0, () => {
-    if (duration && duration > 0 && closable) {
-      setCountdownProgress(100);
-      const timer = setTimeout(() => {
-        setVisible(false);
-        _optionalChain([onClose, 'optionalCall', _2 => _2()]);
-      }, duration);
-      let countdownTimer;
-      if (showCountdown) {
-        const startTime = Date.now();
-        countdownTimer = setInterval(() => {
-          const elapsed = Date.now() - startTime;
-          setCountdownProgress(Math.max(0, 100 - elapsed / duration * 100));
-        }, 50);
-      }
-      return () => {
-        clearTimeout(timer);
-        if (countdownTimer) clearInterval(countdownTimer);
-      };
-    }
-  }, [duration, closable, showCountdown, onClose]);
-  if (!visible) {
-    return null;
-  }
-  const iconPath = _tigercatcore.getAlertIconPath.call(void 0, type);
-  const hasTitle = !!(title || titleSlot);
-  const hasDescription = !!(description || descriptionSlot);
-  const hasDefaultContent = !hasTitle && !hasDescription && !!children;
-  const hasContent = hasTitle || hasDescription || hasDefaultContent;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ...props, className: alertClasses, role: "alert", children: [
-    showIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.alertIconContainerClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQ3QOT7Hjs.StatusIcon, { path: iconPath, className: iconClasses }) }),
-    hasContent && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.alertContentClasses, children: [
-      hasTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: titleClasses, children: titleSlot || title }),
-      hasDescription && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: descriptionClasses, children: descriptionSlot || description }),
-      hasDefaultContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: titleClasses, children })
-    ] }),
-    closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "button",
-      {
-        className: closeButtonClasses,
-        onClick: handleClose,
-        "aria-label": closeAriaLabel,
-        type: "button",
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQ3QOT7Hjs.StatusIcon, { path: _tigercatcore.alertCloseIconPath, className: "h-4 w-4" })
-      }
-    ),
-    showCountdown && duration && duration > 0 && closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.alertCountdownContainerClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: _tigercatcore.classNames.call(void 0, _tigercatcore.alertCountdownBarClasses, _tigercatcore.alertCountdownColorClasses[type]),
-        style: { width: `${countdownProgress}%` }
-      }
-    ) })
-  ] });
-};
-
-
-
-exports.Alert = Alert;

package/dist/chunk-VOSN3IQC.js

@@ -1,168 +0,0 @@
-"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 step = allowHalf ? 0.5 : 1;
-  const handleKeyDown = _react.useCallback.call(void 0, 
-    (e) => {
-      if (disabled) return;
-      let next = value;
-      switch (e.key) {
-        case "ArrowRight":
-        case "ArrowUp":
-          next = Math.min(count, value + step);
-          break;
-        case "ArrowLeft":
-        case "ArrowDown":
-          next = Math.max(0, value - step);
-          break;
-        case "Home":
-          next = 0;
-          break;
-        case "End":
-          next = count;
-          break;
-        default:
-          return;
-      }
-      e.preventDefault();
-      if (next !== value) _optionalChain([onChange, 'optionalCall', _4 => _4(next)]);
-    },
-    [disabled, value, count, step, onChange]
-  );
-  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),
-            "aria-hidden": "true",
-            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
-  ]);
-  const valueText = `${value} star${value === 1 ? "" : "s"}`;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: _tigercatcore.classNames.call(void 0, _tigercatcore.rateBaseClasses, className),
-      role: "slider",
-      "aria-label": "Rating",
-      "aria-valuemin": 0,
-      "aria-valuemax": count,
-      "aria-valuenow": value,
-      "aria-valuetext": valueText,
-      "aria-disabled": disabled || void 0,
-      "aria-orientation": "horizontal",
-      tabIndex: disabled ? -1 : 0,
-      onKeyDown: handleKeyDown,
-      children: stars
-    }
-  );
-};
-
-
-
-exports.Rate = Rate;

package/dist/chunk-W3VLCSJL.js

@@ -1,26 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Container.tsx
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Container = ({
-  maxWidth = false,
-  center = true,
-  padding = true,
-  children,
-  className,
-  as: Component = "div",
-  ...props
-}) => {
-  const containerClasses = _tigercatcore.getContainerClasses.call(void 0, {
-    maxWidth,
-    center,
-    padding,
-    className
-  });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { ...props, className: containerClasses, children });
-};
-
-
-
-exports.Container = Container;