@expcat/tigercat-core 0.2.10 → 0.2.27

package/dist/index.js

@@ -402,6 +402,49 @@ function sliderGetKeyboardValue(key, currentValue, min, max, step = 1, largeStep
   }
 }
 
+// src/utils/back-top-utils.ts
+function getScrollTop(target) {
+  if (target === window) {
+    return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+  }
+  return target.scrollTop;
+}
+function scrollToTop(target, duration, callback) {
+  const startTime = performance.now();
+  const startScrollTop = getScrollTop(target);
+  if (startScrollTop === 0) {
+    callback?.();
+    return;
+  }
+  const easeInOutCubic = (t) => {
+    return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;
+  };
+  const animateScroll = (currentTime) => {
+    const elapsed = currentTime - startTime;
+    const progress = Math.min(elapsed / duration, 1);
+    const easedProgress = easeInOutCubic(progress);
+    const newScrollTop = startScrollTop * (1 - easedProgress);
+    if (target === window) {
+      window.scrollTo(0, newScrollTop);
+    } else {
+      ;
+      target.scrollTop = newScrollTop;
+    }
+    if (progress < 1) {
+      requestAnimationFrame(animateScroll);
+    } else {
+      callback?.();
+    }
+  };
+  requestAnimationFrame(animateScroll);
+}
+var backTopBaseClasses = "z-50 flex h-10 w-10 cursor-pointer items-center justify-center rounded-full bg-[var(--tiger-primary,#2563eb)] text-white shadow-lg transition-all duration-300 hover:bg-[var(--tiger-primary-hover,#1d4ed8)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-primary,#2563eb)] focus-visible:ring-offset-2";
+var backTopButtonClasses = `fixed bottom-8 right-8 ${backTopBaseClasses}`;
+var backTopContainerClasses = `sticky bottom-4 ml-auto mr-4 ${backTopBaseClasses}`;
+var backTopHiddenClasses = "opacity-0 pointer-events-none translate-y-4";
+var backTopVisibleClasses = "opacity-100 translate-y-0";
+var backTopIconPath = "M12 19V5M12 5l-7 7M12 5l7 7";
+
 // src/utils/common-icons.ts
 var closeIconViewBox = "0 0 24 24";
 var closeIconPathD = "M6 18L18 6M6 6l12 12";
@@ -3351,6 +3394,95 @@ var progressTrackBgClasses = "bg-[color:var(--tiger-border,#e5e7eb)]";
 var progressCircleTextClasses = "absolute inset-0 flex items-center justify-center";
 var progressCircleTrackStrokeClasses = "text-[color:var(--tiger-border,#e5e7eb)]";
 
+// src/utils/collapse-utils.ts
+var collapseBaseClasses = "w-full bg-white border border-gray-200 rounded overflow-hidden";
+var collapseGhostClasses = "border-0 bg-transparent";
+var collapseBorderlessClasses = "border-0";
+var collapsePanelBaseClasses = "border-b border-gray-200 last:border-b-0";
+var collapsePanelHeaderBaseClasses = "flex items-center px-4 py-3 cursor-pointer transition-colors duration-200 hover:bg-gray-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--tiger-focus-ring,var(--tiger-primary,#2563eb))]";
+var collapsePanelHeaderActiveClasses = "bg-gray-50";
+var collapsePanelHeaderDisabledClasses = "cursor-not-allowed opacity-50 hover:bg-transparent";
+var collapsePanelContentWrapperClasses = "overflow-hidden transition-all duration-300 ease-in-out";
+var collapsePanelContentBaseClasses = "px-4 py-3 bg-white text-gray-700";
+var collapseIconBaseClasses = "transition-transform duration-300 ease-in-out text-gray-500";
+var collapseIconExpandedClasses = "rotate-90";
+var collapseIconPositionClasses = {
+  start: "mr-2",
+  end: "ml-auto"
+};
+var collapseHeaderTextClasses = "flex-1 font-medium text-gray-900";
+var collapseExtraClasses = "ml-auto";
+function getCollapseContainerClasses(bordered, ghost, className) {
+  const classes = [collapseBaseClasses];
+  if (ghost) {
+    classes.push(collapseGhostClasses);
+  } else if (!bordered) {
+    classes.push(collapseBorderlessClasses);
+  }
+  if (className) {
+    classes.push(className);
+  }
+  return classes.filter(Boolean).join(" ");
+}
+function getCollapsePanelClasses(ghost, className) {
+  const classes = [];
+  if (!ghost) {
+    classes.push(collapsePanelBaseClasses);
+  }
+  if (className) {
+    classes.push(className);
+  }
+  return classes.filter(Boolean).join(" ");
+}
+function getCollapsePanelHeaderClasses(active, disabled, className) {
+  const classes = [collapsePanelHeaderBaseClasses];
+  if (disabled) {
+    classes.push(collapsePanelHeaderDisabledClasses);
+  } else if (active) {
+    classes.push(collapsePanelHeaderActiveClasses);
+  }
+  if (className) {
+    classes.push(className);
+  }
+  return classes.filter(Boolean).join(" ");
+}
+function getCollapseIconClasses(expanded, position, className) {
+  const classes = [collapseIconBaseClasses, collapseIconPositionClasses[position]];
+  if (expanded) {
+    classes.push(collapseIconExpandedClasses);
+  }
+  if (className) {
+    classes.push(className);
+  }
+  return classes.filter(Boolean).join(" ");
+}
+function normalizeActiveKeys(activeKey) {
+  if (activeKey === void 0) {
+    return [];
+  }
+  return Array.isArray(activeKey) ? activeKey : [activeKey];
+}
+function isPanelActive(panelKey, activeKeys) {
+  return activeKeys.includes(panelKey);
+}
+function togglePanelKey(panelKey, activeKeys, accordion) {
+  const isActive = isPanelActive(panelKey, activeKeys);
+  if (isActive) {
+    return activeKeys.filter((key) => key !== panelKey);
+  } else {
+    if (accordion) {
+      return [panelKey];
+    } else {
+      return [...activeKeys, panelKey];
+    }
+  }
+}
+var collapseRightArrowIcon = `
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`.trim();
+
 // src/utils/menu-utils.ts
 var menuBaseClasses = "flex border bg-[var(--tiger-surface,#ffffff)] text-[var(--tiger-text,#111827)] border-[var(--tiger-border,#e5e7eb)]";
 var menuModeClasses = {
@@ -4683,6 +4815,204 @@ var codeBlockPreClasses = "m-0 overflow-auto p-4 text-sm leading-relaxed font-mo
 var codeBlockCopyButtonBaseClasses = "absolute right-3 top-0 -translate-y-1/2 inline-flex items-center rounded-md border border-gray-200 bg-white/90 px-1.5 py-0.5 text-[10px] text-gray-600 shadow-sm transition-colors hover:bg-white hover:text-gray-900 dark:border-gray-700 dark:bg-gray-900/90 dark:text-gray-200 dark:hover:bg-gray-800";
 var codeBlockCopyButtonCopiedClasses = "border-[var(--tiger-primary,#2563eb)] text-[var(--tiger-primary,#2563eb)]";
 
+// src/utils/carousel-utils.ts
+var carouselBaseClasses = "relative overflow-hidden w-full";
+var carouselTrackScrollClasses = "flex transition-transform ease-in-out";
+var carouselTrackFadeClasses = "relative";
+var carouselSlideBaseClasses = "flex-shrink-0 w-full";
+var carouselSlideFadeClasses = "absolute inset-0 transition-opacity ease-in-out";
+var carouselDotsBaseClasses = "absolute flex gap-2 z-10";
+var carouselDotsPositionClasses = {
+  top: "top-4 left-1/2 -translate-x-1/2 flex-row",
+  bottom: "bottom-4 left-1/2 -translate-x-1/2 flex-row",
+  left: "left-4 top-1/2 -translate-y-1/2 flex-col",
+  right: "right-4 top-1/2 -translate-y-1/2 flex-col"
+};
+var carouselDotClasses = "w-3 h-3 rounded-full transition-all duration-200 cursor-pointer border-0 p-0 bg-white/50 hover:bg-white/75 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-gray-800";
+var carouselDotActiveClasses = "bg-white scale-110";
+var carouselArrowBaseClasses = "absolute top-1/2 -translate-y-1/2 z-10 flex items-center justify-center w-10 h-10 rounded-full bg-black/30 text-white cursor-pointer transition-all duration-200 hover:bg-black/50 focus:outline-none focus-visible:ring-2 focus-visible:ring-white border-0";
+var carouselPrevArrowClasses = "left-4";
+var carouselNextArrowClasses = "right-4";
+var carouselArrowDisabledClasses = "opacity-50 cursor-not-allowed pointer-events-none";
+function getCarouselContainerClasses(className) {
+  const classes = [carouselBaseClasses];
+  if (className) {
+    classes.push(className);
+  }
+  return classes.filter(Boolean).join(" ");
+}
+function getCarouselDotsClasses(position) {
+  return `${carouselDotsBaseClasses} ${carouselDotsPositionClasses[position]}`;
+}
+function getCarouselDotClasses(isActive) {
+  const classes = [carouselDotClasses];
+  if (isActive) {
+    classes.push(carouselDotActiveClasses);
+  }
+  return classes.filter(Boolean).join(" ");
+}
+function getCarouselArrowClasses(type, disabled) {
+  const classes = [carouselArrowBaseClasses];
+  classes.push(type === "prev" ? carouselPrevArrowClasses : carouselNextArrowClasses);
+  if (disabled) {
+    classes.push(carouselArrowDisabledClasses);
+  }
+  return classes.filter(Boolean).join(" ");
+}
+function getNextSlideIndex(currentIndex, totalSlides, infinite) {
+  if (totalSlides <= 0) return 0;
+  const nextIndex = currentIndex + 1;
+  if (nextIndex >= totalSlides) {
+    return infinite ? 0 : currentIndex;
+  }
+  return nextIndex;
+}
+function getPrevSlideIndex(currentIndex, totalSlides, infinite) {
+  if (totalSlides <= 0) return 0;
+  const prevIndex = currentIndex - 1;
+  if (prevIndex < 0) {
+    return infinite ? totalSlides - 1 : currentIndex;
+  }
+  return prevIndex;
+}
+function isNextDisabled(currentIndex, totalSlides, infinite) {
+  if (infinite) return false;
+  return currentIndex >= totalSlides - 1;
+}
+function isPrevDisabled(currentIndex, _totalSlides, infinite) {
+  if (infinite) return false;
+  return currentIndex <= 0;
+}
+function clampSlideIndex(index, totalSlides) {
+  if (totalSlides <= 0) return 0;
+  if (index < 0) return 0;
+  if (index >= totalSlides) return totalSlides - 1;
+  return index;
+}
+function getScrollTransform(currentIndex) {
+  return `translateX(-${currentIndex * 100}%)`;
+}
+var carouselPrevArrowPath = "M15.75 19.5L8.25 12l7.5-7.5";
+var carouselNextArrowPath = "M8.25 4.5l7.5 7.5-7.5 7.5";
+
+// src/utils/anchor-utils.ts
+var anchorBaseClasses = "relative";
+var anchorAffixClasses = "fixed";
+var anchorInkContainerVerticalClasses = "absolute left-0 top-0 bottom-0 w-0.5 bg-gray-200 rounded-full";
+var anchorInkContainerHorizontalClasses = "absolute left-0 right-0 bottom-0 h-0.5 bg-gray-200 rounded-full";
+var anchorInkActiveVerticalClasses = "absolute w-0.5 bg-[var(--tiger-primary,#2563eb)] rounded-full transition-[top,height] duration-200 ease-in-out";
+var anchorInkActiveHorizontalClasses = "absolute h-0.5 bg-[var(--tiger-primary,#2563eb)] rounded-full transition-[left,width] duration-200 ease-in-out";
+var anchorLinkListVerticalClasses = "pl-4 space-y-2";
+var anchorLinkListHorizontalClasses = "flex items-center space-x-4 pb-2";
+var anchorLinkBaseClasses = "block text-sm text-gray-600 hover:text-[var(--tiger-primary,#2563eb)] transition-colors duration-200 whitespace-nowrap";
+var anchorLinkActiveClasses = "text-[var(--tiger-primary,#2563eb)] font-medium";
+function getAnchorWrapperClasses(affix, className) {
+  const classes = [anchorBaseClasses];
+  if (affix) {
+    classes.push(anchorAffixClasses);
+  }
+  if (className) {
+    classes.push(className);
+  }
+  return classes.filter(Boolean).join(" ");
+}
+function getAnchorInkContainerClasses(direction) {
+  return direction === "vertical" ? anchorInkContainerVerticalClasses : anchorInkContainerHorizontalClasses;
+}
+function getAnchorInkActiveClasses(direction) {
+  return direction === "vertical" ? anchorInkActiveVerticalClasses : anchorInkActiveHorizontalClasses;
+}
+function getAnchorLinkListClasses(direction) {
+  return direction === "vertical" ? anchorLinkListVerticalClasses : anchorLinkListHorizontalClasses;
+}
+function getAnchorLinkClasses(active, className) {
+  const classes = [anchorLinkBaseClasses];
+  if (active) {
+    classes.push(anchorLinkActiveClasses);
+  }
+  if (className) {
+    classes.push(className);
+  }
+  return classes.filter(Boolean).join(" ");
+}
+function getAnchorTargetElement(href) {
+  if (!href || !href.startsWith("#")) {
+    return null;
+  }
+  const id = href.slice(1);
+  if (!id) {
+    return null;
+  }
+  return document.getElementById(id);
+}
+function getContainerScrollTop(container) {
+  if (container === window) {
+    return window.scrollY || document.documentElement.scrollTop;
+  }
+  return container.scrollTop;
+}
+function getContainerHeight(container) {
+  if (container === window) {
+    return window.innerHeight;
+  }
+  return container.clientHeight;
+}
+function getElementOffsetTop(element, container) {
+  if (container === window) {
+    const rect = element.getBoundingClientRect();
+    return rect.top + window.scrollY;
+  }
+  const containerEl = container;
+  let offset2 = 0;
+  let el = element;
+  while (el && el !== containerEl) {
+    offset2 += el.offsetTop;
+    el = el.offsetParent;
+    if (el === null || el === document.body) {
+      const containerRect = containerEl.getBoundingClientRect();
+      const elementRect = element.getBoundingClientRect();
+      return elementRect.top - containerRect.top + containerEl.scrollTop;
+    }
+  }
+  return offset2;
+}
+function scrollToAnchor(href, container, targetOffset = 0) {
+  const element = getAnchorTargetElement(href);
+  if (!element) {
+    return;
+  }
+  const offsetTop = getElementOffsetTop(element, container) - targetOffset;
+  if (container === window) {
+    window.scrollTo({
+      top: offsetTop,
+      behavior: "smooth"
+    });
+  } else {
+    ;
+    container.scrollTo({
+      top: offsetTop,
+      behavior: "smooth"
+    });
+  }
+}
+function findActiveAnchor(links, container, bounds = 5, targetOffset = 0) {
+  if (links.length === 0) {
+    return "";
+  }
+  const scrollTop = getContainerScrollTop(container);
+  for (let i = links.length - 1; i >= 0; i--) {
+    const href = links[i];
+    const element = getAnchorTargetElement(href);
+    if (element) {
+      const offsetTop = getElementOffsetTop(element, container) - targetOffset - bounds;
+      if (scrollTop >= offsetTop) {
+        return href;
+      }
+    }
+  }
+  return links[0] || "";
+}
+
 // src/utils/chart-utils.ts
 var chartCanvasBaseClasses = "block";
 var chartAxisLineClasses = "stroke-[color:var(--tiger-border,#e5e7eb)]";
@@ -5832,6 +6162,16 @@ export {
   alertSuccessIconPath,
   alertTitleSizeClasses,
   alertWarningIconPath,
+  anchorAffixClasses,
+  anchorBaseClasses,
+  anchorInkActiveHorizontalClasses,
+  anchorInkActiveVerticalClasses,
+  anchorInkContainerHorizontalClasses,
+  anchorInkContainerVerticalClasses,
+  anchorLinkActiveClasses,
+  anchorLinkBaseClasses,
+  anchorLinkListHorizontalClasses,
+  anchorLinkListVerticalClasses,
   animationDelayClasses,
   animationDelayStyles,
   applyFloatingStyles,
@@ -5843,6 +6183,12 @@ export {
   avatarImageClasses,
   avatarShapeClasses,
   avatarSizeClasses,
+  backTopBaseClasses,
+  backTopButtonClasses,
+  backTopContainerClasses,
+  backTopHiddenClasses,
+  backTopIconPath,
+  backTopVisibleClasses,
   badgeBaseClasses,
   badgePositionClasses,
   badgeSizeClasses,
@@ -5873,6 +6219,21 @@ export {
   cardHoverClasses,
   cardSizeClasses,
   cardVariantClasses,
+  carouselArrowBaseClasses,
+  carouselArrowDisabledClasses,
+  carouselBaseClasses,
+  carouselDotActiveClasses,
+  carouselDotClasses,
+  carouselDotsBaseClasses,
+  carouselDotsPositionClasses,
+  carouselNextArrowClasses,
+  carouselNextArrowPath,
+  carouselPrevArrowClasses,
+  carouselPrevArrowPath,
+  carouselSlideBaseClasses,
+  carouselSlideFadeClasses,
+  carouselTrackFadeClasses,
+  carouselTrackScrollClasses,
   chartAxisLabelClasses,
   chartAxisLineClasses,
   chartAxisTickLineClasses,
@@ -5887,6 +6248,7 @@ export {
   chevronLeftSolidIcon20PathD,
   chevronRightSolidIcon20PathD,
   clampPercentage,
+  clampSlideIndex,
   classNames,
   clearFieldErrors,
   clockSolidIcon20PathD,
@@ -5902,6 +6264,21 @@ export {
   codeBlockPreClasses,
   coerceClassValue,
   coerceStyleValue,
+  collapseBaseClasses,
+  collapseBorderlessClasses,
+  collapseExtraClasses,
+  collapseGhostClasses,
+  collapseHeaderTextClasses,
+  collapseIconBaseClasses,
+  collapseIconExpandedClasses,
+  collapseIconPositionClasses,
+  collapsePanelBaseClasses,
+  collapsePanelContentBaseClasses,
+  collapsePanelContentWrapperClasses,
+  collapsePanelHeaderActiveClasses,
+  collapsePanelHeaderBaseClasses,
+  collapsePanelHeaderDisabledClasses,
+  collapseRightArrowIcon,
   computeFloatingPosition,
   containerBaseClasses,
   containerCenteredClasses,
@@ -5967,6 +6344,7 @@ export {
   filterData,
   filterOptions,
   filterTreeNodes,
+  findActiveAnchor,
   findNode,
   flattenTree,
   focusElement,
@@ -5994,6 +6372,12 @@ export {
   getAlertTypeClasses,
   getAlignClasses,
   getAllKeys,
+  getAnchorInkActiveClasses,
+  getAnchorInkContainerClasses,
+  getAnchorLinkClasses,
+  getAnchorLinkListClasses,
+  getAnchorTargetElement,
+  getAnchorWrapperClasses,
   getArrowStyles,
   getAutoExpandKeys,
   getBadgeVariantClasses,
@@ -6004,6 +6388,10 @@ export {
   getButtonVariantClasses,
   getCalendarDays,
   getCardClasses,
+  getCarouselArrowClasses,
+  getCarouselContainerClasses,
+  getCarouselDotClasses,
+  getCarouselDotsClasses,
   getChartAnimationStyle,
   getChartAxisTicks,
   getChartElementOpacity,
@@ -6017,7 +6405,13 @@ export {
   getCircleSize,
   getColOrderStyleVars,
   getColStyleVars,
+  getCollapseContainerClasses,
+  getCollapseIconClasses,
+  getCollapsePanelClasses,
+  getCollapsePanelHeaderClasses,
   getContainerClasses,
+  getContainerHeight,
+  getContainerScrollTop,
   getCurrentTime,
   getDatePickerDayCellClasses,
   getDatePickerIconButtonClasses,
@@ -6048,6 +6442,7 @@ export {
   getDropdownMenuClasses,
   getDropdownMenuWrapperClasses,
   getDropdownTriggerClasses,
+  getElementOffsetTop,
   getErrorFields,
   getFieldError,
   getFileListItemClasses,
@@ -6085,6 +6480,7 @@ export {
   getModalContentClasses,
   getMonthNames,
   getNextActiveKey,
+  getNextSlideIndex,
   getNotificationIconPath,
   getNotificationTypeClasses,
   getNumberExtent,
@@ -6125,6 +6521,7 @@ export {
   getPopoverContentTextClasses,
   getPopoverTitleClasses,
   getPopoverTriggerClasses,
+  getPrevSlideIndex,
   getProgressTextColorClasses,
   getProgressVariantClasses,
   getQuickJumperInputClasses,
@@ -6136,6 +6533,8 @@ export {
   getRadioLabelClasses,
   getRadioVisualClasses,
   getRowKey,
+  getScrollTop,
+  getScrollTransform,
   getSecureRel,
   getSelectOptionClasses,
   getSelectSizeClasses,
@@ -6241,7 +6640,10 @@ export {
   isKeyActive,
   isKeyOpen,
   isKeySelected,
+  isNextDisabled,
   isOptionGroup,
+  isPanelActive,
+  isPrevDisabled,
   isSameDay,
   isSpaceKey,
   isTabKey,
@@ -6328,6 +6730,7 @@ export {
   modalSizeClasses,
   modalTitleClasses,
   modalWrapperClasses,
+  normalizeActiveKeys,
   normalizeChartPadding,
   normalizeDate,
   normalizeSvgAttrs,
@@ -6381,6 +6784,8 @@ export {
   replaceKeys,
   resolveLocaleText,
   restoreFocus,
+  scrollToAnchor,
+  scrollToTop,
   selectBaseClasses,
   selectDropdownBaseClasses,
   selectEmptyStateClasses,
@@ -6495,6 +6900,7 @@ export {
   to12HourFormat,
   to24HourFormat,
   toggleKey,
+  togglePanelKey,
   treeBaseClasses,
   treeEmptyStateClasses,
   treeLineClasses,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-core",
-  "version": "0.2.10",
+  "version": "0.2.27",
   "type": "module",
   "description": "Core utilities for Tigercat UI library",
   "license": "MIT",