@expcat/tigercat-react 2.1.2 → 2.1.3

package/dist/chunk-SEOG5AGS.mjs

@@ -1,72 +0,0 @@
-// src/components/Highlight.tsx
-import React, { forwardRef, isValidElement } from "react";
-import {
-  getHighlightMarkClasses,
-  getHighlightRootClasses,
-  getHighlightSegments,
-  resolveHighlightText
-} from "@expcat/tigercat-core";
-import { jsx } from "react/jsx-runtime";
-function flattenReactText(node) {
-  if (node == null || typeof node === "boolean") return "";
-  if (typeof node === "string" || typeof node === "number") return String(node);
-  if (Array.isArray(node)) {
-    let out = "";
-    for (const item of node) out += flattenReactText(item);
-    return out;
-  }
-  if (isValidElement(node)) {
-    const props = node.props;
-    return flattenReactText(props.children);
-  }
-  return "";
-}
-var Highlight = forwardRef(
-  ({
-    text,
-    keywords,
-    caseSensitive = false,
-    global = true,
-    highlightClassName,
-    highlightStyle,
-    className,
-    style,
-    children,
-    ...rest
-  }, ref) => {
-    const source = resolveHighlightText(text, flattenReactText(children));
-    const segments = getHighlightSegments(source, keywords, { caseSensitive, global });
-    const markClasses = getHighlightMarkClasses(highlightClassName);
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        ref,
-        "data-highlight": "",
-        "data-highlight-case-sensitive": caseSensitive ? "true" : "false",
-        "data-highlight-global": global ? "true" : "false",
-        className: getHighlightRootClasses(className),
-        style,
-        ...rest,
-        children: segments.map(
-          (segment) => segment.highlighted ? /* @__PURE__ */ jsx(
-            "mark",
-            {
-              className: markClasses,
-              style: highlightStyle,
-              "data-highlight-mark": "",
-              children: segment.text
-            },
-            `mark-${segment.start}-${segment.end}`
-          ) : /* @__PURE__ */ jsx(React.Fragment, { children: segment.text }, `text-${segment.start}-${segment.end}`)
-        )
-      }
-    );
-  }
-);
-Highlight.displayName = "Highlight";
-var Highlight_default = Highlight;
-
-export {
-  Highlight,
-  Highlight_default
-};

package/dist/chunk-SHT4TU3T.mjs

@@ -1,32 +0,0 @@
-// src/components/Sidebar.tsx
-import {
-  classNames,
-  layoutSidebarClasses,
-  layoutSidebarCollapsedClasses,
-  getSidebarStyle
-} from "@expcat/tigercat-core";
-import { jsx } from "react/jsx-runtime";
-var Sidebar = ({
-  className,
-  width = "256px",
-  collapsedWidth = "64px",
-  collapsed = false,
-  style,
-  children,
-  ...props
-}) => {
-  const sidebarClasses = classNames(
-    layoutSidebarClasses,
-    collapsed && layoutSidebarCollapsedClasses,
-    className
-  );
-  const sidebarStyle = {
-    ...style,
-    ...getSidebarStyle(collapsed, width, collapsedWidth)
-  };
-  return /* @__PURE__ */ jsx("aside", { className: sidebarClasses, style: sidebarStyle, ...props, children });
-};
-
-export {
-  Sidebar
-};

package/dist/chunk-SJ5RFU2O.mjs

@@ -1,21 +0,0 @@
-// src/components/Footer.tsx
-import {
-  classNames,
-  layoutFooterClasses
-} from "@expcat/tigercat-core";
-import { jsx } from "react/jsx-runtime";
-var Footer = ({
-  className,
-  height = "auto",
-  style,
-  children,
-  ...props
-}) => {
-  const footerClasses = classNames(layoutFooterClasses, className);
-  const footerStyle = { ...style, height };
-  return /* @__PURE__ */ jsx("footer", { className: footerClasses, style: footerStyle, ...props, children });
-};
-
-export {
-  Footer
-};

package/dist/chunk-SPIPFOGD.mjs

@@ -1,322 +0,0 @@
-// src/components/Slider.tsx
-import { useState, useRef, useEffect, useCallback, useMemo, memo } from "react";
-import {
-  classNames,
-  sliderBaseClasses,
-  sliderRangeClasses,
-  getSliderTrackClasses,
-  getSliderThumbClasses,
-  getSliderTooltipClasses,
-  sliderGetPercentage,
-  sliderGetValueFromPosition,
-  sliderGetKeyboardValue,
-  sliderResolveMarks
-} from "@expcat/tigercat-core";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Thumb = memo(
-  ({
-    value,
-    thumbType = null,
-    disabled,
-    tooltip,
-    showTooltip,
-    activeThumb,
-    isDragging,
-    min,
-    max,
-    ariaLabel,
-    ariaLabelledby,
-    ariaDescribedby,
-    thumbClasses,
-    tooltipClasses,
-    setShowTooltip,
-    handleStart,
-    handleKeyDown,
-    getPercentage
-  }) => {
-    const left = getPercentage(value);
-    const showThumbTooltip = showTooltip && (thumbType === activeThumb || thumbType === null);
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: thumbClasses,
-        style: { left: `${left}%` },
-        tabIndex: disabled ? -1 : 0,
-        role: "slider",
-        "aria-valuenow": value,
-        "aria-valuemin": min,
-        "aria-valuemax": max,
-        "aria-orientation": "horizontal",
-        "aria-disabled": disabled,
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledby,
-        "aria-describedby": ariaDescribedby,
-        onMouseDown: (e) => handleStart(e, thumbType),
-        onTouchStart: (e) => handleStart(e, thumbType),
-        onMouseEnter: () => {
-          if (tooltip) setShowTooltip(true);
-        },
-        onMouseLeave: () => {
-          if (!isDragging) setShowTooltip(false);
-        },
-        onKeyDown: (e) => handleKeyDown(e, value, thumbType),
-        children: showThumbTooltip && tooltip && /* @__PURE__ */ jsx("div", { className: tooltipClasses, children: value })
-      }
-    );
-  }
-);
-var Slider = ({
-  value: controlledValue,
-  defaultValue,
-  min = 0,
-  max = 100,
-  step = 1,
-  disabled = false,
-  marks = false,
-  tooltip = true,
-  size = "md",
-  range = false,
-  onChange,
-  className,
-  ...props
-}) => {
-  const {
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledby,
-    "aria-describedby": ariaDescribedby,
-    ...divProps
-  } = props;
-  const getInitialValue = () => {
-    if (controlledValue !== void 0) return controlledValue;
-    if (defaultValue !== void 0) return defaultValue;
-    return range ? [min, max] : min;
-  };
-  const [internalValue, setInternalValue] = useState(getInitialValue());
-  const [isDragging, setIsDragging] = useState(false);
-  const [activeThumb, setActiveThumb] = useState(null);
-  const [showTooltip, setShowTooltip] = useState(false);
-  const trackRef = useRef(null);
-  useEffect(() => {
-    if (controlledValue !== void 0) {
-      setInternalValue(controlledValue);
-    }
-  }, [controlledValue]);
-  const getPercentage = useCallback(
-    (val) => sliderGetPercentage(val, min, max),
-    [min, max]
-  );
-  const getValueFromPosition = useCallback(
-    (clientX) => {
-      if (!trackRef.current) return min;
-      const rect = trackRef.current.getBoundingClientRect();
-      return sliderGetValueFromPosition(clientX - rect.left, rect.width, min, max, step);
-    },
-    [min, max, step]
-  );
-  const updateValue = useCallback(
-    (newValue) => {
-      setInternalValue(newValue);
-      onChange?.(newValue);
-    },
-    [onChange]
-  );
-  const handleMove = useCallback(
-    (event) => {
-      if (disabled || !isDragging) return;
-      const clientX = "touches" in event ? event.touches[0].clientX : event.clientX;
-      const newValue = getValueFromPosition(clientX);
-      if (range && Array.isArray(internalValue)) {
-        const [minVal, maxVal] = internalValue;
-        if (activeThumb === "min") {
-          updateValue([Math.min(newValue, maxVal), maxVal]);
-        } else if (activeThumb === "max") {
-          updateValue([minVal, Math.max(newValue, minVal)]);
-        }
-      } else {
-        updateValue(newValue);
-      }
-    },
-    [disabled, isDragging, activeThumb, range, internalValue, getValueFromPosition, updateValue]
-  );
-  const handleEnd = useCallback(() => {
-    setIsDragging(false);
-    setActiveThumb(null);
-    setShowTooltip(false);
-  }, []);
-  useEffect(() => {
-    if (isDragging) {
-      const handleMouseMove = (e) => handleMove(e);
-      const handleTouchMove = (e) => handleMove(e);
-      document.addEventListener("mousemove", handleMouseMove);
-      document.addEventListener("mouseup", handleEnd);
-      document.addEventListener("touchmove", handleTouchMove);
-      document.addEventListener("touchend", handleEnd);
-      return () => {
-        document.removeEventListener("mousemove", handleMouseMove);
-        document.removeEventListener("mouseup", handleEnd);
-        document.removeEventListener("touchmove", handleTouchMove);
-        document.removeEventListener("touchend", handleEnd);
-      };
-    }
-  }, [isDragging, handleMove, handleEnd]);
-  const handleStart = useCallback(
-    (event, thumb) => {
-      if (disabled) return;
-      event.preventDefault();
-      setIsDragging(true);
-      setActiveThumb(thumb);
-      if (tooltip) setShowTooltip(true);
-    },
-    [disabled, tooltip]
-  );
-  const handleTrackClick = (e) => {
-    if (disabled) return;
-    const newValue = getValueFromPosition(e.clientX);
-    if (range && Array.isArray(internalValue)) {
-      const [minVal, maxVal] = internalValue;
-      const distToMin = Math.abs(newValue - minVal);
-      const distToMax = Math.abs(newValue - maxVal);
-      if (distToMin < distToMax) {
-        updateValue([newValue, maxVal]);
-      } else {
-        updateValue([minVal, newValue]);
-      }
-    } else {
-      updateValue(newValue);
-    }
-  };
-  const handleKeyDown = useCallback(
-    (e, value, thumbType) => {
-      if (disabled) return;
-      const newValue = sliderGetKeyboardValue(e.key, value, min, max, step);
-      if (newValue === null) return;
-      e.preventDefault();
-      if (range && Array.isArray(internalValue)) {
-        const [minVal, maxVal] = internalValue;
-        if (thumbType === "min") {
-          updateValue([Math.min(newValue, maxVal), maxVal]);
-        } else if (thumbType === "max") {
-          updateValue([minVal, Math.max(newValue, minVal)]);
-        }
-      } else {
-        updateValue(newValue);
-      }
-    },
-    [disabled, min, max, step, range, internalValue, updateValue]
-  );
-  const trackClasses = useMemo(() => getSliderTrackClasses(size, disabled), [size, disabled]);
-  const rangeStyles = useMemo(() => {
-    if (range && Array.isArray(internalValue)) {
-      const left = getPercentage(internalValue[0]);
-      return { left: `${left}%`, width: `${getPercentage(internalValue[1]) - left}%` };
-    }
-    const val = typeof internalValue === "number" ? internalValue : internalValue[0];
-    return { left: "0%", width: `${getPercentage(val)}%` };
-  }, [range, internalValue, getPercentage]);
-  const thumbClasses = useMemo(() => getSliderThumbClasses(size, disabled), [size, disabled]);
-  const tooltipClasses = useMemo(() => getSliderTooltipClasses(size), [size]);
-  const renderMarks = () => {
-    if (!marks) return null;
-    const marksObj = sliderResolveMarks(marks, min, max);
-    if (Object.keys(marksObj).length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: "absolute w-full top-full mt-2", children: Object.entries(marksObj).map(([key, label]) => {
-      const value = Number(key);
-      const left = getPercentage(value);
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "absolute text-xs text-[var(--tiger-text-muted,#6b7280)]",
-          style: { left: `${left}%`, transform: "translateX(-50%)" },
-          children: label
-        },
-        key
-      );
-    }) });
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: classNames(sliderBaseClasses, disabled && "cursor-not-allowed", className),
-      ...divProps,
-      children: [
-        /* @__PURE__ */ jsxs("div", { ref: trackRef, className: trackClasses, onClick: handleTrackClick, children: [
-          /* @__PURE__ */ jsx("div", { className: sliderRangeClasses, style: rangeStyles }),
-          range && Array.isArray(internalValue) ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              Thumb,
-              {
-                value: internalValue[0],
-                thumbType: "min",
-                disabled,
-                tooltip,
-                showTooltip,
-                activeThumb,
-                isDragging,
-                min,
-                max,
-                ariaLabel: ariaLabel ? `${ariaLabel} (min)` : "Minimum value",
-                ariaLabelledby,
-                ariaDescribedby,
-                thumbClasses,
-                tooltipClasses,
-                setShowTooltip,
-                handleStart,
-                handleKeyDown,
-                getPercentage
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Thumb,
-              {
-                value: internalValue[1],
-                thumbType: "max",
-                disabled,
-                tooltip,
-                showTooltip,
-                activeThumb,
-                isDragging,
-                min,
-                max,
-                ariaLabel: ariaLabel ? `${ariaLabel} (max)` : "Maximum value",
-                ariaLabelledby,
-                ariaDescribedby,
-                thumbClasses,
-                tooltipClasses,
-                setShowTooltip,
-                handleStart,
-                handleKeyDown,
-                getPercentage
-              }
-            )
-          ] }) : /* @__PURE__ */ jsx(
-            Thumb,
-            {
-              value: typeof internalValue === "number" ? internalValue : internalValue[0],
-              disabled,
-              tooltip,
-              showTooltip,
-              activeThumb,
-              isDragging,
-              min,
-              max,
-              ariaLabel,
-              ariaLabelledby,
-              ariaDescribedby,
-              thumbClasses,
-              tooltipClasses,
-              setShowTooltip,
-              handleStart,
-              handleKeyDown,
-              getPercentage
-            }
-          )
-        ] }),
-        renderMarks()
-      ]
-    }
-  );
-};
-
-export {
-  Slider
-};

package/dist/chunk-SVIJ2UZA.mjs

@@ -1,186 +0,0 @@
-import {
-  useTigerConfig
-} from "./chunk-YSIXURBW.mjs";
-
-// src/components/Rate.tsx
-import { useState, useMemo, useCallback } from "react";
-import {
-  rateBaseClasses,
-  getRateStarClasses,
-  rateHalfStarInnerClasses,
-  rateActiveColor,
-  rateInactiveColor,
-  rateHoverColor,
-  starPathD,
-  starViewBox,
-  classNames,
-  mergeTigerLocale,
-  getRateLabels
-} from "@expcat/tigercat-core";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Rate = ({
-  value = 0,
-  count = 5,
-  allowHalf = false,
-  disabled = false,
-  size = "md",
-  allowClear = true,
-  character,
-  className,
-  locale,
-  labels: labelsOverride,
-  onChange,
-  onHoverChange
-}) => {
-  const config = useTigerConfig();
-  const [hoverValue, setHoverValue] = useState(0);
-  const mergedLocale = useMemo(
-    () => mergeTigerLocale(config.locale, locale),
-    [config.locale, locale]
-  );
-  const labels = useMemo(
-    () => getRateLabels(mergedLocale, labelsOverride),
-    [mergedLocale, labelsOverride]
-  );
-  const displayValue = hoverValue > 0 ? hoverValue : value;
-  const isChar = !!character;
-  const getStarValue = useCallback((index, isHalf) => {
-    return isHalf ? index + 0.5 : index + 1;
-  }, []);
-  const handleClick = useCallback(
-    (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;
-      onChange?.(newVal);
-    },
-    [disabled, allowHalf, getStarValue, allowClear, value, onChange]
-  );
-  const handleMouseMove = useCallback(
-    (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);
-        onHoverChange?.(val);
-      }
-    },
-    [disabled, allowHalf, getStarValue, hoverValue, onHoverChange]
-  );
-  const handleMouseLeave = useCallback(() => {
-    if (disabled) return;
-    setHoverValue(0);
-    onHoverChange?.(0);
-  }, [disabled, onHoverChange]);
-  const step = allowHalf ? 0.5 : 1;
-  const handleKeyDown = useCallback(
-    (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) onChange?.(next);
-    },
-    [disabled, value, count, step, onChange]
-  );
-  const starIcon = useMemo(
-    () => /* @__PURE__ */ jsx("svg", { viewBox: starViewBox, fill: "currentColor", className: "w-full h-full", children: /* @__PURE__ */ jsx("path", { d: starPathD }) }),
-    []
-  );
-  const stars = useMemo(() => {
-    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 ? rateHoverColor : rateActiveColor : rateInactiveColor;
-      const content = half ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("span", { className: classNames("absolute inset-0", rateInactiveColor), children: isChar ? /* @__PURE__ */ jsx("span", { children: character }) : starIcon }),
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: classNames(
-              "absolute inset-0 overflow-hidden",
-              isHovering ? rateHoverColor : rateActiveColor
-            ),
-            style: { width: "50%" },
-            children: isChar ? /* @__PURE__ */ jsx("span", { className: rateHalfStarInnerClasses, children: character }) : /* @__PURE__ */ jsx("svg", { viewBox: starViewBox, fill: "currentColor", className: rateHalfStarInnerClasses, children: /* @__PURE__ */ jsx("path", { d: starPathD }) })
-          }
-        )
-      ] }) : /* @__PURE__ */ jsx("span", { className: colorClass, children: isChar ? /* @__PURE__ */ jsx("span", { children: character }) : starIcon });
-      items.push(
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: getRateStarClasses(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 = labels.valueText.replace("{value}", String(value)).replace("{plural}", value === 1 ? "" : "s");
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: classNames(rateBaseClasses, className),
-      role: "slider",
-      "aria-label": labels.ariaLabel,
-      "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
-    }
-  );
-};
-
-export {
-  Rate
-};