@opensite/ui 2.8.2 → 2.8.4

package/dist/carousel-gradient-text.js

@@ -584,6 +584,7 @@ function CarouselPrevious({
       className: cn(
         "absolute size-8 rounded-full",
         orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        canScrollPrev ? "cursor-pointer" : "cursor-not-allowed",
         className
       ),
       disabled: !canScrollPrev,
@@ -613,6 +614,7 @@ function CarouselNext({
       className: cn(
         "absolute size-8 rounded-full",
         orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        canScrollNext ? "cursor-pointer" : "cursor-not-allowed",
         className
       ),
       disabled: !canScrollNext,
@@ -1052,6 +1054,7 @@ function CarouselGradientText({
         href: item.href,
         className: cn(
           "relative flex aspect-4/5 max-h-[500px] rounded-2xl",
+          "transition-all duration-500 shadow-sm hover:shadow-xl",
           item.className,
           cardClassName
         ),
@@ -1074,16 +1077,15 @@ function CarouselGradientText({
                 "size-full rounded-2xl bg-cover object-cover",
                 imageClassName
               ),
-              loading: "lazy",
               optixFlowConfig
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 p-8", children: /* @__PURE__ */ jsxs("div", { className: "text-sm font-semibold text-white/70", children: [
-            /* @__PURE__ */ jsxs("div", { className: "mr-1 text-white", children: [
+          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 p-8", children: /* @__PURE__ */ jsxs("div", { className: "text-white space-y-2 text-pretty text-shadow-lg", children: [
+            /* @__PURE__ */ jsxs("div", { className: "text-lg font-semibold", children: [
               item.title,
               "."
             ] }),
-            /* @__PURE__ */ jsx("div", { children: item.description })
+            /* @__PURE__ */ jsx("div", { className: "opacity-75 text-base font-normal", children: item.description })
           ] }) })
         ]
       }
@@ -1133,7 +1135,7 @@ function CarouselGradientText({
                     ]
                   }
                 ),
-                tagline ? typeof tagline === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-2 md:mt-8 text-xl", taglineClassName), children: tagline }) : /* @__PURE__ */ jsx("div", { className: cn("mt-2 md:mt-8 text-xl", taglineClassName), children: tagline }) : null,
+                tagline ? typeof tagline === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-2 md:mt-4 text-xl", taglineClassName), children: tagline }) : tagline : null,
                 /* @__PURE__ */ jsxs(
                   "div",
                   {
@@ -1169,8 +1171,12 @@ function CarouselGradientText({
               "span",
               {
                 className: cn(
-                  "flex h-8 shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-full bg-muted-foreground/15 text-xs font-semibold whitespace-nowrap transition-all duration-300",
-                  index + 1 === current ? "w-fit px-4" : "my-4 mx-2 md:mx-4 size-4"
+                  "transition-all duration-500",
+                  "bg-card text-card-foreground",
+                  "ring-4 ring-primary",
+                  "flex shrink-0 items-center justify-center",
+                  "h-8 overflow-hidden rounded-full text-xs font-semibold whitespace-nowrap",
+                  index + 1 === current ? "w-fit px-4 mx-2" : "my-4 mx-2 md:mx-4 size-4 hover:bg-primary hover:text-primary-foreground cursor-pointer"
                 ),
                 onClick: () => api && api.scrollTo(index),
                 children: /* @__PURE__ */ jsx(

package/dist/carousel-horizontal-cards.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DTNjmUnl.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-CrqLti5l.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C3xYbyms.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-D1hqLk46.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';

package/dist/carousel-horizontal-cards.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CdK9AUiW.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BTy27FOO.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-o1TkNw2C.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-kcru1Ogu.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';

package/dist/carousel-icon-sidebar.cjs

@@ -38,36 +38,6 @@ var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-function getNestedCardBg(parentBg, variant = "muted", options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  if (isDark) {
-    switch (variant) {
-      case "muted":
-        return "bg-background";
-      case "card":
-        return "bg-card";
-      case "accent":
-        return "bg-accent";
-      case "subtle":
-        return "bg-background/50";
-    }
-  } else {
-    switch (variant) {
-      case "muted":
-        return "bg-muted";
-      case "card":
-        return "bg-card";
-      case "accent":
-        return "bg-accent";
-      case "subtle":
-        return "bg-muted/50";
-    }
-  }
-}
-function getNestedCardTextColor(parentBg, options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  return isDark ? "text-foreground" : "";
-}
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React4__namespace.memo(function DynamicIcon2({
   apiKey,
@@ -639,6 +609,7 @@ function CarouselPrevious({
       className: cn(
         "absolute size-8 rounded-full",
         orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        canScrollPrev ? "cursor-pointer" : "cursor-not-allowed",
         className
       ),
       disabled: !canScrollPrev,
@@ -668,6 +639,7 @@ function CarouselNext({
       className: cn(
         "absolute size-8 rounded-full",
         orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        canScrollNext ? "cursor-pointer" : "cursor-not-allowed",
         className
       ),
       disabled: !canScrollNext,
@@ -1076,7 +1048,8 @@ function CarouselIconSidebar({
   itemClassName,
   imageClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity,
   patternClassName,
@@ -1125,9 +1098,10 @@ function CarouselIconSidebar({
       "div",
       {
         className: cn(
-          "flex h-full flex-row md:flex-col gap-4 md:gap-8 rounded-lg p-4 md:p-8",
-          getNestedCardBg(background),
-          getNestedCardTextColor(background),
+          "flex h-full flex-row md:flex-col",
+          "gap-4 md:gap-8 rounded-2xl p-4 md:p-8",
+          "bg-card text-card-foreground shadow-lg",
+          "border border-muted/10",
           sidebarClassName
         ),
         children: [
@@ -1136,7 +1110,6 @@ function CarouselIconSidebar({
             {
               className: cn(
                 "flex h-fit w-fit p-3 items-center justify-center rounded-lg shadow-lg ring-1 ring-border bg-card",
-                getNestedCardBg(background, "card"),
                 iconClassName
               ),
               children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: activeItem.icon, size: 24 })
@@ -1163,25 +1136,7 @@ function CarouselIconSidebar({
                   children: activeItem.title
                 }
               ),
-              typeof activeItem.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                "p",
-                {
-                  className: cn(
-                    "mb-4 text-base text-muted-foreground",
-                    descriptionClassName
-                  ),
-                  children: activeItem.description
-                }
-              ) : /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: cn(
-                    "mb-4 text-base text-muted-foreground",
-                    descriptionClassName
-                  ),
-                  children: activeItem.description
-                }
-              )
+              typeof activeItem.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-4 text-base", descriptionClassName), children: activeItem.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 text-base", descriptionClassName), children: activeItem.description })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-2", controlsClassName), children: [
               /* @__PURE__ */ jsxRuntime.jsx(CarouselPrevious, { className: "relative top-0 right-0 left-0 translate-x-0 translate-y-0 p-5 transition-all duration-200 hover:bg-foreground hover:text-background" }),
@@ -1242,6 +1197,7 @@ function CarouselIconSidebar({
       patternOpacity,
       patternClassName,
       className,
+      containerClassName,
       children: [
         title || description ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 mb-6 md:mb-16 px-4 md:px-0", children: [
           title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -1253,7 +1209,7 @@ function CarouselIconSidebar({
               ),
               children: title
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: sectionTitleClassName, children: title })),
+          ) : title),
           description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "p",
             {
@@ -1263,20 +1219,20 @@ function CarouselIconSidebar({
               ),
               children: description
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
+          ) : description)
+        ] }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(Carousel, { setApi, className: cn("w-full", carouselClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 md:gap-6 md:grid-cols-5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "md:col-span-2", children: sidebarContent }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full md:col-span-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+            CarouselContent,
             {
               className: cn(
-                "max-w-lg text-balance",
-                sectionDescriptionClassName
+                "overflow-hidden rounded-2xl shadow-lg h-full",
+                carouselContentClassName
               ),
-              children: description
+              children: itemsContent
             }
-          ))
-        ] }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(Carousel, { setApi, className: cn("w-full", carouselClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 md:gap-6 md:grid-cols-5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "md:col-span-2", children: sidebarContent }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full md:col-span-3", children: /* @__PURE__ */ jsxRuntime.jsx(CarouselContent, { className: cn("h-full", carouselContentClassName), children: itemsContent }) })
+          ) })
         ] }) }),
         lightboxOpen && /* @__PURE__ */ jsxRuntime.jsx(
           lightbox.Lightbox,

package/dist/carousel-icon-sidebar.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DTNjmUnl.cjs';
-import { O as OptixFlowConfig } from './blocks-CrqLti5l.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C3xYbyms.cjs';
+import { O as OptixFlowConfig } from './blocks-D1hqLk46.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
@@ -129,6 +129,10 @@ interface CarouselIconSidebarProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
 }
 /**
  * CarouselIconSidebar displays a carousel with a dynamic icon sidebar panel.
@@ -153,6 +157,6 @@ interface CarouselIconSidebarProps {
  * />
  * ```
  */
-declare function CarouselIconSidebar({ title, description, items, itemsSlot, sidebarSlot, className, sectionTitleClassName, sectionDescriptionClassName, sidebarClassName, iconClassName, titleClassName, descriptionClassName, controlsClassName, carouselClassName, carouselContentClassName, itemClassName, imageClassName, background, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: CarouselIconSidebarProps): React.JSX.Element;
+declare function CarouselIconSidebar({ title, description, items, itemsSlot, sidebarSlot, className, sectionTitleClassName, sectionDescriptionClassName, sidebarClassName, iconClassName, titleClassName, descriptionClassName, controlsClassName, carouselClassName, carouselContentClassName, itemClassName, imageClassName, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: CarouselIconSidebarProps): React.JSX.Element;
 
 export { CarouselIconSidebar, type CarouselIconSidebarItem, type CarouselIconSidebarProps };

package/dist/carousel-icon-sidebar.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CdK9AUiW.js';
-import { O as OptixFlowConfig } from './blocks-BTy27FOO.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-o1TkNw2C.js';
+import { O as OptixFlowConfig } from './blocks-kcru1Ogu.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
@@ -129,6 +129,10 @@ interface CarouselIconSidebarProps {
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
 }
 /**
  * CarouselIconSidebar displays a carousel with a dynamic icon sidebar panel.
@@ -153,6 +157,6 @@ interface CarouselIconSidebarProps {
  * />
  * ```
  */
-declare function CarouselIconSidebar({ title, description, items, itemsSlot, sidebarSlot, className, sectionTitleClassName, sectionDescriptionClassName, sidebarClassName, iconClassName, titleClassName, descriptionClassName, controlsClassName, carouselClassName, carouselContentClassName, itemClassName, imageClassName, background, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: CarouselIconSidebarProps): React.JSX.Element;
+declare function CarouselIconSidebar({ title, description, items, itemsSlot, sidebarSlot, className, sectionTitleClassName, sectionDescriptionClassName, sidebarClassName, iconClassName, titleClassName, descriptionClassName, controlsClassName, carouselClassName, carouselContentClassName, itemClassName, imageClassName, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: CarouselIconSidebarProps): React.JSX.Element;
 
 export { CarouselIconSidebar, type CarouselIconSidebarItem, type CarouselIconSidebarProps };

package/dist/carousel-icon-sidebar.js

@@ -14,36 +14,6 @@ import { Lightbox } from '@page-speed/lightbox';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-function getNestedCardBg(parentBg, variant = "muted", options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  if (isDark) {
-    switch (variant) {
-      case "muted":
-        return "bg-background";
-      case "card":
-        return "bg-card";
-      case "accent":
-        return "bg-accent";
-      case "subtle":
-        return "bg-background/50";
-    }
-  } else {
-    switch (variant) {
-      case "muted":
-        return "bg-muted";
-      case "card":
-        return "bg-card";
-      case "accent":
-        return "bg-accent";
-      case "subtle":
-        return "bg-muted/50";
-    }
-  }
-}
-function getNestedCardTextColor(parentBg, options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  return isDark ? "text-foreground" : "";
-}
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
 var DynamicIcon = React4.memo(function DynamicIcon2({
   apiKey,
@@ -615,6 +585,7 @@ function CarouselPrevious({
       className: cn(
         "absolute size-8 rounded-full",
         orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        canScrollPrev ? "cursor-pointer" : "cursor-not-allowed",
         className
       ),
       disabled: !canScrollPrev,
@@ -644,6 +615,7 @@ function CarouselNext({
       className: cn(
         "absolute size-8 rounded-full",
         orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        canScrollNext ? "cursor-pointer" : "cursor-not-allowed",
         className
       ),
       disabled: !canScrollNext,
@@ -1052,7 +1024,8 @@ function CarouselIconSidebar({
   itemClassName,
   imageClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity,
   patternClassName,
@@ -1101,9 +1074,10 @@ function CarouselIconSidebar({
       "div",
       {
         className: cn(
-          "flex h-full flex-row md:flex-col gap-4 md:gap-8 rounded-lg p-4 md:p-8",
-          getNestedCardBg(background),
-          getNestedCardTextColor(background),
+          "flex h-full flex-row md:flex-col",
+          "gap-4 md:gap-8 rounded-2xl p-4 md:p-8",
+          "bg-card text-card-foreground shadow-lg",
+          "border border-muted/10",
           sidebarClassName
         ),
         children: [
@@ -1112,7 +1086,6 @@ function CarouselIconSidebar({
             {
               className: cn(
                 "flex h-fit w-fit p-3 items-center justify-center rounded-lg shadow-lg ring-1 ring-border bg-card",
-                getNestedCardBg(background, "card"),
                 iconClassName
               ),
               children: /* @__PURE__ */ jsx(DynamicIcon, { name: activeItem.icon, size: 24 })
@@ -1139,25 +1112,7 @@ function CarouselIconSidebar({
                   children: activeItem.title
                 }
               ),
-              typeof activeItem.description === "string" ? /* @__PURE__ */ jsx(
-                "p",
-                {
-                  className: cn(
-                    "mb-4 text-base text-muted-foreground",
-                    descriptionClassName
-                  ),
-                  children: activeItem.description
-                }
-              ) : /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    "mb-4 text-base text-muted-foreground",
-                    descriptionClassName
-                  ),
-                  children: activeItem.description
-                }
-              )
+              typeof activeItem.description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mb-4 text-base", descriptionClassName), children: activeItem.description }) : /* @__PURE__ */ jsx("div", { className: cn("mb-4 text-base", descriptionClassName), children: activeItem.description })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", controlsClassName), children: [
               /* @__PURE__ */ jsx(CarouselPrevious, { className: "relative top-0 right-0 left-0 translate-x-0 translate-y-0 p-5 transition-all duration-200 hover:bg-foreground hover:text-background" }),
@@ -1218,6 +1173,7 @@ function CarouselIconSidebar({
       patternOpacity,
       patternClassName,
       className,
+      containerClassName,
       children: [
         title || description ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 mb-6 md:mb-16 px-4 md:px-0", children: [
           title && (typeof title === "string" ? /* @__PURE__ */ jsx(
@@ -1229,7 +1185,7 @@ function CarouselIconSidebar({
               ),
               children: title
             }
-          ) : /* @__PURE__ */ jsx("div", { className: sectionTitleClassName, children: title })),
+          ) : title),
           description && (typeof description === "string" ? /* @__PURE__ */ jsx(
             "p",
             {
@@ -1239,20 +1195,20 @@ function CarouselIconSidebar({
               ),
               children: description
             }
-          ) : /* @__PURE__ */ jsx(
-            "div",
+          ) : description)
+        ] }) : null,
+        /* @__PURE__ */ jsx(Carousel, { setApi, className: cn("w-full", carouselClassName), children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:gap-6 md:grid-cols-5", children: [
+          /* @__PURE__ */ jsx("div", { className: "md:col-span-2", children: sidebarContent }),
+          /* @__PURE__ */ jsx("div", { className: "h-full md:col-span-3", children: /* @__PURE__ */ jsx(
+            CarouselContent,
             {
               className: cn(
-                "max-w-lg text-balance",
-                sectionDescriptionClassName
+                "overflow-hidden rounded-2xl shadow-lg h-full",
+                carouselContentClassName
               ),
-              children: description
+              children: itemsContent
             }
-          ))
-        ] }) : null,
-        /* @__PURE__ */ jsx(Carousel, { setApi, className: cn("w-full", carouselClassName), children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:gap-6 md:grid-cols-5", children: [
-          /* @__PURE__ */ jsx("div", { className: "md:col-span-2", children: sidebarContent }),
-          /* @__PURE__ */ jsx("div", { className: "h-full md:col-span-3", children: /* @__PURE__ */ jsx(CarouselContent, { className: cn("h-full", carouselContentClassName), children: itemsContent }) })
+          ) })
         ] }) }),
         lightboxOpen && /* @__PURE__ */ jsx(
           Lightbox,

package/dist/carousel-icon-tabs.cjs

@@ -642,6 +642,7 @@ function CarouselPrevious({
       className: cn(
         "absolute size-8 rounded-full",
         orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        canScrollPrev ? "cursor-pointer" : "cursor-not-allowed",
         className
       ),
       disabled: !canScrollPrev,
@@ -671,6 +672,7 @@ function CarouselNext({
       className: cn(
         "absolute size-8 rounded-full",
         orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        canScrollNext ? "cursor-pointer" : "cursor-not-allowed",
         className
       ),
       disabled: !canScrollNext,

package/dist/carousel-icon-tabs.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DTNjmUnl.cjs';
-import { O as OptixFlowConfig } from './blocks-CrqLti5l.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C3xYbyms.cjs';
+import { O as OptixFlowConfig } from './blocks-D1hqLk46.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';

package/dist/carousel-icon-tabs.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CdK9AUiW.js';
-import { O as OptixFlowConfig } from './blocks-BTy27FOO.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-o1TkNw2C.js';
+import { O as OptixFlowConfig } from './blocks-kcru1Ogu.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';

package/dist/carousel-icon-tabs.js

@@ -618,6 +618,7 @@ function CarouselPrevious({
       className: cn(
         "absolute size-8 rounded-full",
         orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        canScrollPrev ? "cursor-pointer" : "cursor-not-allowed",
         className
       ),
       disabled: !canScrollPrev,
@@ -647,6 +648,7 @@ function CarouselNext({
       className: cn(
         "absolute size-8 rounded-full",
         orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        canScrollNext ? "cursor-pointer" : "cursor-not-allowed",
         className
       ),
       disabled: !canScrollNext,

package/dist/carousel-image-hero.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DTNjmUnl.cjs';
-import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-CrqLti5l.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C3xYbyms.cjs';
+import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-D1hqLk46.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';

package/dist/carousel-image-hero.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CdK9AUiW.js';
-import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-BTy27FOO.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-o1TkNw2C.js';
+import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-kcru1Ogu.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';

package/dist/carousel-multi-step-showcase.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DTNjmUnl.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-CrqLti5l.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C3xYbyms.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-D1hqLk46.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';

package/dist/carousel-multi-step-showcase.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CdK9AUiW.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BTy27FOO.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-o1TkNw2C.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-kcru1Ogu.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';

package/dist/carousel-portfolio-hero.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DTNjmUnl.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-CrqLti5l.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C3xYbyms.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-D1hqLk46.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';

package/dist/carousel-portfolio-hero.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CdK9AUiW.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BTy27FOO.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-o1TkNw2C.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-kcru1Ogu.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';

package/dist/carousel-product-feature-showcase.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DTNjmUnl.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-CrqLti5l.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C3xYbyms.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-D1hqLk46.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';

package/dist/carousel-product-feature-showcase.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CdK9AUiW.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BTy27FOO.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-o1TkNw2C.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-kcru1Ogu.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';

package/dist/carousel-progress-slider.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DTNjmUnl.cjs';
-import { O as OptixFlowConfig } from './blocks-CrqLti5l.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C3xYbyms.cjs';
+import { O as OptixFlowConfig } from './blocks-D1hqLk46.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';

package/dist/carousel-progress-slider.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CdK9AUiW.js';
-import { O as OptixFlowConfig } from './blocks-BTy27FOO.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-o1TkNw2C.js';
+import { O as OptixFlowConfig } from './blocks-kcru1Ogu.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';

package/dist/carousel-scale-focus.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DTNjmUnl.cjs';
-import { O as OptixFlowConfig } from './blocks-CrqLti5l.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C3xYbyms.cjs';
+import { O as OptixFlowConfig } from './blocks-D1hqLk46.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';

package/dist/carousel-scale-focus.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CdK9AUiW.js';
-import { O as OptixFlowConfig } from './blocks-BTy27FOO.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-o1TkNw2C.js';
+import { O as OptixFlowConfig } from './blocks-kcru1Ogu.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';