@hanzo/ui 5.3.35 → 5.3.36

package/dist/ui/index.mjs

@@ -1,462 +1,2 @@
 "use client";
-import * as React5 from 'react';
-import { Loader2, X, Loader2Icon } 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';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-
-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 = React5.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 Announcement = React5.forwardRef(
-  ({ className, children, dismissible = true, onDismiss, ...props }, ref) => {
-    const [isVisible, setIsVisible] = React5.useState(true);
-    const handleDismiss = /* @__PURE__ */ __name(() => {
-      setIsVisible(false);
-      onDismiss?.();
-    }, "handleDismiss");
-    if (!isVisible) return null;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          "relative flex items-center gap-4 rounded-lg border bg-background px-4 py-3 text-sm",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "flex-1", children }),
-          dismissible && /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: "h-6 w-6",
-              onClick: handleDismiss,
-              children: [
-                /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Dismiss" })
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Announcement.displayName = "Announcement";
-var Avatar = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsx(
-  AvatarPrimitive.Root,
-  {
-    className: cn(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-      className
-    ),
-    ref,
-    ...props
-  }
-), "Avatar");
-Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsx(
-  AvatarPrimitive.Image,
-  {
-    className: cn("aspect-square h-full w-full", className),
-    ref,
-    ...props
-  }
-), "AvatarImage");
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsx(
-  AvatarPrimitive.Fallback,
-  {
-    className: cn(
-      "bg-muted flex h-full w-full items-center justify-center rounded-full",
-      className
-    ),
-    ref,
-    ...props
-  }
-), "AvatarFallback");
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-var AvatarGroup = React5.forwardRef(
-  ({ className, items, max = 5, ...props }, ref) => {
-    const displayItems = items.slice(0, max);
-    const remaining = items.length - max;
-    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex -space-x-4", className), ...props, children: [
-      displayItems.map((item, index) => /* @__PURE__ */ jsxs(Avatar, { className: "border-2 border-background", children: [
-        /* @__PURE__ */ jsx(AvatarImage, { src: item.src, alt: item.alt }),
-        /* @__PURE__ */ jsx(AvatarFallback, { children: item.fallback })
-      ] }, index)),
-      remaining > 0 && /* @__PURE__ */ jsx(Avatar, { className: "border-2 border-background", children: /* @__PURE__ */ jsxs(AvatarFallback, { children: [
-        "+",
-        remaining
-      ] }) })
-    ] });
-  }
-);
-AvatarGroup.displayName = "AvatarGroup";
-var bannerVariants = cva(
-  "relative w-full border-b px-4 py-3 text-sm [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
-  {
-    variants: {
-      variant: {
-        default: "bg-background text-foreground",
-        info: "border-blue-500/50 bg-blue-50 text-blue-900 dark:bg-blue-950 dark:text-blue-100 [&>svg]:text-blue-600 dark:[&>svg]:text-blue-400",
-        success: "border-green-500/50 bg-green-50 text-green-900 dark:bg-green-950 dark:text-green-100 [&>svg]:text-green-600 dark:[&>svg]:text-green-400",
-        warning: "border-yellow-500/50 bg-yellow-50 text-yellow-900 dark:bg-yellow-950 dark:text-yellow-100 [&>svg]:text-yellow-600 dark:[&>svg]:text-yellow-400",
-        error: "border-red-500/50 bg-red-50 text-red-900 dark:bg-red-950 dark:text-red-100 [&>svg]:text-red-600 dark:[&>svg]:text-red-400"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var Banner = React5.forwardRef(
-  ({ className, variant, onClose, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        role: "alert",
-        className: cn(bannerVariants({ variant }), className),
-        ...props,
-        children: [
-          children,
-          onClose && /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: onClose,
-              className: "absolute right-4 top-3 rounded-md p-1 hover:bg-black/5 dark:hover:bg-white/5",
-              children: [
-                /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Banner.displayName = "Banner";
-var Cursor = React5.forwardRef(
-  ({ className, children, cursorText, cursorSize = 20, ...props }, ref) => {
-    const [position, setPosition] = React5.useState({ x: 0, y: 0 });
-    const [isHovered, setIsHovered] = React5.useState(false);
-    const handleMouseMove = /* @__PURE__ */ __name((e) => {
-      const rect = e.currentTarget.getBoundingClientRect();
-      setPosition({
-        x: e.clientX - rect.left,
-        y: e.clientY - rect.top
-      });
-    }, "handleMouseMove");
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn("relative cursor-none", className),
-        onMouseMove: handleMouseMove,
-        onMouseEnter: () => setIsHovered(true),
-        onMouseLeave: () => setIsHovered(false),
-        ...props,
-        children: [
-          children,
-          isHovered && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "pointer-events-none absolute z-50 flex items-center justify-center rounded-full bg-primary/20 backdrop-blur-sm transition-transform",
-              style: {
-                left: position.x,
-                top: position.y,
-                width: cursorSize,
-                height: cursorSize,
-                transform: "translate(-50%, -50%)"
-              },
-              children: cursorText && /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-primary", children: cursorText })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Cursor.displayName = "Cursor";
-var Marquee = React5.forwardRef(
-  ({
-    className,
-    children,
-    repeat = 2,
-    reverse = false,
-    pauseOnHover = false,
-    vertical = false,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "group flex overflow-hidden",
-          vertical ? "flex-col" : "flex-row",
-          className
-        ),
-        ...props,
-        children: Array.from({ length: repeat }).map((_, i) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "flex shrink-0",
-              vertical ? "animate-marquee-vertical flex-col" : "animate-marquee",
-              reverse && (vertical ? "[animation-direction:reverse]" : "[animation-direction:reverse]"),
-              pauseOnHover && "group-hover:[animation-play-state:paused]"
-            ),
-            children
-          },
-          i
-        ))
-      }
-    );
-  }
-);
-Marquee.displayName = "Marquee";
-var pillVariants = cva(
-  "inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-sm font-medium transition-colors",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary/10 text-primary hover:bg-primary/20",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        success: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
-        warning: "bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400",
-        error: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var Pill = React5.forwardRef(
-  ({ className, variant, onRemove, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "span",
-      {
-        ref,
-        className: cn(pillVariants({ variant }), className),
-        ...props,
-        children: [
-          children,
-          onRemove && /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: onRemove,
-              className: "ml-0.5 rounded-full p-0.5 hover:bg-black/10 dark:hover:bg-white/10",
-              children: [
-                /* @__PURE__ */ jsx(X, { className: "h-3 w-3" }),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Remove" })
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Pill.displayName = "Pill";
-function Spinner({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Loader2Icon,
-    {
-      role: "status",
-      "aria-label": "Loading",
-      className: cn("size-4 animate-spin", className),
-      ...props
-    }
-  );
-}
-__name(Spinner, "Spinner");
-var badgeVariants = cva(
-  "inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive [&>svg]:pointer-events-none overflow-hidden",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90 border-transparent shadow-sm",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 border-transparent shadow-sm focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "text-foreground border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
-        ghost: "hover:bg-accent hover:text-accent-foreground border-transparent",
-        link: "text-primary underline-offset-4 hover:underline border-transparent",
-        // Hanzo-specific variants for backward compatibility
-        inputAdornment: "bg-gray-600 px-2 font-medium text-white border-transparent",
-        tags: "text-muted-foreground border-border bg-muted rounded-lg px-2 py-1 font-normal capitalize"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge({
-  className,
-  variant = "default",
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "badge",
-      "data-variant": variant,
-      className: cn(badgeVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-__name(Badge, "Badge");
-var Tags = React5.forwardRef(
-  ({ className, tags, onRemove, variant = "default", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn("flex flex-wrap gap-2", className),
-        ...props,
-        children: tags.map((tag) => /* @__PURE__ */ jsxs(
-          Badge,
-          {
-            variant,
-            className: cn("gap-1", onRemove && "pr-1"),
-            children: [
-              tag.label,
-              onRemove && /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => onRemove(tag.id),
-                  className: "ml-1 rounded-full p-0.5 hover:bg-black/10 dark:hover:bg-white/10",
-                  children: [
-                    /* @__PURE__ */ jsx(X, { className: "h-3 w-3" }),
-                    /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
-                      "Remove ",
-                      tag.label
-                    ] })
-                  ]
-                }
-              )
-            ]
-          },
-          tag.id
-        ))
-      }
-    );
-  }
-);
-Tags.displayName = "Tags";
-var Ticker = React5.forwardRef(
-  ({
-    className,
-    children,
-    speed = 50,
-    direction = "left",
-    pauseOnHover = true,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn("group relative overflow-hidden", className),
-        ...props,
-        children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "flex w-fit animate-scroll",
-              pauseOnHover && "group-hover:[animation-play-state:paused]"
-            ),
-            style: {
-              animationDuration: `${speed}s`,
-              animationDirection: direction === "right" ? "reverse" : "normal"
-            },
-            children: [
-              children,
-              children
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-Ticker.displayName = "Ticker";
-
-export { Announcement, AvatarGroup, Banner, Cursor, Marquee, Pill, Spinner, Tags, Ticker, bannerVariants, pillVariants };
+import*as m from'react';import {Loader2,X,Loader2Icon}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';import*as p from'@radix-ui/react-avatar';var j=Object.defineProperty;var l=(t,r)=>j(t,"name",{value:r,configurable:true});function a(...t){return twMerge(clsx(t))}l(a,"cn");var ne=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"}}),x=m.forwardRef(({className:t,variant:r="default",size:e="default",asChild:o=false,isLoading:n=false,children:i,...s},d)=>jsxs(o?Slot:"button",{"data-slot":"button","data-variant":r,"data-size":e,className:a(ne({variant:r,size:e,className:t})),ref:d,...s,children:[n?jsx(Loader2,{className:a("h-4 w-4 animate-spin",e!=="icon"&&e!=="icon-sm"&&e!=="icon-lg"&&"mr-2")}):null,n&&(e==="icon"||e==="icon-sm"||e==="icon-lg")?null:i]}));x.displayName="Button";var M=m.forwardRef(({className:t,children:r,dismissible:e=true,onDismiss:o,...n},i)=>{let[s,d]=m.useState(true),c=l(()=>{d(false),o?.();},"handleDismiss");return s?jsxs("div",{ref:i,className:a("relative flex items-center gap-4 rounded-lg border bg-background px-4 py-3 text-sm",t),...n,children:[jsx("div",{className:"flex-1",children:r}),e&&jsxs(x,{variant:"ghost",size:"icon",className:"h-6 w-6",onClick:c,children:[jsx(X,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Dismiss"})]})]}):null});M.displayName="Announcement";var v=l(({className:t,ref:r,...e})=>jsx(p.Root,{className:a("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",t),ref:r,...e}),"Avatar");v.displayName=p.Root.displayName;var h=l(({className:t,ref:r,...e})=>jsx(p.Image,{className:a("aspect-square h-full w-full",t),ref:r,...e}),"AvatarImage");h.displayName=p.Image.displayName;var g=l(({className:t,ref:r,...e})=>jsx(p.Fallback,{className:a("bg-muted flex h-full w-full items-center justify-center rounded-full",t),ref:r,...e}),"AvatarFallback");g.displayName=p.Fallback.displayName;var H=m.forwardRef(({className:t,items:r,max:e=5,...o},n)=>{let i=r.slice(0,e),s=r.length-e;return jsxs("div",{ref:n,className:a("flex -space-x-4",t),...o,children:[i.map((d,c)=>jsxs(v,{className:"border-2 border-background",children:[jsx(h,{src:d.src,alt:d.alt}),jsx(g,{children:d.fallback})]},c)),s>0&&jsx(v,{className:"border-2 border-background",children:jsxs(g,{children:["+",s]})})]})});H.displayName="AvatarGroup";var E=cva("relative w-full border-b px-4 py-3 text-sm [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",{variants:{variant:{default:"bg-background text-foreground",info:"border-blue-500/50 bg-blue-50 text-blue-900 dark:bg-blue-950 dark:text-blue-100 [&>svg]:text-blue-600 dark:[&>svg]:text-blue-400",success:"border-green-500/50 bg-green-50 text-green-900 dark:bg-green-950 dark:text-green-100 [&>svg]:text-green-600 dark:[&>svg]:text-green-400",warning:"border-yellow-500/50 bg-yellow-50 text-yellow-900 dark:bg-yellow-950 dark:text-yellow-100 [&>svg]:text-yellow-600 dark:[&>svg]:text-yellow-400",error:"border-red-500/50 bg-red-50 text-red-900 dark:bg-red-950 dark:text-red-100 [&>svg]:text-red-600 dark:[&>svg]:text-red-400"}},defaultVariants:{variant:"default"}}),B=m.forwardRef(({className:t,variant:r,onClose:e,children:o,...n},i)=>jsxs("div",{ref:i,role:"alert",className:a(E({variant:r}),t),...n,children:[o,e&&jsxs("button",{type:"button",onClick:e,className:"absolute right-4 top-3 rounded-md p-1 hover:bg-black/5 dark:hover:bg-white/5",children:[jsx(X,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]})]}));B.displayName="Banner";var F=m.forwardRef(({className:t,children:r,cursorText:e,cursorSize:o=20,...n},i)=>{let[s,d]=m.useState({x:0,y:0}),[c,u]=m.useState(false),Z=l(b=>{let A=b.currentTarget.getBoundingClientRect();d({x:b.clientX-A.left,y:b.clientY-A.top});},"handleMouseMove");return jsxs("div",{ref:i,className:a("relative cursor-none",t),onMouseMove:Z,onMouseEnter:()=>u(true),onMouseLeave:()=>u(false),...n,children:[r,c&&jsx("div",{className:"pointer-events-none absolute z-50 flex items-center justify-center rounded-full bg-primary/20 backdrop-blur-sm transition-transform",style:{left:s.x,top:s.y,width:o,height:o,transform:"translate(-50%, -50%)"},children:e&&jsx("span",{className:"text-xs font-medium text-primary",children:e})})]})});F.displayName="Cursor";var G=m.forwardRef(({className:t,children:r,repeat:e=2,reverse:o=false,pauseOnHover:n=false,vertical:i=false,...s},d)=>jsx("div",{ref:d,className:a("group flex overflow-hidden",i?"flex-col":"flex-row",t),...s,children:Array.from({length:e}).map((c,u)=>jsx("div",{className:a("flex shrink-0",i?"animate-marquee-vertical flex-col":"animate-marquee",o&&"[animation-direction:reverse]",n&&"group-hover:[animation-play-state:paused]"),children:r},u))}));G.displayName="Marquee";var O=cva("inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-sm font-medium transition-colors",{variants:{variant:{default:"bg-primary/10 text-primary hover:bg-primary/20",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",success:"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",warning:"bg-yellow-100 text-yellow-700 dark:bg-yellow-900/30 dark:text-yellow-400",error:"bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400"}},defaultVariants:{variant:"default"}}),U=m.forwardRef(({className:t,variant:r,onRemove:e,children:o,...n},i)=>jsxs("span",{ref:i,className:a(O({variant:r}),t),...n,children:[o,e&&jsxs("button",{type:"button",onClick:e,className:"ml-0.5 rounded-full p-0.5 hover:bg-black/10 dark:hover:bg-white/10",children:[jsx(X,{className:"h-3 w-3"}),jsx("span",{className:"sr-only",children:"Remove"})]})]}));U.displayName="Pill";function ve({className:t,...r}){return jsx(Loader2Icon,{role:"status","aria-label":"Loading",className:a("size-4 animate-spin",t),...r})}l(ve,"Spinner");var ye=cva("inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive [&>svg]:pointer-events-none overflow-hidden",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90 border-transparent shadow-sm",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent",destructive:"bg-destructive text-white hover:bg-destructive/90 border-transparent shadow-sm focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"text-foreground border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",ghost:"hover:bg-accent hover:text-accent-foreground border-transparent",link:"text-primary underline-offset-4 hover:underline border-transparent",inputAdornment:"bg-gray-600 px-2 font-medium text-white border-transparent",tags:"text-muted-foreground border-border bg-muted rounded-lg px-2 py-1 font-normal capitalize"}},defaultVariants:{variant:"default"}});function W({className:t,variant:r="default",asChild:e=false,...o}){return jsx(e?Slot:"span",{"data-slot":"badge","data-variant":r,className:a(ye({variant:r}),t),...o})}l(W,"Badge");var J=m.forwardRef(({className:t,tags:r,onRemove:e,variant:o="default",...n},i)=>jsx("div",{ref:i,className:a("flex flex-wrap gap-2",t),...n,children:r.map(s=>jsxs(W,{variant:o,className:a("gap-1",e&&"pr-1"),children:[s.label,e&&jsxs("button",{type:"button",onClick:()=>e(s.id),className:"ml-1 rounded-full p-0.5 hover:bg-black/10 dark:hover:bg-white/10",children:[jsx(X,{className:"h-3 w-3"}),jsxs("span",{className:"sr-only",children:["Remove ",s.label]})]})]},s.id))}));J.displayName="Tags";var Q=m.forwardRef(({className:t,children:r,speed:e=50,direction:o="left",pauseOnHover:n=true,...i},s)=>jsx("div",{ref:s,className:a("group relative overflow-hidden",t),...i,children:jsxs("div",{className:a("flex w-fit animate-scroll",n&&"group-hover:[animation-play-state:paused]"),style:{animationDuration:`${e}s`,animationDirection:o==="right"?"reverse":"normal"},children:[r,r]})}));Q.displayName="Ticker";export{M as Announcement,H as AvatarGroup,B as Banner,F as Cursor,G as Marquee,U as Pill,ve as Spinner,J as Tags,Q as Ticker,E as bannerVariants,O as pillVariants};

package/dist/ui/marquee.js

@@ -1,74 +1,2 @@
 "use client";
-'use strict';
-
-var React = require('react');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var jsxRuntime = require('react/jsx-runtime');
-
-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 React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-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 Marquee = React__namespace.forwardRef(
-  ({
-    className,
-    children,
-    repeat = 2,
-    reverse = false,
-    pauseOnHover = false,
-    vertical = false,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "group flex overflow-hidden",
-          vertical ? "flex-col" : "flex-row",
-          className
-        ),
-        ...props,
-        children: Array.from({ length: repeat }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: cn(
-              "flex shrink-0",
-              vertical ? "animate-marquee-vertical flex-col" : "animate-marquee",
-              reverse && (vertical ? "[animation-direction:reverse]" : "[animation-direction:reverse]"),
-              pauseOnHover && "group-hover:[animation-play-state:paused]"
-            ),
-            children
-          },
-          i
-        ))
-      }
-    );
-  }
-);
-Marquee.displayName = "Marquee";
-
-exports.Marquee = Marquee;
+'use strict';var i=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');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 i__namespace=/*#__PURE__*/_interopNamespace(i);var p=Object.defineProperty;var o=(e,r)=>p(e,"name",{value:r,configurable:true});function t(...e){return tailwindMerge.twMerge(clsx.clsx(e))}o(t,"cn");var x=i__namespace.forwardRef(({className:e,children:r,repeat:s=2,reverse:l=false,pauseOnHover:m=false,vertical:a=false,...u},c)=>jsxRuntime.jsx("div",{ref:c,className:t("group flex overflow-hidden",a?"flex-col":"flex-row",e),...u,children:Array.from({length:s}).map((g,f)=>jsxRuntime.jsx("div",{className:t("flex shrink-0",a?"animate-marquee-vertical flex-col":"animate-marquee",l&&"[animation-direction:reverse]",m&&"group-hover:[animation-play-state:paused]"),children:r},f))}));x.displayName="Marquee";exports.Marquee=x;

package/dist/ui/marquee.mjs

@@ -1,52 +1,2 @@
 "use client";
-import * as React from 'react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { 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 Marquee = React.forwardRef(
-  ({
-    className,
-    children,
-    repeat = 2,
-    reverse = false,
-    pauseOnHover = false,
-    vertical = false,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "group flex overflow-hidden",
-          vertical ? "flex-col" : "flex-row",
-          className
-        ),
-        ...props,
-        children: Array.from({ length: repeat }).map((_, i) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "flex shrink-0",
-              vertical ? "animate-marquee-vertical flex-col" : "animate-marquee",
-              reverse && (vertical ? "[animation-direction:reverse]" : "[animation-direction:reverse]"),
-              pauseOnHover && "group-hover:[animation-play-state:paused]"
-            ),
-            children
-          },
-          i
-        ))
-      }
-    );
-  }
-);
-Marquee.displayName = "Marquee";
-
-export { Marquee };
+import*as i from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';var p=Object.defineProperty;var o=(e,r)=>p(e,"name",{value:r,configurable:true});function t(...e){return twMerge(clsx(e))}o(t,"cn");var x=i.forwardRef(({className:e,children:r,repeat:s=2,reverse:l=false,pauseOnHover:m=false,vertical:a=false,...u},c)=>jsx("div",{ref:c,className:t("group flex overflow-hidden",a?"flex-col":"flex-row",e),...u,children:Array.from({length:s}).map((g,f)=>jsx("div",{className:t("flex shrink-0",a?"animate-marquee-vertical flex-col":"animate-marquee",l&&"[animation-direction:reverse]",m&&"group-hover:[animation-play-state:paused]"),children:r},f))}));x.displayName="Marquee";export{x as Marquee};