@harshit-wander/component-lib 1.1.1 → 1.1.2

package/dist/index.cjs

@@ -240,7 +240,7 @@ function FieldShell({
     children
   ] }) });
 }
-var cardClass = "shrink-0 flex flex-col items-center gap-sm w-[88px] no-underline text-inherit focus-visible:outline-2 focus-visible:outline-accent focus-visible:outline-offset-2 focus-visible:rounded-md";
+var cardClass = "shrink-0 flex flex-col items-center gap-sm w-[66px] no-underline text-inherit focus-visible:outline-2 focus-visible:outline-accent focus-visible:outline-offset-2 focus-visible:rounded-md";
 var DestinationCard = react.forwardRef(
   ({ image, alt, label, href, className, ...rest }, ref) => {
     const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -249,7 +249,7 @@ var DestinationCard = react.forwardRef(
         {
           src: image,
           alt,
-          className: "w-[88px] h-[88px] rounded-full object-cover bg-border"
+          className: "w-[66px] h-[66px] rounded-full object-cover bg-border"
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium leading-5 text-secondary text-center whitespace-nowrap", children: label })
@@ -682,7 +682,7 @@ var PackageCard = react.forwardRef(
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative inline-flex items-center self-start gap-xs py-[4px] px-md bg-accent border border-surface rounded-full", children: [
         originalPrice ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative text-2xs font-normal leading-18 text-strike after:content-[''] after:absolute after:left-[-2px] after:right-[-2px] after:top-1/2 after:h-px after:bg-strike after:rotate-[-8deg]", children: originalPrice }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold leading-4 text-text-deep", children: currentPrice }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold leading-4 text-text-deep", children: currentPrice }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-normal leading-4 text-text-deep", children: priceSuffix })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-md text-on-image", children: [
@@ -1317,7 +1317,7 @@ var CategoryNavbar = react.forwardRef(
               {
                 href: logoHref,
                 "aria-label": "Home",
-                className: "inline-flex items-center no-underline text-inherit h-10 shrink-0 [&>img]:h-full [&>img]:w-auto [&>img]:object-contain [&>svg]:h-full [&>svg]:w-auto [&>svg]:object-contain",
+                className: "inline-flex items-center no-underline text-inherit h-[50px] shrink-0 [&>img]:h-full [&>img]:w-auto [&>img]:object-contain [&>svg]:h-full [&>svg]:w-auto [&>svg]:object-contain",
                 children: typeof logo === "string" ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: "" }) : logo
               }
             ) }),
@@ -1476,7 +1476,7 @@ var ContactSection = react.forwardRef(
       ref,
       className: cn(
         "flex w-full justify-center",
-        "lg:items-center lg:justify-between lg:gap-xl lg:py-xl lg:bg-primary lg:rounded-lg lg:shadow-card",
+        "lg:items-center lg:gap-xl lg:px-xl lg:py-xl lg:bg-primary lg:rounded-lg lg:shadow-card",
         className
       ),
       ...rest,
@@ -1619,7 +1619,10 @@ var useScrollSnap = (itemCount) => {
   const scrollNext = react.useCallback(() => {
     elRef.current?.scrollBy({ left: elRef.current.clientWidth, behavior: "smooth" });
   }, []);
-  return { ref: setRef, scrollPrev, scrollNext, canPrev, canNext, activeIndex, scrollProgress };
+  const scrollToStart = react.useCallback(() => {
+    elRef.current?.scrollTo({ left: 0, behavior: "smooth" });
+  }, []);
+  return { ref: setRef, scrollPrev, scrollNext, scrollToStart, canPrev, canNext, activeIndex, scrollProgress };
 };
 var ChevronLeft = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
@@ -1648,10 +1651,26 @@ var EventCarousel = react.forwardRef(
       ref: trackRef,
       scrollPrev,
       scrollNext,
+      scrollToStart,
       canPrev,
       canNext,
       activeIndex
     } = useScrollSnap(events.length);
+    const canNextRef = react.useRef(canNext);
+    react.useEffect(() => {
+      canNextRef.current = canNext;
+    }, [canNext]);
+    react.useEffect(() => {
+      if (events.length <= 1) return;
+      const id = setInterval(() => {
+        if (canNextRef.current) {
+          scrollNext();
+        } else {
+          scrollToStart();
+        }
+      }, 3e3);
+      return () => clearInterval(id);
+    }, [events.length, scrollNext, scrollToStart]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -2589,6 +2608,7 @@ var TestimonialsCarousel = react.forwardRef(
     const isControlled = activeIndex !== void 0;
     const [internalIndex, setInternalIndex] = react.useState(defaultIndex);
     const currentIndex = isControlled ? activeIndex : internalIndex;
+    const touchStartX = react.useRef(null);
     const setIndex = (next) => {
       if (!isControlled) setInternalIndex(next);
       onActiveIndexChange?.(next);
@@ -2597,11 +2617,27 @@ var TestimonialsCarousel = react.forwardRef(
     if (!current) return null;
     const isFirst = currentIndex <= 0;
     const isLast = currentIndex >= testimonials.length - 1;
+    const handleTouchStart = (e) => {
+      touchStartX.current = e.touches[0]?.clientX ?? null;
+    };
+    const handleTouchEnd = (e) => {
+      if (touchStartX.current === null) return;
+      const endX = e.changedTouches[0]?.clientX;
+      if (endX === void 0) return;
+      const delta = touchStartX.current - endX;
+      if (Math.abs(delta) > 40) {
+        if (delta > 0 && !isLast) setIndex(currentIndex + 1);
+        else if (delta < 0 && !isFirst) setIndex(currentIndex - 1);
+      }
+      touchStartX.current = null;
+    };
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
         ref,
         className: cn("flex flex-col items-center gap-[28px] bg-surface", className),
+        onTouchStart: handleTouchStart,
+        onTouchEnd: handleTouchEnd,
         ...rest,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -2858,7 +2894,7 @@ var UctMobileBanner = react.forwardRef(
                     "aria-hidden": "true",
                     className: "inline-flex",
                     style: { animation: "uct-move-arrow 1.5s infinite" },
-                    children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
                       "path",
                       {
                         d: "M13 6L19 12L13 18M5 6L11 12L5 18",