@hanzo/ui 5.3.34 → 5.3.36

package/dist/carousel.mjs

@@ -1,249 +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-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        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",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
-        icon: "h-9 w-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React2.forwardRef(
-  ({ className, variant, size, asChild = false, isLoading = false, children, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsxs(
-      Comp,
-      {
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props,
-        children: [
-          isLoading ? /* @__PURE__ */ jsx(
-            Loader2,
-            {
-              className: cn("h-4 w-4 animate-spin", size !== "icon" && "mr-2")
-            }
-          ) : null,
-          isLoading && size === "icon" ? 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};