@underverse-ui/underverse 0.1.34 → 0.1.37

package/dist/index.js

@@ -70,6 +70,7 @@ var Button = forwardRef(
     lockMs = 600,
     asContainer = false,
     noWrap = true,
+    noHoverOverlay = false,
     ...rest
   }, ref) => {
     const baseStyles = asContainer ? "relative inline-flex justify-center rounded-md font-medium transition-colors duration-150 ease-soft outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background active:translate-y-px" : "relative inline-flex items-center justify-center gap-2 rounded-md font-medium overflow-hidden transition-colors duration-150 ease-soft outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background active:translate-y-px";
@@ -131,7 +132,7 @@ var Button = forwardRef(
         "aria-label": rest["aria-label"] || title,
         ...rest,
         children: [
-          /* @__PURE__ */ jsx("span", { className: "absolute inset-0 bg-gradient-to-r from-primary-foreground/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-200" }),
+          !noHoverOverlay && /* @__PURE__ */ jsx("span", { className: "absolute inset-0 bg-gradient-to-r from-primary-foreground/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-200" }),
           loading2 ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(SpinnerIcon, { className: "w-4 h-4 animate-spin" }),
             loadingText && /* @__PURE__ */ jsx("span", { className: "ml-2", "aria-live": "polite", children: loadingText }),
@@ -6751,78 +6752,610 @@ function ImageUpload({
 
 // ../../components/ui/Carousel.tsx
 import * as React27 from "react";
-import { ArrowLeft, ArrowRight } from "lucide-react";
+import { ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight5 } from "lucide-react";
 import { Fragment as Fragment9, jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
-function Carousel({ children, autoScroll = true, autoScrollInterval = 5e3 }) {
+function Carousel({
+  children,
+  autoScroll = true,
+  autoScrollInterval = 5e3,
+  animation = "slide",
+  orientation = "horizontal",
+  showArrows = true,
+  showDots = true,
+  showProgress = false,
+  showThumbnails = false,
+  loop = true,
+  slidesToShow = 1,
+  slidesToScroll = 1,
+  className,
+  containerClassName,
+  slideClassName,
+  onSlideChange,
+  thumbnailRenderer,
+  ariaLabel = "Carousel"
+}) {
   const [currentIndex, setCurrentIndex] = React27.useState(0);
-  const totalSlides = React27.Children.count(children);
   const [isPaused, setIsPaused] = React27.useState(false);
+  const [isDragging, setIsDragging] = React27.useState(false);
+  const [startPos, setStartPos] = React27.useState(0);
+  const [currentTranslate, setCurrentTranslate] = React27.useState(0);
+  const [prevTranslate, setPrevTranslate] = React27.useState(0);
+  const progressElRef = React27.useRef(null);
+  const carouselRef = React27.useRef(null);
+  const rafRef = React27.useRef(null);
+  const totalSlides = React27.Children.count(children);
+  const maxIndex = Math.max(0, totalSlides - slidesToShow);
+  const isHorizontal = orientation === "horizontal";
   const scrollPrev = React27.useCallback(() => {
-    setCurrentIndex((prev) => prev > 0 ? prev - 1 : totalSlides - 1);
-  }, [totalSlides]);
+    setCurrentIndex((prev) => {
+      if (prev === 0) {
+        return loop ? maxIndex : 0;
+      }
+      return Math.max(0, prev - slidesToScroll);
+    });
+  }, [loop, maxIndex, slidesToScroll]);
   const scrollNext = React27.useCallback(() => {
-    setCurrentIndex((prev) => prev < totalSlides - 1 ? prev + 1 : 0);
-  }, [totalSlides]);
+    setCurrentIndex((prev) => {
+      if (prev >= maxIndex) {
+        return loop ? 0 : maxIndex;
+      }
+      return Math.min(maxIndex, prev + slidesToScroll);
+    });
+  }, [loop, maxIndex, slidesToScroll]);
+  const scrollTo = React27.useCallback(
+    (index) => {
+      setCurrentIndex(Math.min(maxIndex, Math.max(0, index)));
+    },
+    [maxIndex]
+  );
   React27.useEffect(() => {
-    if (!autoScroll || isPaused || totalSlides <= 1) return;
-    const interval = setInterval(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
+        e.preventDefault();
+        scrollPrev();
+      } else if (e.key === "ArrowRight" || e.key === "ArrowDown") {
+        e.preventDefault();
+        scrollNext();
+      } else if (e.key === "Home") {
+        e.preventDefault();
+        scrollTo(0);
+      } else if (e.key === "End") {
+        e.preventDefault();
+        scrollTo(maxIndex);
+      }
+    };
+    const carousel = carouselRef.current;
+    if (carousel) {
+      carousel.addEventListener("keydown", handleKeyDown);
+      return () => carousel.removeEventListener("keydown", handleKeyDown);
+    }
+  }, [scrollPrev, scrollNext, scrollTo, maxIndex]);
+  React27.useEffect(() => {
+    const stop = () => {
+      if (rafRef.current != null) {
+        cancelAnimationFrame(rafRef.current);
+        rafRef.current = null;
+      }
+      if (progressElRef.current) progressElRef.current.style.width = "0%";
+    };
+    if (!autoScroll || isPaused || totalSlides <= slidesToShow) {
+      stop();
+      return;
+    }
+    let start = performance.now();
+    const tick = (now) => {
+      const elapsed = now - start;
+      const ratio = Math.min(1, elapsed / autoScrollInterval);
+      if (progressElRef.current) {
+        progressElRef.current.style.width = `${ratio * 100}%`;
+      }
+      if (ratio >= 1) {
+        scrollNext();
+        start = performance.now();
+      }
+      rafRef.current = requestAnimationFrame(tick);
+    };
+    rafRef.current = requestAnimationFrame(tick);
+    return stop;
+  }, [autoScroll, isPaused, totalSlides, slidesToShow, autoScrollInterval, scrollNext]);
+  const getPositionX = (event) => {
+    return event.type.includes("mouse") ? event.pageX : event.touches[0].clientX;
+  };
+  const getPositionY = (event) => {
+    return event.type.includes("mouse") ? event.pageY : event.touches[0].clientY;
+  };
+  const touchStart = (event) => {
+    setIsDragging(true);
+    const pos = isHorizontal ? getPositionX(event.nativeEvent) : getPositionY(event.nativeEvent);
+    setStartPos(pos);
+    setPrevTranslate(currentTranslate);
+  };
+  const touchMove = (event) => {
+    if (!isDragging) return;
+    const pos = isHorizontal ? getPositionX(event.nativeEvent) : getPositionY(event.nativeEvent);
+    const currentPosition = pos;
+    setCurrentTranslate(prevTranslate + currentPosition - startPos);
+  };
+  const touchEnd = () => {
+    if (!isDragging) return;
+    setIsDragging(false);
+    const movedBy = currentTranslate - prevTranslate;
+    const threshold = 50;
+    if (movedBy < -threshold && currentIndex < maxIndex) {
       scrollNext();
-    }, autoScrollInterval);
-    return () => clearInterval(interval);
-  }, [autoScroll, isPaused, totalSlides, autoScrollInterval, scrollNext]);
-  return /* @__PURE__ */ jsxs30("div", { className: "relative w-full overflow-hidden", onMouseEnter: () => setIsPaused(true), onMouseLeave: () => setIsPaused(false), children: [
-    /* @__PURE__ */ jsx35("div", { className: "flex transition-transform duration-500 ease-in-out", style: { transform: `translateX(-${currentIndex * 100}%)` }, children: React27.Children.map(children, (child, idx) => /* @__PURE__ */ jsx35("div", { className: "flex-shrink-0 w-full h-full", children: child }, idx)) }),
-    totalSlides > 1 && /* @__PURE__ */ jsxs30(Fragment9, { children: [
-      /* @__PURE__ */ jsx35(
-        Button_default,
-        {
-          onClick: scrollPrev,
-          variant: "outline",
-          size: "icon",
-          icon: ArrowLeft,
-          className: "absolute left-4 top-1/2 -translate-y-1/2 hover:-translate-y-1/2 z-10 rounded-full will-change-transform bg-background/80 hover:bg-background border-border/50 hover:border-border text-foreground"
-        }
+    } else if (movedBy > threshold && currentIndex > 0) {
+      scrollPrev();
+    }
+    setCurrentTranslate(0);
+    setPrevTranslate(0);
+  };
+  React27.useEffect(() => {
+    onSlideChange?.(currentIndex);
+  }, [currentIndex, onSlideChange]);
+  const getAnimationStyles = () => {
+    const baseTransform = isHorizontal ? `translateX(-${currentIndex * (100 / slidesToShow)}%)` : `translateY(-${currentIndex * (100 / slidesToShow)}%)`;
+    if (animation === "fade") {
+      return {
+        transition: "opacity 500ms ease-in-out"
+      };
+    }
+    if (animation === "scale") {
+      return {
+        transform: baseTransform,
+        transition: "transform 500ms ease-in-out, scale 500ms ease-in-out"
+      };
+    }
+    return {
+      transform: baseTransform,
+      transition: isDragging ? "none" : "transform 500ms ease-in-out"
+    };
+  };
+  const slideWidth = 100 / slidesToShow;
+  return /* @__PURE__ */ jsxs30(
+    "div",
+    {
+      ref: carouselRef,
+      className: cn("relative w-full overflow-hidden focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 rounded-lg", className),
+      onMouseEnter: () => setIsPaused(true),
+      onMouseLeave: () => setIsPaused(false),
+      role: "region",
+      "aria-label": ariaLabel,
+      "aria-roledescription": "carousel",
+      tabIndex: 0,
+      children: [
+        showProgress && autoScroll && /* @__PURE__ */ jsx35("div", { className: "absolute top-0 left-0 right-0 h-1 bg-muted z-20", children: /* @__PURE__ */ jsx35("div", { ref: progressElRef, className: "h-full bg-primary", style: { width: "0%" } }) }),
+        /* @__PURE__ */ jsx35(
+          "div",
+          {
+            className: cn("flex", isHorizontal ? "flex-row" : "flex-col", containerClassName),
+            style: getAnimationStyles(),
+            onTouchStart: touchStart,
+            onTouchMove: touchMove,
+            onTouchEnd: touchEnd,
+            onMouseDown: touchStart,
+            onMouseMove: touchMove,
+            onMouseUp: touchEnd,
+            onMouseLeave: touchEnd,
+            role: "group",
+            "aria-atomic": "false",
+            "aria-live": autoScroll ? "off" : "polite",
+            children: React27.Children.map(children, (child, idx) => /* @__PURE__ */ jsx35(
+              "div",
+              {
+                className: cn(
+                  "flex-shrink-0",
+                  isHorizontal ? "h-full" : "w-full",
+                  animation === "fade" && idx !== currentIndex && "opacity-0",
+                  animation === "scale" && idx !== currentIndex && "scale-95",
+                  slideClassName
+                ),
+                style: {
+                  [isHorizontal ? "width" : "height"]: `${slideWidth}%`
+                },
+                role: "group",
+                "aria-roledescription": "slide",
+                "aria-label": `${idx + 1} of ${totalSlides}`,
+                "aria-hidden": idx < currentIndex || idx >= currentIndex + slidesToShow,
+                children: child
+              },
+              idx
+            ))
+          }
+        ),
+        showArrows && totalSlides > slidesToShow && /* @__PURE__ */ jsxs30(Fragment9, { children: [
+          /* @__PURE__ */ jsx35(
+            Button_default,
+            {
+              onClick: scrollPrev,
+              variant: "ghost",
+              size: "icon",
+              icon: ChevronLeft3,
+              noHoverOverlay: true,
+              disabled: !loop && currentIndex === 0,
+              className: cn(
+                "absolute top-1/2 -translate-y-1/2 hover:-translate-y-1/2 active:-translate-y-1/2 z-10 rounded-full will-change-transform backdrop-blur-0 hover:backdrop-blur-0 hover:bg-transparent border-0",
+                isHorizontal ? "left-4" : "top-4 left-1/2 -translate-x-1/2 rotate-90"
+              ),
+              "aria-label": "Previous slide"
+            }
+          ),
+          /* @__PURE__ */ jsx35(
+            Button_default,
+            {
+              onClick: scrollNext,
+              variant: "ghost",
+              size: "icon",
+              icon: ChevronRight5,
+              noHoverOverlay: true,
+              disabled: !loop && currentIndex >= maxIndex,
+              className: cn(
+                "absolute top-1/2 -translate-y-1/2 hover:-translate-y-1/2 active:-translate-y-1/2 z-10 rounded-full will-change-transform backdrop-blur-0 hover:backdrop-blur-0 hover:bg-transparent border-0",
+                isHorizontal ? "right-4" : "bottom-4 left-1/2 -translate-x-1/2 rotate-90"
+              ),
+              "aria-label": "Next slide"
+            }
+          )
+        ] }),
+        showDots && totalSlides > slidesToShow && /* @__PURE__ */ jsx35(
+          "div",
+          {
+            className: cn(
+              "absolute flex gap-2 z-10",
+              isHorizontal ? "bottom-4 left-1/2 -translate-x-1/2 flex-row" : "right-4 top-1/2 -translate-y-1/2 flex-col"
+            ),
+            role: "tablist",
+            "aria-label": "Carousel pagination",
+            children: Array.from({ length: maxIndex + 1 }, (_, idx) => /* @__PURE__ */ jsx35(
+              "button",
+              {
+                onClick: () => scrollTo(idx),
+                className: cn(
+                  "rounded-full transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2",
+                  isHorizontal ? "w-2 h-2" : "w-2 h-2",
+                  idx === currentIndex ? `bg-primary ${isHorizontal ? "w-6" : "h-6"}` : "bg-muted-foreground/50 hover:bg-muted-foreground/75"
+                ),
+                "aria-label": `Go to slide ${idx + 1}`,
+                "aria-selected": idx === currentIndex,
+                role: "tab"
+              },
+              idx
+            ))
+          }
+        ),
+        showThumbnails && totalSlides > slidesToShow && /* @__PURE__ */ jsx35(
+          "div",
+          {
+            className: cn(
+              "absolute bottom-0 left-0 right-0 flex gap-2 p-4 bg-gradient-to-t from-black/50 to-transparent overflow-x-auto",
+              isHorizontal ? "flex-row" : "flex-col"
+            ),
+            children: React27.Children.map(children, (child, idx) => /* @__PURE__ */ jsx35(
+              "button",
+              {
+                onClick: () => scrollTo(idx),
+                className: cn(
+                  "flex-shrink-0 w-16 h-16 rounded-md overflow-hidden border-2 transition-all focus:outline-none focus:ring-2 focus:ring-primary",
+                  idx === currentIndex ? "border-primary scale-110" : "border-transparent opacity-70 hover:opacity-100"
+                ),
+                "aria-label": `Thumbnail ${idx + 1}`,
+                children: thumbnailRenderer ? thumbnailRenderer(child, idx) : child
+              },
+              idx
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+
+// ../../components/ui/FallingIcons.tsx
+import React28 from "react";
+import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
+var DEFAULT_COUNT = 24;
+var DEFAULT_SPEED_RANGE = [6, 14];
+var DEFAULT_SIZE_RANGE = [14, 28];
+function FallingIcons({
+  icon: Icon,
+  imageUrl,
+  count = DEFAULT_COUNT,
+  className,
+  areaClassName,
+  colorClassName,
+  zIndex = 10,
+  speedRange = DEFAULT_SPEED_RANGE,
+  sizeRange = DEFAULT_SIZE_RANGE,
+  horizontalDrift = 24,
+  spin = true,
+  fullScreen = false,
+  randomizeEachLoop = true,
+  // Modern UI enhancements
+  glow = false,
+  glowColor = "currentColor",
+  glowIntensity = 0.5,
+  trail = false,
+  trailLength = 3,
+  physics,
+  easingFunction = "linear"
+}) {
+  const uid = React28.useId().replace(/[:]/g, "");
+  const containerRef = React28.useRef(null);
+  const [fallDist, setFallDist] = React28.useState(null);
+  const idRef = React28.useRef(1);
+  const gravity = physics?.gravity ?? 1;
+  const windDirection = physics?.windDirection ?? 0;
+  const windStrength = physics?.windStrength ?? 0;
+  const physicsRotation = physics?.rotation ?? false;
+  const easingMap = {
+    linear: "linear",
+    ease: "ease",
+    "ease-in": "ease-in",
+    "ease-out": "ease-out",
+    "ease-in-out": "ease-in-out",
+    bounce: "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
+    elastic: "cubic-bezier(0.175, 0.885, 0.32, 1.275)"
+  };
+  const makeParticle = React28.useCallback(() => {
+    const rnd = (min, max) => min + Math.random() * (max - min);
+    return {
+      leftPct: rnd(0, 100),
+      size: rnd(sizeRange[0], sizeRange[1]),
+      fallDur: rnd(speedRange[0], speedRange[1]) / gravity,
+      // Apply gravity to speed
+      delay: rnd(-10, 0),
+      driftAmp: rnd(horizontalDrift * 0.5, horizontalDrift) + windDirection * windStrength * 50,
+      // Apply wind
+      spinDur: rnd(2, 6),
+      key: idRef.current++
+    };
+  }, [sizeRange, speedRange, horizontalDrift, gravity, windDirection, windStrength]);
+  const [particles, setParticles] = React28.useState([]);
+  React28.useEffect(() => {
+    const arr = Array.from({ length: Math.max(0, count) }).map(() => makeParticle());
+    setParticles(arr);
+  }, [count, makeParticle]);
+  React28.useEffect(() => {
+    if (fullScreen) {
+      const measure2 = () => setFallDist(window.innerHeight + 200);
+      measure2();
+      window.addEventListener("resize", measure2);
+      return () => window.removeEventListener("resize", measure2);
+    }
+    const el = containerRef.current;
+    if (!el) return;
+    const measure = () => setFallDist(el.offsetHeight + 200);
+    measure();
+    const ResizeObserverCtor = window.ResizeObserver;
+    if (ResizeObserverCtor) {
+      const ro = new ResizeObserverCtor(measure);
+      ro.observe(el);
+      return () => ro.disconnect();
+    }
+    window.addEventListener("resize", measure);
+    return () => window.removeEventListener("resize", measure);
+  }, [fullScreen]);
+  const FallName = `uv-fall-${uid}`;
+  const SwayName = `uv-sway-${uid}`;
+  const SpinName = `uv-spin-${uid}`;
+  const PopName = `uv-pop-${uid}`;
+  const PhysicsSpinName = `uv-physics-spin-${uid}`;
+  const glowStyles = React28.useMemo(() => {
+    if (!glow) return {};
+    const intensity = Math.max(0, Math.min(1, glowIntensity));
+    return {
+      filter: `drop-shadow(0 0 ${4 * intensity}px ${glowColor}) drop-shadow(0 0 ${8 * intensity}px ${glowColor})`
+    };
+  }, [glow, glowColor, glowIntensity]);
+  const FallbackIcon = React28.useMemo(() => (props) => /* @__PURE__ */ jsx36("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx36("circle", { cx: "12", cy: "12", r: "10" }) }), []);
+  const TheIcon = imageUrl ? ({ className: imgClassName }) => /* @__PURE__ */ jsx36(
+    "img",
+    {
+      src: imageUrl,
+      alt: "",
+      className: cn("w-full h-full object-cover rounded-sm", imgClassName),
+      draggable: false
+    }
+  ) : Icon || FallbackIcon;
+  return /* @__PURE__ */ jsxs31(
+    "div",
+    {
+      ref: containerRef,
+      className: cn(
+        fullScreen ? "fixed inset-0 overflow-hidden pointer-events-none" : "relative w-full h-full overflow-hidden",
+        areaClassName
       ),
-      /* @__PURE__ */ jsx35(
-        Button_default,
-        {
-          onClick: scrollNext,
-          variant: "outline",
-          size: "icon",
-          icon: ArrowRight,
-          className: "absolute right-4 top-1/2 -translate-y-1/2 hover:-translate-y-1/2 z-10 rounded-full will-change-transform bg-background/80 hover:bg-background border-border/50 hover:border-border text-foreground"
+      style: { zIndex },
+      children: [
+        /* @__PURE__ */ jsx36("style", { children: `
+        @keyframes ${FallName} {
+          0% { transform: translate3d(0, -10vh, 0); opacity: 0; }
+          10% { opacity: 1; }
+          100% { transform: translate3d(0, var(--fall, 120vh), 0); opacity: 0.95; }
         }
-      )
-    ] }),
-    totalSlides > 1 && /* @__PURE__ */ jsx35("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2", children: Array.from({ length: totalSlides }, (_, idx) => /* @__PURE__ */ jsx35(
-      "button",
-      {
-        onClick: () => setCurrentIndex(idx),
-        className: `w-2 h-2 rounded-full transition-all ${idx === currentIndex ? "bg-primary w-6" : "bg-muted-foreground/50 hover:bg-muted-foreground/75"}`,
-        "aria-label": `Go to slide ${idx + 1}`
-      },
-      idx
-    )) })
-  ] });
+        @keyframes ${SwayName} {
+          0% { transform: translateX(0); }
+          50% { transform: translateX(var(--amp, 16px)); }
+          100% { transform: translateX(0); }
+        }
+        @keyframes ${SpinName} {
+          0% { transform: rotate(0deg); }
+          100% { transform: rotate(360deg); }
+        }
+        @keyframes ${PopName} {
+          0% { opacity: 1; transform: scale(1); }
+          100% { opacity: 0; transform: scale(0.3); }
+        }
+        @keyframes ${PhysicsSpinName} {
+          0% { transform: rotate(0deg) scale(1); }
+          25% { transform: rotate(90deg) scale(1.05); }
+          50% { transform: rotate(180deg) scale(1); }
+          75% { transform: rotate(270deg) scale(1.05); }
+          100% { transform: rotate(360deg) scale(1); }
+        }
+        @media (prefers-reduced-motion: reduce) {
+          .uv-falling-particle {
+            animation-duration: 0.01ms !important;
+            animation-iteration-count: 1 !important;
+          }
+        }
+      ` }),
+        /* @__PURE__ */ jsx36(
+          "div",
+          {
+            className: cn(
+              "absolute inset-0 pointer-events-none",
+              className
+            ),
+            "aria-hidden": true,
+            children: particles.map((p, i) => {
+              const swayDuration = p.fallDur * (0.8 + i % 5 * 0.05);
+              const spinDuration = Math.max(1, p.spinDur);
+              const handlePop = () => {
+                setParticles((prev) => {
+                  const next = prev.slice();
+                  const np = makeParticle();
+                  np.delay = -Math.random() * 8;
+                  next[i] = np;
+                  return next;
+                });
+              };
+              const trailParticles = trail ? Array.from({ length: Math.min(5, Math.max(1, trailLength)) }) : [];
+              return /* @__PURE__ */ jsxs31(React28.Fragment, { children: [
+                trail && trailParticles.map((_, trailIndex) => {
+                  const trailDelay = p.delay - (trailIndex + 1) * 0.15;
+                  const trailOpacity = 1 - (trailIndex + 1) * (1 / (trailParticles.length + 1));
+                  const trailScale = 1 - (trailIndex + 1) * 0.15;
+                  return /* @__PURE__ */ jsx36(
+                    "span",
+                    {
+                      className: cn("absolute top-0 will-change-transform pointer-events-none uv-falling-particle", colorClassName),
+                      style: {
+                        left: `${p.leftPct}%`,
+                        animationDelay: `${trailDelay}s`,
+                        animationDuration: `${p.fallDur}s`,
+                        animationName: FallName,
+                        animationTimingFunction: easingMap[easingFunction] || "linear",
+                        animationIterationCount: "infinite",
+                        opacity: trailOpacity * 0.4,
+                        ["--fall"]: `${fallDist ?? (typeof window !== "undefined" ? window.innerHeight + 200 : 1200)}px`
+                      },
+                      children: /* @__PURE__ */ jsx36(
+                        "span",
+                        {
+                          className: "inline-block uv-sway",
+                          style: {
+                            transform: `translateX(-50%) scale(${trailScale})`,
+                            animationName: SwayName,
+                            animationDuration: `${swayDuration}s`,
+                            animationTimingFunction: "ease-in-out",
+                            animationIterationCount: "infinite",
+                            ["--amp"]: `${Math.round(p.driftAmp)}px`
+                          },
+                          children: /* @__PURE__ */ jsx36(
+                            "span",
+                            {
+                              className: "block",
+                              style: {
+                                width: p.size,
+                                height: p.size,
+                                ...glowStyles
+                              },
+                              children: /* @__PURE__ */ jsx36(TheIcon, { className: cn("w-full h-full text-primary/70", colorClassName) })
+                            }
+                          )
+                        }
+                      )
+                    },
+                    `${p.key}-trail-${trailIndex}`
+                  );
+                }),
+                /* @__PURE__ */ jsx36(
+                  "span",
+                  {
+                    className: cn("absolute top-0 will-change-transform pointer-events-auto uv-falling-particle", colorClassName),
+                    style: {
+                      left: `${p.leftPct}%`,
+                      animationDelay: `${p.delay}s`,
+                      animationDuration: `${p.fallDur}s`,
+                      animationName: FallName,
+                      animationTimingFunction: easingMap[easingFunction] || "linear",
+                      animationIterationCount: "infinite",
+                      ["--fall"]: `${fallDist ?? (typeof window !== "undefined" ? window.innerHeight + 200 : 1200)}px`
+                    },
+                    onMouseEnter: handlePop,
+                    onAnimationIteration: (ev) => {
+                      if (ev.currentTarget !== ev.target) return;
+                      if (!randomizeEachLoop) return;
+                      if (ev.animationName !== FallName) return;
+                      setParticles((prev) => {
+                        const next = prev.slice();
+                        const np = makeParticle();
+                        np.delay = -Math.random() * 4;
+                        next[i] = np;
+                        return next;
+                      });
+                    },
+                    children: /* @__PURE__ */ jsx36(
+                      "span",
+                      {
+                        className: "inline-block uv-sway",
+                        style: {
+                          transform: `translateX(-50%)`,
+                          animationName: SwayName,
+                          animationDuration: `${swayDuration}s`,
+                          animationTimingFunction: "ease-in-out",
+                          animationIterationCount: "infinite",
+                          ["--amp"]: `${Math.round(p.driftAmp)}px`
+                        },
+                        children: /* @__PURE__ */ jsx36(
+                          "span",
+                          {
+                            className: cn(
+                              "block uv-spin hover:[animation:var(--popName)_0.35s_ease-out_forwards]",
+                              physicsRotation ? "[animation:var(--physicsSpinName)_var(--spinDur)_ease-in-out_infinite]" : spin && "[animation:var(--spinName)_var(--spinDur)_linear_infinite]"
+                            ),
+                            style: {
+                              width: p.size,
+                              height: p.size,
+                              ["--spinName"]: SpinName,
+                              ["--physicsSpinName"]: PhysicsSpinName,
+                              ["--spinDur"]: `${spinDuration}s`,
+                              ["--popName"]: PopName,
+                              ...glowStyles
+                            },
+                            children: /* @__PURE__ */ jsx36(TheIcon, { className: cn("w-full h-full text-primary/70", colorClassName) })
+                          }
+                        )
+                      }
+                    )
+                  }
+                )
+              ] }, p.key);
+            })
+          }
+        )
+      ]
+    }
+  );
 }
 
 // ../../components/ui/ClientOnly.tsx
 import { useEffect as useEffect14, useState as useState25 } from "react";
-import { Fragment as Fragment10, jsx as jsx36 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx37 } from "react/jsx-runtime";
 function ClientOnly({ children, fallback = null }) {
   const [hasMounted, setHasMounted] = useState25(false);
   useEffect14(() => {
     setHasMounted(true);
   }, []);
   if (!hasMounted) {
-    return /* @__PURE__ */ jsx36(Fragment10, { children: fallback });
+    return /* @__PURE__ */ jsx37(Fragment10, { children: fallback });
   }
-  return /* @__PURE__ */ jsx36(Fragment10, { children });
+  return /* @__PURE__ */ jsx37(Fragment10, { children });
 }
 
 // ../../components/ui/Loading.tsx
 import { Activity as Activity3 } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
 var LoadingSpinner = ({
   size = "md",
   className,
@@ -6838,7 +7371,7 @@ var LoadingSpinner = ({
     foreground: "text-foreground",
     muted: "text-muted-foreground"
   };
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     Activity3,
     {
       className: cn(
@@ -6859,7 +7392,7 @@ var LoadingDots = ({
     foreground: "bg-foreground",
     muted: "bg-muted-foreground"
   };
-  return /* @__PURE__ */ jsx37("div", { className: cn("flex items-center space-x-1", className), children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38("div", { className: cn("flex items-center space-x-1", className), children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx38(
     "div",
     {
       className: cn(
@@ -6881,7 +7414,7 @@ var LoadingBar = ({
   label
 }) => {
   const pct = progress ? Math.min(Math.max(progress, 0), 100) : void 0;
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       className: cn("w-full bg-muted rounded-full h-2", className),
@@ -6890,7 +7423,7 @@ var LoadingBar = ({
       "aria-valuemax": pct === void 0 ? void 0 : 100,
       "aria-valuenow": pct === void 0 ? void 0 : Math.round(pct),
       "aria-label": label || "Loading",
-      children: /* @__PURE__ */ jsx37(
+      children: /* @__PURE__ */ jsx38(
         "div",
         {
           className: cn(
@@ -6907,10 +7440,10 @@ var LoadingBar = ({
 };
 
 // ../../components/ui/Table.tsx
-import React28 from "react";
-import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
-var Table = React28.forwardRef(
-  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx38(
+import React29 from "react";
+import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
+var Table = React29.forwardRef(
+  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx39(
     "div",
     {
       className: cn(
@@ -6920,7 +7453,7 @@ var Table = React28.forwardRef(
         "backdrop-blur-sm transition-all duration-300",
         containerClassName
       ),
-      children: /* @__PURE__ */ jsx38(
+      children: /* @__PURE__ */ jsx39(
         "table",
         {
           ref,
@@ -6932,8 +7465,8 @@ var Table = React28.forwardRef(
   )
 );
 Table.displayName = "Table";
-var TableHeader = React28.forwardRef(
-  ({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ jsxs32(
+var TableHeader = React29.forwardRef(
+  ({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ jsxs33(
     "thead",
     {
       ref,
@@ -6951,7 +7484,7 @@ var TableHeader = React28.forwardRef(
   )
 );
 TableHeader.displayName = "TableHeader";
-var TableBody = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var TableBody = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   "tbody",
   {
     ref,
@@ -6960,7 +7493,7 @@ var TableBody = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var TableFooter = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   "tfoot",
   {
     ref,
@@ -6972,7 +7505,7 @@ var TableFooter = React28.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var TableRow = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   "tr",
   {
     ref,
@@ -6986,7 +7519,7 @@ var TableRow = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var TableHead = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   "th",
   {
     ref,
@@ -6998,7 +7531,7 @@ var TableHead = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var TableCell = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   "td",
   {
     ref,
@@ -7007,7 +7540,7 @@ var TableCell = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var TableCaption = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   "caption",
   {
     ref,
@@ -7019,12 +7552,12 @@ TableCaption.displayName = "TableCaption";
 
 // ../../components/ui/DataTable.tsx
 import { Filter as FilterIcon } from "lucide-react";
-import React29 from "react";
+import React30 from "react";
 import { useTranslations as useTranslations7 } from "next-intl";
-import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
 function useDebounced(value, delay = 300) {
-  const [debounced, setDebounced] = React29.useState(value);
-  React29.useEffect(() => {
+  const [debounced, setDebounced] = React30.useState(value);
+  React30.useEffect(() => {
     const id = setTimeout(() => setDebounced(value), delay);
     return () => clearTimeout(id);
   }, [value, delay]);
@@ -7051,20 +7584,20 @@ function DataTable({
   labels
 }) {
   const t = useTranslations7("Common");
-  const [visibleCols, setVisibleCols] = React29.useState(() => columns.filter((c) => c.visible !== false).map((c) => c.key));
-  const [filters, setFilters] = React29.useState({});
-  const [sort, setSort] = React29.useState(null);
-  const [density, setDensity] = React29.useState("normal");
-  const [curPage, setCurPage] = React29.useState(page);
-  const [curPageSize, setCurPageSize] = React29.useState(pageSize);
+  const [visibleCols, setVisibleCols] = React30.useState(() => columns.filter((c) => c.visible !== false).map((c) => c.key));
+  const [filters, setFilters] = React30.useState({});
+  const [sort, setSort] = React30.useState(null);
+  const [density, setDensity] = React30.useState("normal");
+  const [curPage, setCurPage] = React30.useState(page);
+  const [curPageSize, setCurPageSize] = React30.useState(pageSize);
   const debouncedFilters = useDebounced(filters, 350);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     setCurPage(page);
   }, [page]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     setCurPageSize(pageSize);
   }, [pageSize]);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (!onQueryChange) return;
     onQueryChange({ filters: debouncedFilters, sort, page: curPage, pageSize: curPageSize });
   }, [debouncedFilters, sort, curPage, curPageSize]);
@@ -7083,7 +7616,7 @@ function DataTable({
       className: "h-8 w-full text-sm"
     };
     if (col.filter.type === "text") {
-      return /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx40(
         Input_default,
         {
           ...commonProps,
@@ -7098,7 +7631,7 @@ function DataTable({
     }
     if (col.filter.type === "select") {
       const options = col.filter.options || [];
-      return /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx40(
         Combobox,
         {
           options: ["", ...options],
@@ -7114,7 +7647,7 @@ function DataTable({
       );
     }
     if (col.filter.type === "date") {
-      return /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx40(
         DatePicker,
         {
           placeholder: col.filter.placeholder || `Select ${String(col.title)}`,
@@ -7128,7 +7661,7 @@ function DataTable({
     }
     return null;
   };
-  const renderHeader = /* @__PURE__ */ jsx39(TableRow, { children: visibleColumns.map((col, colIdx) => /* @__PURE__ */ jsx39(
+  const renderHeader = /* @__PURE__ */ jsx40(TableRow, { children: visibleColumns.map((col, colIdx) => /* @__PURE__ */ jsx40(
     TableHead,
     {
       style: { width: col.width },
@@ -7137,10 +7670,10 @@ function DataTable({
         col.align === "center" && "text-center",
         columnDividers && colIdx > 0 && "border-l border-border/60"
       ),
-      children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-between gap-2 select-none min-h-[2.5rem]", children: [
-        /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-1 min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx39("span", { className: "truncate font-medium text-sm", children: col.title }),
-          col.sortable && /* @__PURE__ */ jsx39(
+      children: /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between gap-2 select-none min-h-[2.5rem]", children: [
+        /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-1 min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx40("span", { className: "truncate font-medium text-sm", children: col.title }),
+          col.sortable && /* @__PURE__ */ jsx40(
             "button",
             {
               className: cn(
@@ -7157,8 +7690,8 @@ function DataTable({
               },
               "aria-label": "Sort",
               title: `Sort by ${String(col.title)}`,
-              children: /* @__PURE__ */ jsxs33("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", className: "inline-block", children: [
-                /* @__PURE__ */ jsx39(
+              children: /* @__PURE__ */ jsxs34("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", className: "inline-block", children: [
+                /* @__PURE__ */ jsx40(
                   "path",
                   {
                     d: "M7 8l3-3 3 3",
@@ -7169,7 +7702,7 @@ function DataTable({
                     opacity: sort?.key === col.key && sort.order === "asc" ? 1 : 0.4
                   }
                 ),
-                /* @__PURE__ */ jsx39(
+                /* @__PURE__ */ jsx40(
                   "path",
                   {
                     d: "M7 12l3 3 3-3",
@@ -7184,11 +7717,11 @@ function DataTable({
             }
           )
         ] }),
-        col.filter && /* @__PURE__ */ jsx39(
+        col.filter && /* @__PURE__ */ jsx40(
           Popover,
           {
             placement: "bottom-start",
-            trigger: /* @__PURE__ */ jsx39(
+            trigger: /* @__PURE__ */ jsx40(
               "button",
               {
                 className: cn(
@@ -7198,16 +7731,16 @@ function DataTable({
                 ),
                 "aria-label": "Filter",
                 title: "Filter",
-                children: /* @__PURE__ */ jsx39(FilterIcon, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx40(FilterIcon, { className: "h-4 w-4" })
               }
             ),
-            children: /* @__PURE__ */ jsxs33("div", { className: "w-48 p-2 space-y-2", children: [
-              /* @__PURE__ */ jsxs33("div", { className: "text-xs font-medium text-muted-foreground mb-2", children: [
+            children: /* @__PURE__ */ jsxs34("div", { className: "w-48 p-2 space-y-2", children: [
+              /* @__PURE__ */ jsxs34("div", { className: "text-xs font-medium text-muted-foreground mb-2", children: [
                 "Filter ",
                 col.title
               ] }),
               renderFilterControl(col),
-              filters[col.key] && /* @__PURE__ */ jsx39(
+              filters[col.key] && /* @__PURE__ */ jsx40(
                 "button",
                 {
                   onClick: () => {
@@ -7230,20 +7763,20 @@ function DataTable({
     col.key
   )) });
   const isServerMode = Boolean(onQueryChange);
-  const displayedData = isServerMode ? data : React29.useMemo(() => {
+  const displayedData = isServerMode ? data : React30.useMemo(() => {
     const start = (curPage - 1) * curPageSize;
     return data.slice(start, start + curPageSize);
   }, [data, curPage, curPageSize]);
   const totalItems = isServerMode ? total : data.length;
-  return /* @__PURE__ */ jsxs33("div", { className: cn("space-y-2", className), children: [
-    /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
-      /* @__PURE__ */ jsx39("div", { className: "text-sm text-muted-foreground", children: caption }),
-      /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
-        enableDensityToggle && /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsxs34("div", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
+      /* @__PURE__ */ jsx40("div", { className: "text-sm text-muted-foreground", children: caption }),
+      /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2", children: [
+        enableDensityToggle && /* @__PURE__ */ jsx40(
           DropdownMenu_default,
           {
-            trigger: /* @__PURE__ */ jsxs33(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
-              /* @__PURE__ */ jsx39("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx39("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 10h16M4 14h16M4 18h16" }) }),
+            trigger: /* @__PURE__ */ jsxs34(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
+              /* @__PURE__ */ jsx40("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx40("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 10h16M4 14h16M4 18h16" }) }),
               labels?.density || t("density")
             ] }),
             items: [
@@ -7253,11 +7786,11 @@ function DataTable({
             ]
           }
         ),
-        enableColumnVisibilityToggle && /* @__PURE__ */ jsx39(
+        enableColumnVisibilityToggle && /* @__PURE__ */ jsx40(
           DropdownMenu_default,
           {
-            trigger: /* @__PURE__ */ jsxs33(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
-              /* @__PURE__ */ jsx39("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx39(
+            trigger: /* @__PURE__ */ jsxs34(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
+              /* @__PURE__ */ jsx40("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx40(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -7268,15 +7801,15 @@ function DataTable({
               ) }),
               labels?.columns || t("columns")
             ] }),
-            children: columns.map((c) => /* @__PURE__ */ jsxs33(
+            children: columns.map((c) => /* @__PURE__ */ jsxs34(
               DropdownMenuItem,
               {
                 onClick: () => {
                   setVisibleCols((prev) => prev.includes(c.key) ? prev.filter((k) => k !== c.key) : [...prev, c.key]);
                 },
                 children: [
-                  /* @__PURE__ */ jsx39("input", { type: "checkbox", className: "mr-2 rounded border-border", readOnly: true, checked: visibleCols.includes(c.key) }),
-                  /* @__PURE__ */ jsx39("span", { className: "truncate", children: c.title })
+                  /* @__PURE__ */ jsx40("input", { type: "checkbox", className: "mr-2 rounded border-border", readOnly: true, checked: visibleCols.includes(c.key) }),
+                  /* @__PURE__ */ jsx40("span", { className: "truncate", children: c.title })
                 ]
               },
               c.key
@@ -7286,17 +7819,17 @@ function DataTable({
         toolbar
       ] })
     ] }),
-    /* @__PURE__ */ jsx39("div", { className: cn("relative rounded-md border border-border/50 overflow-hidden", loading2 && "opacity-60 pointer-events-none"), children: /* @__PURE__ */ jsxs33(
+    /* @__PURE__ */ jsx40("div", { className: cn("relative rounded-md border border-border/50 overflow-hidden", loading2 && "opacity-60 pointer-events-none"), children: /* @__PURE__ */ jsxs34(
       Table,
       {
         containerClassName: "border-0 md:border-0 rounded-none md:rounded-none shadow-none bg-transparent",
         className: "[&_thead]:sticky [&_thead]:top-0 [&_thead]:z-[5] [&_thead]:bg-background [&_thead]:backdrop-blur-sm",
         children: [
-          /* @__PURE__ */ jsx39(TableHeader, { children: renderHeader }),
-          /* @__PURE__ */ jsx39(TableBody, { children: loading2 ? /* @__PURE__ */ jsx39(TableRow, { children: /* @__PURE__ */ jsx39(TableCell, { colSpan: visibleColumns.length, className: "text-center py-8", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-center gap-2 text-muted-foreground", children: [
-            /* @__PURE__ */ jsxs33("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
-              /* @__PURE__ */ jsx39("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-              /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx40(TableHeader, { children: renderHeader }),
+          /* @__PURE__ */ jsx40(TableBody, { children: loading2 ? /* @__PURE__ */ jsx40(TableRow, { children: /* @__PURE__ */ jsx40(TableCell, { colSpan: visibleColumns.length, className: "text-center py-8", children: /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs34("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
+              /* @__PURE__ */ jsx40("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+              /* @__PURE__ */ jsx40(
                 "path",
                 {
                   className: "opacity-75",
@@ -7305,10 +7838,10 @@ function DataTable({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx39("span", { className: "text-sm", children: "Loading..." })
-          ] }) }) }) : !displayedData || displayedData.length === 0 ? /* @__PURE__ */ jsx39(TableRow, { children: /* @__PURE__ */ jsx39(TableCell, { colSpan: visibleColumns.length, className: "text-center py-6 text-muted-foreground", children: "No data" }) }) : displayedData.map((row, idx) => /* @__PURE__ */ jsx39(TableRow, { className: cn(densityRowClass, striped && idx % 2 === 0 && "bg-muted/30"), children: visibleColumns.map((col, colIdx) => {
+            /* @__PURE__ */ jsx40("span", { className: "text-sm", children: "Loading..." })
+          ] }) }) }) : !displayedData || displayedData.length === 0 ? /* @__PURE__ */ jsx40(TableRow, { children: /* @__PURE__ */ jsx40(TableCell, { colSpan: visibleColumns.length, className: "text-center py-6 text-muted-foreground", children: "No data" }) }) : displayedData.map((row, idx) => /* @__PURE__ */ jsx40(TableRow, { className: cn(densityRowClass, striped && idx % 2 === 0 && "bg-muted/30"), children: visibleColumns.map((col, colIdx) => {
             const value = col.dataIndex ? row[col.dataIndex] : void 0;
-            return /* @__PURE__ */ jsx39(
+            return /* @__PURE__ */ jsx40(
               TableCell,
               {
                 className: cn(
@@ -7327,7 +7860,7 @@ function DataTable({
         ]
       }
     ) }),
-    totalItems > 0 && /* @__PURE__ */ jsx39("div", { className: "border-t bg-muted/30 p-4 rounded-b-md", children: /* @__PURE__ */ jsx39(
+    totalItems > 0 && /* @__PURE__ */ jsx40("div", { className: "border-t bg-muted/30 p-4 rounded-b-md", children: /* @__PURE__ */ jsx40(
       Pagination,
       {
         page: curPage,
@@ -7349,10 +7882,10 @@ function DataTable({
 var DataTable_default = DataTable;
 
 // ../../components/ui/Form.tsx
-import * as React31 from "react";
+import * as React32 from "react";
 
 // ../../node_modules/react-hook-form/dist/index.esm.mjs
-import React30 from "react";
+import React31 from "react";
 var isCheckBoxInput = (element) => element.type === "checkbox";
 var isDateObject = (value) => value instanceof Date;
 var isNullOrUndefined = (value) => value == null;
@@ -7440,12 +7973,12 @@ var INPUT_VALIDATION_RULES = {
   required: "required",
   validate: "validate"
 };
-var HookFormContext = React30.createContext(null);
+var HookFormContext = React31.createContext(null);
 HookFormContext.displayName = "HookFormContext";
-var useFormContext = () => React30.useContext(HookFormContext);
+var useFormContext = () => React31.useContext(HookFormContext);
 var FormProvider = (props) => {
   const { children, ...data } = props;
-  return React30.createElement(HookFormContext.Provider, { value: data }, children);
+  return React31.createElement(HookFormContext.Provider, { value: data }, children);
 };
 var getProxyFormState = (formState, control, localProxyFormState, isRoot = true) => {
   const result = {
@@ -7465,12 +7998,12 @@ var getProxyFormState = (formState, control, localProxyFormState, isRoot = true)
   }
   return result;
 };
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React30.useLayoutEffect : React30.useEffect;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React31.useLayoutEffect : React31.useEffect;
 function useFormState(props) {
   const methods = useFormContext();
   const { control = methods.control, disabled, name, exact } = props || {};
-  const [formState, updateFormState] = React30.useState(control._formState);
-  const _localProxyFormState = React30.useRef({
+  const [formState, updateFormState] = React31.useState(control._formState);
+  const _localProxyFormState = React31.useRef({
     isDirty: false,
     isLoading: false,
     dirtyFields: false,
@@ -7491,10 +8024,10 @@ function useFormState(props) {
       });
     }
   }), [name, disabled, exact]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     _localProxyFormState.current.isValid && control._setValid(true);
   }, [control]);
-  return React30.useMemo(() => getProxyFormState(formState, control, _localProxyFormState.current, false), [formState, control]);
+  return React31.useMemo(() => getProxyFormState(formState, control, _localProxyFormState.current, false), [formState, control]);
 }
 var isString = (value) => typeof value === "string";
 var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) => {
@@ -7543,12 +8076,12 @@ function deepEqual(object1, object2, _internal_visited = /* @__PURE__ */ new Wea
 function useWatch(props) {
   const methods = useFormContext();
   const { control = methods.control, name, defaultValue, disabled, exact, compute } = props || {};
-  const _defaultValue = React30.useRef(defaultValue);
-  const _compute = React30.useRef(compute);
-  const _computeFormValues = React30.useRef(void 0);
+  const _defaultValue = React31.useRef(defaultValue);
+  const _compute = React31.useRef(compute);
+  const _computeFormValues = React31.useRef(void 0);
   _compute.current = compute;
-  const defaultValueMemo = React30.useMemo(() => control._getWatch(name, _defaultValue.current), [control, name]);
-  const [value, updateValue] = React30.useState(_compute.current ? _compute.current(defaultValueMemo) : defaultValueMemo);
+  const defaultValueMemo = React31.useMemo(() => control._getWatch(name, _defaultValue.current), [control, name]);
+  const [value, updateValue] = React31.useState(_compute.current ? _compute.current(defaultValueMemo) : defaultValueMemo);
   useIsomorphicLayoutEffect(() => control._subscribe({
     name,
     formState: {
@@ -7570,14 +8103,14 @@ function useWatch(props) {
       }
     }
   }), [control, disabled, name, exact]);
-  React30.useEffect(() => control._removeUnmounted());
+  React31.useEffect(() => control._removeUnmounted());
   return value;
 }
 function useController(props) {
   const methods = useFormContext();
   const { name, disabled, control = methods.control, shouldUnregister, defaultValue } = props;
   const isArrayField = isNameInFieldArray(control._names.array, name);
-  const defaultValueMemo = React30.useMemo(() => get(control._formValues, name, get(control._defaultValues, name, defaultValue)), [control, name, defaultValue]);
+  const defaultValueMemo = React31.useMemo(() => get(control._formValues, name, get(control._defaultValues, name, defaultValue)), [control, name, defaultValue]);
   const value = useWatch({
     control,
     name,
@@ -7589,15 +8122,15 @@ function useController(props) {
     name,
     exact: true
   });
-  const _props = React30.useRef(props);
-  const _previousNameRef = React30.useRef(void 0);
-  const _registerProps = React30.useRef(control.register(name, {
+  const _props = React31.useRef(props);
+  const _previousNameRef = React31.useRef(void 0);
+  const _registerProps = React31.useRef(control.register(name, {
     ...props.rules,
     value,
     ...isBoolean(props.disabled) ? { disabled: props.disabled } : {}
   }));
   _props.current = props;
-  const fieldState = React30.useMemo(() => Object.defineProperties({}, {
+  const fieldState = React31.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: true,
       get: () => !!get(formState.errors, name)
@@ -7619,21 +8152,21 @@ function useController(props) {
       get: () => get(formState.errors, name)
     }
   }), [formState, name]);
-  const onChange = React30.useCallback((event) => _registerProps.current.onChange({
+  const onChange = React31.useCallback((event) => _registerProps.current.onChange({
     target: {
       value: getEventValue(event),
       name
     },
     type: EVENTS.CHANGE
   }), [name]);
-  const onBlur = React30.useCallback(() => _registerProps.current.onBlur({
+  const onBlur = React31.useCallback(() => _registerProps.current.onBlur({
     target: {
       value: get(control._formValues, name),
       name
     },
     type: EVENTS.BLUR
   }), [name, control._formValues]);
-  const ref = React30.useCallback((elm) => {
+  const ref = React31.useCallback((elm) => {
     const field2 = get(control._fields, name);
     if (field2 && elm) {
       field2._f.ref = {
@@ -7644,7 +8177,7 @@ function useController(props) {
       };
     }
   }, [control._fields, name]);
-  const field = React30.useMemo(() => ({
+  const field = React31.useMemo(() => ({
     name,
     value,
     ...isBoolean(disabled) || formState.disabled ? { disabled: formState.disabled || disabled } : {},
@@ -7652,7 +8185,7 @@ function useController(props) {
     onBlur,
     ref
   }), [name, disabled, formState.disabled, onChange, onBlur, ref, value]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
     const previousName = _previousNameRef.current;
     if (previousName && previousName !== name && !isArrayField) {
@@ -7682,13 +8215,13 @@ function useController(props) {
       (isArrayField ? _shouldUnregisterField && !control._state.action : _shouldUnregisterField) ? control.unregister(name) : updateMounted(name, false);
     };
   }, [name, control, isArrayField, shouldUnregister]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     control._setDisabledField({
       disabled,
       name
     });
   }, [disabled, name, control]);
-  return React30.useMemo(() => ({
+  return React31.useMemo(() => ({
     field,
     formState,
     fieldState
@@ -9007,9 +9540,9 @@ function createFormControl(props = {}) {
   };
 }
 function useForm(props = {}) {
-  const _formControl = React30.useRef(void 0);
-  const _values = React30.useRef(void 0);
-  const [formState, updateFormState] = React30.useState({
+  const _formControl = React31.useRef(void 0);
+  const _values = React31.useRef(void 0);
+  const [formState, updateFormState] = React31.useState({
     isDirty: false,
     isValidating: false,
     isLoading: isFunction(props.defaultValues),
@@ -9058,8 +9591,8 @@ function useForm(props = {}) {
     control._formState.isReady = true;
     return sub;
   }, [control]);
-  React30.useEffect(() => control._disableForm(props.disabled), [control, props.disabled]);
-  React30.useEffect(() => {
+  React31.useEffect(() => control._disableForm(props.disabled), [control, props.disabled]);
+  React31.useEffect(() => {
     if (props.mode) {
       control._options.mode = props.mode;
     }
@@ -9067,18 +9600,18 @@ function useForm(props = {}) {
       control._options.reValidateMode = props.reValidateMode;
     }
   }, [control, props.mode, props.reValidateMode]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (props.errors) {
       control._setErrors(props.errors);
       control._focusError();
     }
   }, [control, props.errors]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     props.shouldUnregister && control._subjects.state.next({
       values: control._getWatch()
     });
   }, [control, props.shouldUnregister]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (control._proxyFormState.isDirty) {
       const isDirty = control._getDirty();
       if (isDirty !== formState.isDirty) {
@@ -9088,7 +9621,7 @@ function useForm(props = {}) {
       }
     }
   }, [control, formState.isDirty]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (props.values && !deepEqual(props.values, _values.current)) {
       control._reset(props.values, {
         keepFieldsRef: true,
@@ -9100,7 +9633,7 @@ function useForm(props = {}) {
       control._resetDefaultValues();
     }
   }, [control, props.values]);
-  React30.useEffect(() => {
+  React31.useEffect(() => {
     if (!control._state.mount) {
       control._setValid();
       control._state.mount = true;
@@ -9117,8 +9650,8 @@ function useForm(props = {}) {
 
 // ../../components/ui/Form.tsx
 import { useTranslations as useTranslations8 } from "next-intl";
-import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
-var FormConfigContext = React31.createContext({ size: "md" });
+import { jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
+var FormConfigContext = React32.createContext({ size: "md" });
 var FormWrapper = ({
   children,
   onSubmit,
@@ -9131,24 +9664,24 @@ var FormWrapper = ({
   const methods = useForm({
     defaultValues: initialValues
   });
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (initialValues) {
       methods.reset(initialValues);
     }
   }, [JSON.stringify(initialValues)]);
   const { validationSchema: _, ...formProps } = props;
-  return /* @__PURE__ */ jsx40(FormProvider, { ...methods, children: /* @__PURE__ */ jsx40(FormConfigContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx40("form", { onSubmit: methods.handleSubmit(onSubmit), className, ...formProps, children }) }) });
+  return /* @__PURE__ */ jsx41(FormProvider, { ...methods, children: /* @__PURE__ */ jsx41(FormConfigContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx41("form", { onSubmit: methods.handleSubmit(onSubmit), className, ...formProps, children }) }) });
 };
 var Form = FormWrapper;
-var FormFieldContext = React31.createContext({});
+var FormFieldContext = React32.createContext({});
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ jsx40(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx40(Controller, { ...props }) });
+  return /* @__PURE__ */ jsx41(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx41(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React31.useContext(FormFieldContext);
-  const itemContext = React31.useContext(FormItemContext);
+  const fieldContext = React32.useContext(FormFieldContext);
+  const itemContext = React32.useContext(FormItemContext);
   const { getFieldState, formState } = useFormContext();
   if (!fieldContext) {
     try {
@@ -9169,22 +9702,22 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React31.createContext({});
-var FormItem = React31.forwardRef(({ className, ...props }, ref) => {
-  const id = React31.useId();
-  return /* @__PURE__ */ jsx40(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx40("div", { ref, className: cn("space-y-2", className), ...props }) });
+var FormItemContext = React32.createContext({});
+var FormItem = React32.forwardRef(({ className, ...props }, ref) => {
+  const id = React32.useId();
+  return /* @__PURE__ */ jsx41(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx41("div", { ref, className: cn("space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React31.forwardRef(({ className, ...props }, ref) => {
+var FormLabel = React32.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
-  const config = React31.useContext(FormConfigContext);
+  const config = React32.useContext(FormConfigContext);
   const sizeClass = config.size === "sm" ? "text-xs" : config.size === "lg" ? "text-base" : "text-sm";
-  return /* @__PURE__ */ jsx40(Label, { ref, className: cn(sizeClass, error && "text-destructive", className), htmlFor: formItemId, ...props });
+  return /* @__PURE__ */ jsx41(Label, { ref, className: cn(sizeClass, error && "text-destructive", className), htmlFor: formItemId, ...props });
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React31.forwardRef(({ ...props }, ref) => {
+var FormControl = React32.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "div",
     {
       ref,
@@ -9196,37 +9729,37 @@ var FormControl = React31.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React31.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React32.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx40("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx41("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React31.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React32.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message) : children;
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ jsx40("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
+  return /* @__PURE__ */ jsx41("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
 });
 FormMessage.displayName = "FormMessage";
-var FormInput = React31.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx40(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx40(
+var FormInput = React32.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx41(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx41(
   FormField,
   {
     name,
-    render: ({ field }) => /* @__PURE__ */ jsxs34(FormItem, { children: [
-      /* @__PURE__ */ jsx40(FormControl, { children: /* @__PURE__ */ jsx40(Input_default, { size: props.size ?? size, ...field, ...props }) }),
-      /* @__PURE__ */ jsx40(FormMessage, {})
+    render: ({ field }) => /* @__PURE__ */ jsxs35(FormItem, { children: [
+      /* @__PURE__ */ jsx41(FormControl, { children: /* @__PURE__ */ jsx41(Input_default, { size: props.size ?? size, ...field, ...props }) }),
+      /* @__PURE__ */ jsx41(FormMessage, {})
     ] })
   }
 ) }));
 FormInput.displayName = "FormInput";
-var FormCheckbox = React31.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx40(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx40(
+var FormCheckbox = React32.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx41(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx41(
   FormField,
   {
     name,
-    render: ({ field }) => /* @__PURE__ */ jsxs34(FormItem, { children: [
-      /* @__PURE__ */ jsx40(FormControl, { children: /* @__PURE__ */ jsx40(
+    render: ({ field }) => /* @__PURE__ */ jsxs35(FormItem, { children: [
+      /* @__PURE__ */ jsx41(FormControl, { children: /* @__PURE__ */ jsx41(
         Checkbox,
         {
           ref,
@@ -9240,20 +9773,20 @@ var FormCheckbox = React31.forwardRef(({ name, ...props }, ref) => /* @__PURE__
           ...props
         }
       ) }),
-      /* @__PURE__ */ jsx40(FormMessage, {})
+      /* @__PURE__ */ jsx41(FormMessage, {})
     ] })
   }
 ) }));
 FormCheckbox.displayName = "FormCheckbox";
-var FormActions = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
+var FormActions = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
 FormActions.displayName = "FormActions";
-var FormSubmitButton = React31.forwardRef(({ children, loading: loading2, ...props }, ref) => /* @__PURE__ */ jsx40(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx40(Button_default, { ref, type: "submit", size: props.size ?? size, disabled: loading2, ...props, children }) }));
+var FormSubmitButton = React32.forwardRef(({ children, loading: loading2, ...props }, ref) => /* @__PURE__ */ jsx41(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx41(Button_default, { ref, type: "submit", size: props.size ?? size, disabled: loading2, ...props, children }) }));
 FormSubmitButton.displayName = "FormSubmitButton";
 
 // ../../components/ui/NotificationModal.tsx
 import { ExternalLink } from "lucide-react";
 import { useTranslations as useTranslations9 } from "next-intl";
-import { jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs36 } from "react/jsx-runtime";
 function NotificationModal({ isOpen, onClose, notification, titleText, openLinkText, closeText }) {
   const t = useTranslations9("Common");
   if (!notification) return null;
@@ -9274,26 +9807,26 @@ function NotificationModal({ isOpen, onClose, notification, titleText, openLinkT
       onClose();
     }
   };
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     Modal_default,
     {
       isOpen,
       onClose,
       title: titleText || t("notifications"),
       size: "md",
-      children: /* @__PURE__ */ jsxs35("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-2 pb-2 border-b border-border", children: [
-          /* @__PURE__ */ jsx41("div", { className: cn(
+      children: /* @__PURE__ */ jsxs36("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-2 pb-2 border-b border-border", children: [
+          /* @__PURE__ */ jsx42("div", { className: cn(
             "w-2 h-2 rounded-full",
             !notification.is_read ? "bg-primary" : "bg-border"
           ) }),
-          /* @__PURE__ */ jsx41("span", { className: "text-xs text-muted-foreground", children: !notification.is_read ? t("newNotification") : t("readStatus") })
+          /* @__PURE__ */ jsx42("span", { className: "text-xs text-muted-foreground", children: !notification.is_read ? t("newNotification") : t("readStatus") })
         ] }),
-        notification.title && /* @__PURE__ */ jsx41("h3", { className: "text-lg font-semibold text-foreground", children: notification.title }),
-        notification.body && /* @__PURE__ */ jsx41("div", { className: "text-sm text-muted-foreground whitespace-pre-wrap leading-relaxed", children: notification.body }),
-        /* @__PURE__ */ jsx41("div", { className: "text-xs text-muted-foreground border-t border-border pt-2", children: formatTime2(notification.created_at) }),
-        /* @__PURE__ */ jsxs35("div", { className: "flex gap-2 justify-end pt-2", children: [
-          hasLink && /* @__PURE__ */ jsxs35(
+        notification.title && /* @__PURE__ */ jsx42("h3", { className: "text-lg font-semibold text-foreground", children: notification.title }),
+        notification.body && /* @__PURE__ */ jsx42("div", { className: "text-sm text-muted-foreground whitespace-pre-wrap leading-relaxed", children: notification.body }),
+        /* @__PURE__ */ jsx42("div", { className: "text-xs text-muted-foreground border-t border-border pt-2", children: formatTime2(notification.created_at) }),
+        /* @__PURE__ */ jsxs36("div", { className: "flex gap-2 justify-end pt-2", children: [
+          hasLink && /* @__PURE__ */ jsxs36(
             Button_default,
             {
               variant: "primary",
@@ -9301,12 +9834,12 @@ function NotificationModal({ isOpen, onClose, notification, titleText, openLinkT
               onClick: handleLinkClick,
               className: "gap-2",
               children: [
-                /* @__PURE__ */ jsx41(ExternalLink, { className: "w-4 h-4" }),
+                /* @__PURE__ */ jsx42(ExternalLink, { className: "w-4 h-4" }),
                 openLinkText || t("openLink")
               ]
             }
           ),
-          /* @__PURE__ */ jsx41(
+          /* @__PURE__ */ jsx42(
             Button_default,
             {
               variant: "ghost",
@@ -9328,10 +9861,10 @@ import { usePathname } from "next/navigation";
 import { Phone } from "lucide-react";
 
 // ../../node_modules/react-icons/lib/iconBase.mjs
-import React33 from "react";
+import React34 from "react";
 
 // ../../node_modules/react-icons/lib/iconContext.mjs
-import React32 from "react";
+import React33 from "react";
 var DefaultContext = {
   color: void 0,
   size: void 0,
@@ -9339,7 +9872,7 @@ var DefaultContext = {
   style: void 0,
   attr: void 0
 };
-var IconContext = React32.createContext && /* @__PURE__ */ React32.createContext(DefaultContext);
+var IconContext = React33.createContext && /* @__PURE__ */ React33.createContext(DefaultContext);
 
 // ../../node_modules/react-icons/lib/iconBase.mjs
 var _excluded = ["attr", "size", "title"];
@@ -9428,12 +9961,12 @@ function _toPrimitive(t, r) {
   return ("string" === r ? String : Number)(t);
 }
 function Tree2Element(tree) {
-  return tree && tree.map((node, i) => /* @__PURE__ */ React33.createElement(node.tag, _objectSpread({
+  return tree && tree.map((node, i) => /* @__PURE__ */ React34.createElement(node.tag, _objectSpread({
     key: i
   }, node.attr), Tree2Element(node.child)));
 }
 function GenIcon(data) {
-  return (props) => /* @__PURE__ */ React33.createElement(IconBase, _extends({
+  return (props) => /* @__PURE__ */ React34.createElement(IconBase, _extends({
     attr: _objectSpread({}, data.attr)
   }, props), Tree2Element(data.child));
 }
@@ -9448,7 +9981,7 @@ function IconBase(props) {
     var className;
     if (conf.className) className = conf.className;
     if (props.className) className = (className ? className + " " : "") + props.className;
-    return /* @__PURE__ */ React33.createElement("svg", _extends({
+    return /* @__PURE__ */ React34.createElement("svg", _extends({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -9460,9 +9993,9 @@ function IconBase(props) {
       height: computedSize,
       width: computedSize,
       xmlns: "http://www.w3.org/2000/svg"
-    }), title && /* @__PURE__ */ React33.createElement("title", null, title), props.children);
+    }), title && /* @__PURE__ */ React34.createElement("title", null, title), props.children);
   };
-  return IconContext !== void 0 ? /* @__PURE__ */ React33.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
+  return IconContext !== void 0 ? /* @__PURE__ */ React34.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
 }
 
 // ../../node_modules/react-icons/fa/index.mjs
@@ -9476,9 +10009,9 @@ function SiZalo(props) {
 }
 
 // ../../components/ui/FloatingContacts.tsx
-import { jsx as jsx42, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
 function MessengerIcon(props) {
-  return /* @__PURE__ */ jsx42("svg", { viewBox: "0 0 24 24", width: 24, height: 24, "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43("svg", { viewBox: "0 0 24 24", width: 24, height: 24, "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx43(
     "path",
     {
       d: "M12 2C6.477 2 2 6.145 2 11.235c0 2.93 1.35 5.542 3.464 7.25v3.515l3.344-1.836c.894.247 1.843.375 2.192.375 5.523 0 10-4.145 10-9.235S17.523 2 12 2zm.994 12.444l-2.563-2.73-5.004 2.73 5.507-5.84 2.626 2.729 4.942-2.729-5.508 5.84z",
@@ -9487,10 +10020,10 @@ function MessengerIcon(props) {
   ) });
 }
 function ZaloIcon(props) {
-  return /* @__PURE__ */ jsx42(SiZalo, { size: 20, ...props });
+  return /* @__PURE__ */ jsx43(SiZalo, { size: 20, ...props });
 }
 function InstagramIcon(props) {
-  return /* @__PURE__ */ jsx42(FaInstagram, { size: 20, ...props });
+  return /* @__PURE__ */ jsx43(FaInstagram, { size: 20, ...props });
 }
 function FloatingContacts({ className }) {
   const pathname = usePathname();
@@ -9525,8 +10058,8 @@ function FloatingContacts({ className }) {
       external: true
     }
   ];
-  return /* @__PURE__ */ jsxs36("div", { className: cn("fixed bottom-6 right-4 z-[100000]", "flex flex-col items-end gap-3", className), "aria-label": "Quick contacts", children: [
-    /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsxs37("div", { className: cn("fixed bottom-6 right-4 z-[100000]", "flex flex-col items-end gap-3", className), "aria-label": "Quick contacts", children: [
+    /* @__PURE__ */ jsx43(
       Link2,
       {
         href: `tel:${hotline.replace(/\D/g, "")}`,
@@ -9537,10 +10070,10 @@ function FloatingContacts({ className }) {
           "hover:scale-105 active:scale-95 transition-transform",
           "bg-[#22c55e]"
         ),
-        children: /* @__PURE__ */ jsx42(Phone, { className: "w-6 h-6" })
+        children: /* @__PURE__ */ jsx43(Phone, { className: "w-6 h-6" })
       }
     ),
-    moreItems.map(({ key, href, label, bg, Icon, external }) => /* @__PURE__ */ jsx42(
+    moreItems.map(({ key, href, label, bg, Icon, external }) => /* @__PURE__ */ jsx43(
       Link2,
       {
         href,
@@ -9552,7 +10085,7 @@ function FloatingContacts({ className }) {
           "hover:scale-105 active:scale-95 transition-transform",
           bg
         ),
-        children: /* @__PURE__ */ jsx42(Icon, { className: "w-6 h-6" })
+        children: /* @__PURE__ */ jsx43(Icon, { className: "w-6 h-6" })
       },
       key
     ))
@@ -9561,7 +10094,7 @@ function FloatingContacts({ className }) {
 
 // ../../components/ui/AccessDenied.tsx
 import { Lock, ShieldAlert, Ban } from "lucide-react";
-import { jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs38 } from "react/jsx-runtime";
 var VARIANT_STYLES = {
   destructive: { bg: "bg-destructive/5", border: "border-destructive/20", text: "text-destructive" },
   warning: { bg: "bg-warning/5", border: "border-warning/20", text: "text-warning" },
@@ -9582,21 +10115,21 @@ function AccessDenied({
 }) {
   const styles = VARIANT_STYLES[variant];
   const UsedIcon = Icon || DEFAULT_ICONS[variant];
-  return /* @__PURE__ */ jsx43(Card_default, { className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className), children: /* @__PURE__ */ jsxs37("div", { className: "flex flex-col items-center gap-4", children: [
-    /* @__PURE__ */ jsx43("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ jsx43(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
-    /* @__PURE__ */ jsxs37("div", { children: [
-      /* @__PURE__ */ jsx43("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
-      /* @__PURE__ */ jsx43("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
+  return /* @__PURE__ */ jsx44(Card_default, { className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className), children: /* @__PURE__ */ jsxs38("div", { className: "flex flex-col items-center gap-4", children: [
+    /* @__PURE__ */ jsx44("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ jsx44(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
+    /* @__PURE__ */ jsxs38("div", { children: [
+      /* @__PURE__ */ jsx44("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
+      /* @__PURE__ */ jsx44("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
     ] }),
-    children && /* @__PURE__ */ jsx43("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
+    children && /* @__PURE__ */ jsx44("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
   ] }) });
 }
 
 // ../../components/ui/ThemeToggleHeadless.tsx
 import { Moon, Sun, Monitor } from "lucide-react";
-import { useEffect as useEffect16, useRef as useRef10, useState as useState26 } from "react";
+import { useEffect as useEffect16, useRef as useRef11, useState as useState26 } from "react";
 import { createPortal as createPortal9 } from "react-dom";
-import { Fragment as Fragment11, jsx as jsx44, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx45, jsxs as jsxs39 } from "react/jsx-runtime";
 function ThemeToggleHeadless({
   theme,
   onChange,
@@ -9605,7 +10138,7 @@ function ThemeToggleHeadless({
 }) {
   const [isOpen, setIsOpen] = useState26(false);
   const [mounted, setMounted] = useState26(false);
-  const triggerRef = useRef10(null);
+  const triggerRef = useRef11(null);
   const [dropdownPosition, setDropdownPosition] = useState26(null);
   useEffect16(() => setMounted(true), []);
   const themes = [
@@ -9625,8 +10158,8 @@ function ThemeToggleHeadless({
     const top = rect.bottom + scrollTop + 8;
     return { top, left, width };
   };
-  return /* @__PURE__ */ jsxs38("div", { className: cn("relative", className), children: [
-    /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsxs39("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsx45(
       Button_default,
       {
         variant: "ghost",
@@ -9644,25 +10177,25 @@ function ThemeToggleHeadless({
         "aria-haspopup": "menu",
         "aria-expanded": isOpen,
         "aria-label": labels?.heading ?? "Theme",
-        children: /* @__PURE__ */ jsx44(CurrentIcon, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ jsx45(CurrentIcon, { className: "h-5 w-5" })
       }
     ),
-    isOpen && /* @__PURE__ */ jsxs38(Fragment11, { children: [
-      typeof window !== "undefined" && createPortal9(/* @__PURE__ */ jsx44("div", { className: "fixed inset-0 z-[9998]", onClick: () => setIsOpen(false) }), document.body),
+    isOpen && /* @__PURE__ */ jsxs39(Fragment11, { children: [
+      typeof window !== "undefined" && createPortal9(/* @__PURE__ */ jsx45("div", { className: "fixed inset-0 z-[9998]", onClick: () => setIsOpen(false) }), document.body),
       typeof window !== "undefined" && dropdownPosition && createPortal9(
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45(
           "div",
           {
             className: "z-[9999] bg-card border border-border rounded-lg shadow-lg overflow-hidden",
             style: { position: "absolute", top: dropdownPosition.top, left: dropdownPosition.left, width: dropdownPosition.width },
             onMouseDown: (e) => e.stopPropagation(),
             role: "menu",
-            children: /* @__PURE__ */ jsxs38("div", { className: "p-2", children: [
-              /* @__PURE__ */ jsx44("div", { className: "px-3 py-2 text-sm font-medium text-muted-foreground border-b border-border mb-2", children: labels?.heading ?? "Theme" }),
+            children: /* @__PURE__ */ jsxs39("div", { className: "p-2", children: [
+              /* @__PURE__ */ jsx45("div", { className: "px-3 py-2 text-sm font-medium text-muted-foreground border-b border-border mb-2", children: labels?.heading ?? "Theme" }),
               themes.map((opt) => {
                 const Icon = opt.icon;
                 const active = theme === opt.value;
-                return /* @__PURE__ */ jsxs38(
+                return /* @__PURE__ */ jsxs39(
                   Button_default,
                   {
                     variant: "ghost",
@@ -9678,9 +10211,9 @@ function ThemeToggleHeadless({
                     role: "menuitemradio",
                     "aria-checked": active,
                     children: [
-                      /* @__PURE__ */ jsx44(Icon, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ jsx44("span", { className: "flex-1 text-left", children: opt.label }),
-                      active && /* @__PURE__ */ jsx44("div", { className: "w-2 h-2 rounded-full bg-primary" })
+                      /* @__PURE__ */ jsx45(Icon, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ jsx45("span", { className: "flex-1 text-left", children: opt.label }),
+                      active && /* @__PURE__ */ jsx45("div", { className: "w-2 h-2 rounded-full bg-primary" })
                     ]
                   },
                   opt.value
@@ -9696,10 +10229,10 @@ function ThemeToggleHeadless({
 }
 
 // ../../components/ui/LanguageSwitcherHeadless.tsx
-import { useRef as useRef11, useState as useState27 } from "react";
+import { useRef as useRef12, useState as useState27 } from "react";
 import { createPortal as createPortal10 } from "react-dom";
 import { Globe } from "lucide-react";
-import { Fragment as Fragment12, jsx as jsx45, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx46, jsxs as jsxs40 } from "react/jsx-runtime";
 function LanguageSwitcherHeadless({
   locales,
   currentLocale,
@@ -9709,7 +10242,7 @@ function LanguageSwitcherHeadless({
 }) {
   const [isOpen, setIsOpen] = useState27(false);
   const [dropdownPosition, setDropdownPosition] = useState27(null);
-  const triggerButtonRef = useRef11(null);
+  const triggerButtonRef = useRef12(null);
   const currentLanguage = locales.find((l) => l.code === currentLocale) || locales[0];
   const calculatePosition = () => {
     const rect = triggerButtonRef.current?.getBoundingClientRect();
@@ -9721,8 +10254,8 @@ function LanguageSwitcherHeadless({
     const top = rect.bottom + scrollTop + 8;
     return { top, left, width };
   };
-  return /* @__PURE__ */ jsxs39("div", { className: cn("relative", className), children: [
-    /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsxs40("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsx46(
       Button_default,
       {
         variant: "ghost",
@@ -9741,22 +10274,22 @@ function LanguageSwitcherHeadless({
         "aria-expanded": isOpen,
         "aria-label": labels?.heading ?? "Language",
         title: labels?.heading ?? "Language",
-        children: /* @__PURE__ */ jsx45(Globe, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ jsx46(Globe, { className: "h-5 w-5" })
       }
     ),
-    isOpen && /* @__PURE__ */ jsxs39(Fragment12, { children: [
-      typeof window !== "undefined" && createPortal10(/* @__PURE__ */ jsx45("div", { className: "fixed inset-0 z-[9998]", onClick: () => setIsOpen(false) }), document.body),
+    isOpen && /* @__PURE__ */ jsxs40(Fragment12, { children: [
+      typeof window !== "undefined" && createPortal10(/* @__PURE__ */ jsx46("div", { className: "fixed inset-0 z-[9998]", onClick: () => setIsOpen(false) }), document.body),
       typeof window !== "undefined" && dropdownPosition && createPortal10(
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46(
           "div",
           {
             className: "z-[9999] bg-card border border-border rounded-lg shadow-lg overflow-hidden",
             style: { position: "absolute", top: dropdownPosition.top, left: dropdownPosition.left, width: dropdownPosition.width },
             onMouseDown: (e) => e.stopPropagation(),
             role: "menu",
-            children: /* @__PURE__ */ jsxs39("div", { className: "p-2", children: [
-              /* @__PURE__ */ jsx45("div", { className: "px-3 py-2 text-sm font-medium text-muted-foreground border-b border-border mb-2", children: labels?.heading ?? "Language" }),
-              locales.map((language) => /* @__PURE__ */ jsxs39(
+            children: /* @__PURE__ */ jsxs40("div", { className: "p-2", children: [
+              /* @__PURE__ */ jsx46("div", { className: "px-3 py-2 text-sm font-medium text-muted-foreground border-b border-border mb-2", children: labels?.heading ?? "Language" }),
+              locales.map((language) => /* @__PURE__ */ jsxs40(
                 Button_default,
                 {
                   variant: "ghost",
@@ -9769,9 +10302,9 @@ function LanguageSwitcherHeadless({
                   role: "menuitemradio",
                   "aria-checked": currentLocale === language.code,
                   children: [
-                    language.flag && /* @__PURE__ */ jsx45("span", { className: "text-lg", children: language.flag }),
-                    /* @__PURE__ */ jsx45("span", { className: "flex-1 text-left", children: language.name }),
-                    currentLocale === language.code && /* @__PURE__ */ jsx45("div", { className: "w-2 h-2 rounded-full bg-primary" })
+                    language.flag && /* @__PURE__ */ jsx46("span", { className: "text-lg", children: language.flag }),
+                    /* @__PURE__ */ jsx46("span", { className: "flex-1 text-left", children: language.name }),
+                    currentLocale === language.code && /* @__PURE__ */ jsx46("div", { className: "w-2 h-2 rounded-full bg-primary" })
                   ]
                 },
                 language.code
@@ -9943,6 +10476,7 @@ export {
   DropdownMenu_default as DropdownMenu,
   DropdownMenuItem,
   DropdownMenuSeparator,
+  FallingIcons,
   FloatingContacts,
   Form,
   FormActions,