@hanzo/ui 5.3.35 → 5.3.38

package/dist/carousel.js

@@ -1,283 +1,2 @@
 "use client";
-'use strict';
-
-var React2 = require('react');
-var useEmblaCarousel = require('embla-carousel-react');
-var lucideReact = require('lucide-react');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
-var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-__name(cn, "cn");
-var buttonVariants = classVarianceAuthority.cva(
-  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline",
-        // Keep the additional Hanzo variants for backward compatibility
-        primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        linkFG: "text-primary underline-offset-4 hover:underline",
-        linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React2__namespace.forwardRef(
-  ({ className, variant = "default", size = "default", asChild = false, isLoading = false, children, ...props }, ref) => {
-    const Comp = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      Comp,
-      {
-        "data-slot": "button",
-        "data-variant": variant,
-        "data-size": size,
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props,
-        children: [
-          isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
-            lucideReact.Loader2,
-            {
-              className: cn("h-4 w-4 animate-spin", size !== "icon" && size !== "icon-sm" && size !== "icon-lg" && "mr-2")
-            }
-          ) : null,
-          isLoading && (size === "icon" || size === "icon-sm" || size === "icon-lg") ? null : children
-        ]
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var button_default = Button;
-var CarouselContext = React2__namespace.createContext(null);
-var useCarousel = /* @__PURE__ */ __name(() => {
-  const service = React2__namespace.useContext(CarouselContext);
-  if (!service) {
-    throw new Error("useCarousel must be used within a <Carousel />");
-  }
-  return service;
-}, "useCarousel");
-var Carousel = React2__namespace.forwardRef(
-  ({
-    orientation = "horizontal",
-    options,
-    setApi,
-    plugins,
-    className,
-    children,
-    onCarouselSelect,
-    ...props
-  }, ref) => {
-    const [carouselRef, api] = useEmblaCarousel__default.default({ ...options, axis: orientation === "horizontal" ? "x" : "y" }, plugins);
-    const [canScrollPrev, setCanScrollPrev] = React2__namespace.useState(false);
-    const [canScrollNext, setCanScrollNext] = React2__namespace.useState(false);
-    const onSelect = React2__namespace.useCallback((api2) => {
-      if (!api2) {
-        return;
-      }
-      setCanScrollPrev(api2.canScrollPrev());
-      setCanScrollNext(api2.canScrollNext());
-      if (onCarouselSelect) {
-        onCarouselSelect(api2);
-      }
-    }, []);
-    const scrollPrev = React2__namespace.useCallback(() => {
-      api?.scrollPrev();
-    }, [api]);
-    const scrollNext = React2__namespace.useCallback(() => {
-      api?.scrollNext();
-    }, [api]);
-    const handleKeyDown = React2__namespace.useCallback((event) => {
-      if (event.key === "ArrowLeft") {
-        event.preventDefault();
-        scrollPrev();
-      } else if (event.key === "ArrowRight") {
-        event.preventDefault();
-        scrollNext();
-      }
-    }, [scrollPrev, scrollNext]);
-    React2__namespace.useEffect(() => {
-      if (!api || !setApi) {
-        return;
-      }
-      setApi(api);
-    }, [api, setApi]);
-    React2__namespace.useEffect(() => {
-      if (!api) {
-        return;
-      }
-      onSelect(api);
-      api.on("reInit", onSelect);
-      api.on("select", onSelect);
-      return () => {
-        api?.off("select", onSelect);
-      };
-    }, [api, onSelect]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      CarouselContext.Provider,
-      {
-        value: {
-          carouselRef,
-          api,
-          options,
-          orientation: orientation || (options?.axis === "y" ? "vertical" : "horizontal"),
-          scrollPrev,
-          scrollNext,
-          canScrollPrev,
-          canScrollNext
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            ref,
-            onKeyDownCapture: handleKeyDown,
-            className: cn("relative", className),
-            role: "region",
-            "aria-roledescription": "carousel",
-            "data-vaul-no-drag": true,
-            ...props,
-            children
-          }
-        )
-      }
-    );
-  }
-);
-Carousel.displayName = "Carousel";
-var CarouselContent = React2__namespace.forwardRef(({ className, ...props }, ref) => {
-  const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: carouselRef, className: "overflow-hidden", "data-vaul-no-drag": true, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref,
-      className: cn(
-        "flex",
-        orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
-        className
-      ),
-      ...props
-    }
-  ) });
-});
-CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React2__namespace.forwardRef(({ className, ...props }, ref) => {
-  const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref,
-      role: "group",
-      "aria-roledescription": "slide",
-      "data-vaul-no-drag": true,
-      className: cn(
-        "min-w-0 shrink-0 grow-0 basis-full",
-        orientation === "horizontal" ? "pl-4" : "pt-4",
-        className
-      ),
-      ...props
-    }
-  );
-});
-CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React2__namespace.forwardRef(({ className, variant = "ghost", size = "icon", ...props }, ref) => {
-  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    button_default,
-    {
-      ref,
-      variant,
-      size,
-      className: cn(
-        "absolute  h-8 w-8 rounded-full",
-        orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollPrev,
-      onClick: scrollPrev,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Previous slide" })
-      ]
-    }
-  );
-});
-CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React2__namespace.forwardRef(({ className, variant = "ghost", size = "icon", ...props }, ref) => {
-  const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    button_default,
-    {
-      ref,
-      variant,
-      size,
-      className: cn(
-        "absolute h-8 w-8 rounded-full",
-        orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollNext,
-      onClick: scrollNext,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Next slide" })
-      ]
-    }
-  );
-});
-CarouselNext.displayName = "CarouselNext";
-
-exports.Carousel = Carousel;
-exports.CarouselContent = CarouselContent;
-exports.CarouselItem = CarouselItem;
-exports.CarouselNext = CarouselNext;
-exports.CarouselPrevious = CarouselPrevious;
+'use strict';var e=require('react'),_=require('embla-carousel-react'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var e__namespace=/*#__PURE__*/_interopNamespace(e);var ___default=/*#__PURE__*/_interopDefault(_);var M=Object.defineProperty;var d=(t,o)=>M(t,"name",{value:o,configurable:true});function i(...t){return tailwindMerge.twMerge(clsx.clsx(t))}d(i,"cn");var z=classVarianceAuthority.cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline",primary:"bg-primary text-primary-foreground shadow hover:bg-primary/90",linkFG:"text-primary underline-offset-4 hover:underline",linkMuted:"text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}}),C=e__namespace.forwardRef(({className:t,variant:o="default",size:r="default",asChild:a=false,isLoading:s=false,children:p,...c},m)=>jsxRuntime.jsxs(a?reactSlot.Slot:"button",{"data-slot":"button","data-variant":o,"data-size":r,className:i(z({variant:o,size:r,className:t})),ref:m,...c,children:[s?jsxRuntime.jsx(lucideReact.Loader2,{className:i("h-4 w-4 animate-spin",r!=="icon"&&r!=="icon-sm"&&r!=="icon-lg"&&"mr-2")}):null,s&&(r==="icon"||r==="icon-sm"||r==="icon-lg")?null:p]}));C.displayName="Button";var g=C;var w=e__namespace.createContext(null),b=d(()=>{let t=e__namespace.useContext(w);if(!t)throw new Error("useCarousel must be used within a <Carousel />");return t},"useCarousel"),$=e__namespace.forwardRef(({orientation:t="horizontal",options:o,setApi:r,plugins:a,className:s,children:p,onCarouselSelect:c,...m},y)=>{let[N,n]=___default.default({...o,axis:t==="horizontal"?"x":"y"},a),[P,T]=e__namespace.useState(false),[E,k]=e__namespace.useState(false),f=e__namespace.useCallback(l=>{l&&(T(l.canScrollPrev()),k(l.canScrollNext()),c&&c(l));},[]),v=e__namespace.useCallback(()=>{n?.scrollPrev();},[n]),x=e__namespace.useCallback(()=>{n?.scrollNext();},[n]),L=e__namespace.useCallback(l=>{l.key==="ArrowLeft"?(l.preventDefault(),v()):l.key==="ArrowRight"&&(l.preventDefault(),x());},[v,x]);return e__namespace.useEffect(()=>{!n||!r||r(n);},[n,r]),e__namespace.useEffect(()=>{if(n)return f(n),n.on("reInit",f),n.on("select",f),()=>{n?.off("select",f);}},[n,f]),jsxRuntime.jsx(w.Provider,{value:{carouselRef:N,api:n,options:o,orientation:t||(o?.axis==="y"?"vertical":"horizontal"),scrollPrev:v,scrollNext:x,canScrollPrev:P,canScrollNext:E},children:jsxRuntime.jsx("div",{ref:y,onKeyDownCapture:L,className:i("relative",s),role:"region","aria-roledescription":"carousel","data-vaul-no-drag":true,...m,children:p})})});$.displayName="Carousel";var K=e__namespace.forwardRef(({className:t,...o},r)=>{let{carouselRef:a,orientation:s}=b();return jsxRuntime.jsx("div",{ref:a,className:"overflow-hidden","data-vaul-no-drag":true,children:jsxRuntime.jsx("div",{ref:r,className:i("flex",s==="horizontal"?"-ml-4":"-mt-4 flex-col",t),...o})})});K.displayName="CarouselContent";var O=e__namespace.forwardRef(({className:t,...o},r)=>{let{orientation:a}=b();return jsxRuntime.jsx("div",{ref:r,role:"group","aria-roledescription":"slide","data-vaul-no-drag":true,className:i("min-w-0 shrink-0 grow-0 basis-full",a==="horizontal"?"pl-4":"pt-4",t),...o})});O.displayName="CarouselItem";var F=e__namespace.forwardRef(({className:t,variant:o="ghost",size:r="icon",...a},s)=>{let{orientation:p,scrollPrev:c,canScrollPrev:m}=b();return jsxRuntime.jsxs(g,{ref:s,variant:o,size:r,className:i("absolute  h-8 w-8 rounded-full",p==="horizontal"?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",t),disabled:!m,onClick:c,...a,children:[jsxRuntime.jsx(lucideReact.ArrowLeft,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Previous slide"})]})});F.displayName="CarouselPrevious";var G=e__namespace.forwardRef(({className:t,variant:o="ghost",size:r="icon",...a},s)=>{let{orientation:p,scrollNext:c,canScrollNext:m}=b();return jsxRuntime.jsxs(g,{ref:s,variant:o,size:r,className:i("absolute h-8 w-8 rounded-full",p==="horizontal"?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",t),disabled:!m,onClick:c,...a,children:[jsxRuntime.jsx(lucideReact.ArrowRight,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Next slide"})]})});G.displayName="CarouselNext";exports.Carousel=$;exports.CarouselContent=K;exports.CarouselItem=O;exports.CarouselNext=G;exports.CarouselPrevious=F;

package/dist/carousel.mjs

@@ -1,254 +1,2 @@
 "use client";
-import * as React2 from 'react';
-import useEmblaCarousel from 'embla-carousel-react';
-import { Loader2, ArrowLeft, ArrowRight } from 'lucide-react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-__name(cn, "cn");
-var buttonVariants = cva(
-  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline",
-        // Keep the additional Hanzo variants for backward compatibility
-        primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        linkFG: "text-primary underline-offset-4 hover:underline",
-        linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React2.forwardRef(
-  ({ className, variant = "default", size = "default", asChild = false, isLoading = false, children, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsxs(
-      Comp,
-      {
-        "data-slot": "button",
-        "data-variant": variant,
-        "data-size": size,
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props,
-        children: [
-          isLoading ? /* @__PURE__ */ jsx(
-            Loader2,
-            {
-              className: cn("h-4 w-4 animate-spin", size !== "icon" && size !== "icon-sm" && size !== "icon-lg" && "mr-2")
-            }
-          ) : null,
-          isLoading && (size === "icon" || size === "icon-sm" || size === "icon-lg") ? null : children
-        ]
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var button_default = Button;
-var CarouselContext = React2.createContext(null);
-var useCarousel = /* @__PURE__ */ __name(() => {
-  const service = React2.useContext(CarouselContext);
-  if (!service) {
-    throw new Error("useCarousel must be used within a <Carousel />");
-  }
-  return service;
-}, "useCarousel");
-var Carousel = React2.forwardRef(
-  ({
-    orientation = "horizontal",
-    options,
-    setApi,
-    plugins,
-    className,
-    children,
-    onCarouselSelect,
-    ...props
-  }, ref) => {
-    const [carouselRef, api] = useEmblaCarousel({ ...options, axis: orientation === "horizontal" ? "x" : "y" }, plugins);
-    const [canScrollPrev, setCanScrollPrev] = React2.useState(false);
-    const [canScrollNext, setCanScrollNext] = React2.useState(false);
-    const onSelect = React2.useCallback((api2) => {
-      if (!api2) {
-        return;
-      }
-      setCanScrollPrev(api2.canScrollPrev());
-      setCanScrollNext(api2.canScrollNext());
-      if (onCarouselSelect) {
-        onCarouselSelect(api2);
-      }
-    }, []);
-    const scrollPrev = React2.useCallback(() => {
-      api?.scrollPrev();
-    }, [api]);
-    const scrollNext = React2.useCallback(() => {
-      api?.scrollNext();
-    }, [api]);
-    const handleKeyDown = React2.useCallback((event) => {
-      if (event.key === "ArrowLeft") {
-        event.preventDefault();
-        scrollPrev();
-      } else if (event.key === "ArrowRight") {
-        event.preventDefault();
-        scrollNext();
-      }
-    }, [scrollPrev, scrollNext]);
-    React2.useEffect(() => {
-      if (!api || !setApi) {
-        return;
-      }
-      setApi(api);
-    }, [api, setApi]);
-    React2.useEffect(() => {
-      if (!api) {
-        return;
-      }
-      onSelect(api);
-      api.on("reInit", onSelect);
-      api.on("select", onSelect);
-      return () => {
-        api?.off("select", onSelect);
-      };
-    }, [api, onSelect]);
-    return /* @__PURE__ */ jsx(
-      CarouselContext.Provider,
-      {
-        value: {
-          carouselRef,
-          api,
-          options,
-          orientation: orientation || (options?.axis === "y" ? "vertical" : "horizontal"),
-          scrollPrev,
-          scrollNext,
-          canScrollPrev,
-          canScrollNext
-        },
-        children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref,
-            onKeyDownCapture: handleKeyDown,
-            className: cn("relative", className),
-            role: "region",
-            "aria-roledescription": "carousel",
-            "data-vaul-no-drag": true,
-            ...props,
-            children
-          }
-        )
-      }
-    );
-  }
-);
-Carousel.displayName = "Carousel";
-var CarouselContent = React2.forwardRef(({ className, ...props }, ref) => {
-  const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx("div", { ref: carouselRef, className: "overflow-hidden", "data-vaul-no-drag": true, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn(
-        "flex",
-        orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
-        className
-      ),
-      ...props
-    }
-  ) });
-});
-CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React2.forwardRef(({ className, ...props }, ref) => {
-  const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      role: "group",
-      "aria-roledescription": "slide",
-      "data-vaul-no-drag": true,
-      className: cn(
-        "min-w-0 shrink-0 grow-0 basis-full",
-        orientation === "horizontal" ? "pl-4" : "pt-4",
-        className
-      ),
-      ...props
-    }
-  );
-});
-CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React2.forwardRef(({ className, variant = "ghost", size = "icon", ...props }, ref) => {
-  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs(
-    button_default,
-    {
-      ref,
-      variant,
-      size,
-      className: cn(
-        "absolute  h-8 w-8 rounded-full",
-        orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollPrev,
-      onClick: scrollPrev,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous slide" })
-      ]
-    }
-  );
-});
-CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React2.forwardRef(({ className, variant = "ghost", size = "icon", ...props }, ref) => {
-  const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs(
-    button_default,
-    {
-      ref,
-      variant,
-      size,
-      className: cn(
-        "absolute h-8 w-8 rounded-full",
-        orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollNext,
-      onClick: scrollNext,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next slide" })
-      ]
-    }
-  );
-});
-CarouselNext.displayName = "CarouselNext";
-
-export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
+import*as e from'react';import _ from'embla-carousel-react';import {Loader2,ArrowLeft,ArrowRight}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {jsxs,jsx}from'react/jsx-runtime';var M=Object.defineProperty;var d=(t,o)=>M(t,"name",{value:o,configurable:true});function i(...t){return twMerge(clsx(t))}d(i,"cn");var z=cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline",primary:"bg-primary text-primary-foreground shadow hover:bg-primary/90",linkFG:"text-primary underline-offset-4 hover:underline",linkMuted:"text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}}),C=e.forwardRef(({className:t,variant:o="default",size:r="default",asChild:a=false,isLoading:s=false,children:p,...c},m)=>jsxs(a?Slot:"button",{"data-slot":"button","data-variant":o,"data-size":r,className:i(z({variant:o,size:r,className:t})),ref:m,...c,children:[s?jsx(Loader2,{className:i("h-4 w-4 animate-spin",r!=="icon"&&r!=="icon-sm"&&r!=="icon-lg"&&"mr-2")}):null,s&&(r==="icon"||r==="icon-sm"||r==="icon-lg")?null:p]}));C.displayName="Button";var g=C;var w=e.createContext(null),b=d(()=>{let t=e.useContext(w);if(!t)throw new Error("useCarousel must be used within a <Carousel />");return t},"useCarousel"),$=e.forwardRef(({orientation:t="horizontal",options:o,setApi:r,plugins:a,className:s,children:p,onCarouselSelect:c,...m},y)=>{let[N,n]=_({...o,axis:t==="horizontal"?"x":"y"},a),[P,T]=e.useState(false),[E,k]=e.useState(false),f=e.useCallback(l=>{l&&(T(l.canScrollPrev()),k(l.canScrollNext()),c&&c(l));},[]),v=e.useCallback(()=>{n?.scrollPrev();},[n]),x=e.useCallback(()=>{n?.scrollNext();},[n]),L=e.useCallback(l=>{l.key==="ArrowLeft"?(l.preventDefault(),v()):l.key==="ArrowRight"&&(l.preventDefault(),x());},[v,x]);return e.useEffect(()=>{!n||!r||r(n);},[n,r]),e.useEffect(()=>{if(n)return f(n),n.on("reInit",f),n.on("select",f),()=>{n?.off("select",f);}},[n,f]),jsx(w.Provider,{value:{carouselRef:N,api:n,options:o,orientation:t||(o?.axis==="y"?"vertical":"horizontal"),scrollPrev:v,scrollNext:x,canScrollPrev:P,canScrollNext:E},children:jsx("div",{ref:y,onKeyDownCapture:L,className:i("relative",s),role:"region","aria-roledescription":"carousel","data-vaul-no-drag":true,...m,children:p})})});$.displayName="Carousel";var K=e.forwardRef(({className:t,...o},r)=>{let{carouselRef:a,orientation:s}=b();return jsx("div",{ref:a,className:"overflow-hidden","data-vaul-no-drag":true,children:jsx("div",{ref:r,className:i("flex",s==="horizontal"?"-ml-4":"-mt-4 flex-col",t),...o})})});K.displayName="CarouselContent";var O=e.forwardRef(({className:t,...o},r)=>{let{orientation:a}=b();return jsx("div",{ref:r,role:"group","aria-roledescription":"slide","data-vaul-no-drag":true,className:i("min-w-0 shrink-0 grow-0 basis-full",a==="horizontal"?"pl-4":"pt-4",t),...o})});O.displayName="CarouselItem";var F=e.forwardRef(({className:t,variant:o="ghost",size:r="icon",...a},s)=>{let{orientation:p,scrollPrev:c,canScrollPrev:m}=b();return jsxs(g,{ref:s,variant:o,size:r,className:i("absolute  h-8 w-8 rounded-full",p==="horizontal"?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",t),disabled:!m,onClick:c,...a,children:[jsx(ArrowLeft,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Previous slide"})]})});F.displayName="CarouselPrevious";var G=e.forwardRef(({className:t,variant:o="ghost",size:r="icon",...a},s)=>{let{orientation:p,scrollNext:c,canScrollNext:m}=b();return jsxs(g,{ref:s,variant:o,size:r,className:i("absolute h-8 w-8 rounded-full",p==="horizontal"?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",t),disabled:!m,onClick:c,...a,children:[jsx(ArrowRight,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Next slide"})]})});G.displayName="CarouselNext";export{$ as Carousel,K as CarouselContent,O as CarouselItem,G as CarouselNext,F as CarouselPrevious};