@hanzo/ui 5.3.34 → 5.3.36

package/dist/dock/index.mjs

@@ -1,601 +1,2 @@
 "use client";
-import * as React from 'react';
-import { useRef, useImperativeHandle, useEffect } from 'react';
-import { useMotionValue, useSpring, useTransform, motion } from 'framer-motion';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Loader2, Search, Command, X, EyeOffIcon, EyeIcon } from 'lucide-react';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-
-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 DockContext = React.createContext({
-  magnification: 60,
-  distance: 140
-});
-var Dock = React.forwardRef(
-  ({
-    className,
-    children,
-    position = "bottom",
-    magnification = 60,
-    distance = 140
-  }, ref) => {
-    const positionClasses = {
-      bottom: "bottom-0 left-1/2 -translate-x-1/2 flex-row",
-      left: "left-0 top-1/2 -translate-y-1/2 flex-col",
-      right: "right-0 top-1/2 -translate-y-1/2 flex-col"
-    };
-    return /* @__PURE__ */ jsx(DockContext.Provider, { value: { magnification, distance }, children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "fixed z-50 flex items-end gap-1 rounded-2xl border border-white/10 bg-black/10 p-2 backdrop-blur-xl",
-          "shadow-2xl shadow-black/20",
-          "before:absolute before:inset-0 before:rounded-2xl before:bg-gradient-to-b before:from-white/10 before:to-transparent before:opacity-50",
-          positionClasses[position],
-          className
-        ),
-        children
-      }
-    ) });
-  }
-);
-Dock.displayName = "Dock";
-var DockItem = React.forwardRef(
-  ({
-    className,
-    children,
-    onClick,
-    tooltip,
-    magnification: itemMagnification,
-    distance: itemDistance
-  }, ref) => {
-    const buttonRef = React.useRef(null);
-    const { magnification: contextMagnification, distance: contextDistance } = React.useContext(DockContext);
-    const magnification = itemMagnification ?? contextMagnification;
-    const distance = itemDistance ?? contextDistance;
-    const [isHovered, setIsHovered] = React.useState(false);
-    const mouseX = useMotionValue(Infinity);
-    const springConfig = { mass: 0.1, stiffness: 150, damping: 12 };
-    const size = useSpring(
-      useTransform(
-        mouseX,
-        [-distance, 0, distance],
-        [48, 48 + magnification, 48]
-      ),
-      springConfig
-    );
-    const handleMouseMove = /* @__PURE__ */ __name((e) => {
-      if (!buttonRef.current) return;
-      const rect = buttonRef.current.getBoundingClientRect();
-      const centerX = rect.left + rect.width / 2;
-      mouseX.set(e.clientX - centerX);
-    }, "handleMouseMove");
-    const handleMouseLeave = /* @__PURE__ */ __name(() => {
-      mouseX.set(Infinity);
-      setIsHovered(false);
-    }, "handleMouseLeave");
-    return /* @__PURE__ */ jsxs(
-      motion.div,
-      {
-        className: "relative",
-        onMouseMove: handleMouseMove,
-        onMouseLeave: handleMouseLeave,
-        onMouseEnter: () => setIsHovered(true),
-        children: [
-          tooltip && isHovered && /* @__PURE__ */ jsxs(
-            motion.div,
-            {
-              initial: { opacity: 0, y: 10, scale: 0.9 },
-              animate: { opacity: 1, y: 0, scale: 1 },
-              exit: { opacity: 0, y: 5, scale: 0.95 },
-              transition: { duration: 0.15 },
-              className: "absolute bottom-full left-1/2 mb-2 -translate-x-1/2 whitespace-nowrap rounded-lg bg-black/80 px-2 py-1 text-xs text-white backdrop-blur-md",
-              children: [
-                tooltip,
-                /* @__PURE__ */ jsx("div", { className: "absolute -bottom-1 left-1/2 h-2 w-2 -translate-x-1/2 rotate-45 bg-black/80" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            motion.button,
-            {
-              ref: buttonRef,
-              style: {
-                width: size,
-                height: size
-              },
-              whileTap: { scale: 0.9 },
-              onClick,
-              className: cn(
-                "relative flex items-center justify-center rounded-xl bg-white/10 backdrop-blur-md transition-colors",
-                "hover:bg-white/20",
-                "focus:outline-none focus-visible:ring-2 focus-visible:ring-white/50",
-                className
-              ),
-              children: [
-                /* @__PURE__ */ jsx(
-                  motion.div,
-                  {
-                    style: {
-                      width: size,
-                      height: size
-                    },
-                    className: "flex items-center justify-center",
-                    children
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  motion.div,
-                  {
-                    className: "absolute inset-0 rounded-xl",
-                    style: {
-                      background: "linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%)"
-                    }
-                  }
-                )
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-DockItem.displayName = "DockItem";
-var DockContext2 = React.createContext({
-  magnification: 60,
-  distance: 140,
-  mouseX: null
-});
-var Dock2 = React.forwardRef(
-  ({ className, children, magnification = 60, distance = 140 }, ref) => {
-    const mouseX = useMotionValue(Infinity);
-    return /* @__PURE__ */ jsx(DockContext2.Provider, { value: { magnification, distance, mouseX }, children: /* @__PURE__ */ jsx(
-      motion.div,
-      {
-        ref,
-        onMouseMove: (e) => mouseX.set(e.pageX),
-        onMouseLeave: () => mouseX.set(Infinity),
-        className: cn(
-          "mx-auto flex h-16 items-end gap-2 rounded-2xl border border-white/10 bg-black/10 px-3 pb-2 backdrop-blur-xl",
-          "shadow-2xl shadow-black/20",
-          "before:absolute before:inset-0 before:rounded-2xl before:bg-gradient-to-b before:from-white/10 before:to-transparent before:opacity-50",
-          className
-        ),
-        children
-      }
-    ) });
-  }
-);
-Dock2.displayName = "Dock";
-var DockItem2 = React.forwardRef(
-  ({ className, children, onClick, tooltip }, ref) => {
-    const buttonRef = React.useRef(null);
-    const { magnification, distance, mouseX } = React.useContext(DockContext2);
-    const [isHovered, setIsHovered] = React.useState(false);
-    const distanceCalc = useTransform(mouseX, (val) => {
-      const bounds = buttonRef.current?.getBoundingClientRect() ?? {
-        x: 0,
-        width: 0
-      };
-      return val - bounds.x - bounds.width / 2;
-    });
-    const widthSync = useTransform(
-      distanceCalc,
-      [-distance, 0, distance],
-      [48, 48 + magnification, 48]
-    );
-    const width = useSpring(widthSync, {
-      mass: 0.1,
-      stiffness: 150,
-      damping: 12
-    });
-    return /* @__PURE__ */ jsxs(
-      motion.div,
-      {
-        className: "relative",
-        onMouseEnter: () => setIsHovered(true),
-        onMouseLeave: () => setIsHovered(false),
-        children: [
-          tooltip && isHovered && /* @__PURE__ */ jsxs(
-            motion.div,
-            {
-              initial: { opacity: 0, y: 10, scale: 0.9 },
-              animate: { opacity: 1, y: 0, scale: 1 },
-              exit: { opacity: 0, y: 5, scale: 0.95 },
-              transition: { duration: 0.15 },
-              className: "absolute bottom-full left-1/2 mb-2 -translate-x-1/2 whitespace-nowrap rounded-lg bg-black/80 px-2 py-1 text-xs text-white backdrop-blur-md",
-              children: [
-                tooltip,
-                /* @__PURE__ */ jsx("div", { className: "absolute -bottom-1 left-1/2 h-2 w-2 -translate-x-1/2 rotate-45 bg-black/80" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            motion.button,
-            {
-              ref: buttonRef,
-              style: { width },
-              whileTap: { scale: 0.95 },
-              onClick,
-              className: cn(
-                "aspect-square w-12 rounded-xl bg-white/10 backdrop-blur-md transition-colors",
-                "hover:bg-white/20",
-                "focus:outline-none focus-visible:ring-2 focus-visible:ring-white/50",
-                "relative overflow-hidden",
-                className
-              ),
-              children: [
-                /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center", children }),
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "pointer-events-none absolute inset-0 rounded-xl",
-                    style: {
-                      background: "linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%)"
-                    }
-                  }
-                )
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-DockItem2.displayName = "DockItem";
-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 = React.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 badgeVariants = cva(
-  "focus:ring-ring border-divider inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/80 border-transparent shadow",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/80 border-transparent shadow",
-        outline: "hover:bg-bg-secondary text-text-secondary hover:text-text-default border border-gray-500 bg-transparent shadow-xs",
-        inputAdornment: "bg-gray-600 px-2 font-medium text-white",
-        tags: "text-text-secondary border-divider bg-bg-quaternary rounded-lg px-2 py-1 font-normal capitalize"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var Badge = React.forwardRef(
-  ({ className, variant, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("div", { ref, className: cn(badgeVariants({ variant }), className), ...props });
-  }
-);
-Badge.displayName = "Badge";
-var Input = /* @__PURE__ */ __name(({
-  className,
-  type,
-  startAdornment,
-  endAdornment,
-  hidePasswordToggle,
-  ref,
-  ...props
-}) => {
-  const inputRef = useRef(null);
-  const startAdornmentRef = useRef(null);
-  const endAdornmentRef = useRef(null);
-  const [showPassword, setShowPassword] = React.useState(false);
-  const togglePasswordVisibility = /* @__PURE__ */ __name(() => {
-    setShowPassword(!showPassword);
-  }, "togglePasswordVisibility");
-  const style = {};
-  if (startAdornment) {
-    style.paddingLeft = `${(startAdornmentRef?.current?.offsetWidth ?? 0) + 20}px`;
-  }
-  if (endAdornment) {
-    style.paddingRight = `${(endAdornmentRef?.current?.offsetWidth ?? 0) + 20}px`;
-  }
-  useImperativeHandle(ref, () => inputRef.current, []);
-  useEffect(() => {
-    if (props.autoFocus) {
-      setTimeout(() => {
-        inputRef?.current?.focus();
-      }, 0);
-    }
-  }, [props.autoFocus]);
-  const inputType = type === "password" && showPassword ? "text" : type;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        className: cn(
-          "h-input border-border-input bg-bg-secondary focus:border-border-input-focus disabled:bg-bg-input-disabled peer placeholder-shown:border-border-input text-text-default w-full rounded-lg border px-4 py-3 pt-8 text-sm font-medium placeholder-transparent outline outline-0 transition-all placeholder-shown:border focus:border focus:outline-0 disabled:border-0 disabled:text-gray-400",
-          startAdornment && "pl-[var(--custom-padding-left-input)]",
-          endAdornment && "pr-[var(--custom-padding-right-input)]",
-          type === "password" && "pr-[60px]",
-          className
-        ),
-        placeholder: " ",
-        ref: inputRef,
-        spellCheck: false,
-        style,
-        type: inputType,
-        ...props
-      }
-    ),
-    startAdornment ? /* @__PURE__ */ jsx(
-      Badge,
-      {
-        className: "peer/adornment adornment absolute top-[30px] left-4",
-        ref: startAdornmentRef,
-        variant: "inputAdornment",
-        children: startAdornment
-      }
-    ) : null,
-    endAdornment && typeof endAdornment === "string" ? /* @__PURE__ */ jsx(
-      Badge,
-      {
-        className: "peer/adornment adornment absolute top-[30px] right-4",
-        ref: endAdornmentRef,
-        variant: "inputAdornment",
-        children: endAdornment
-      }
-    ) : null,
-    endAdornment && typeof endAdornment !== "string" && React.isValidElement(endAdornment) ? React.cloneElement(endAdornment, {
-      ref: endAdornmentRef
-    }) : null,
-    type === "password" && !hidePasswordToggle && /* @__PURE__ */ jsx(
-      Button,
-      {
-        "aria-label": showPassword ? "Hide password" : "Show password",
-        className: "absolute top-3 right-3",
-        onClick: togglePasswordVisibility,
-        size: "icon",
-        type: "button",
-        variant: "ghost",
-        children: showPassword ? /* @__PURE__ */ jsx(EyeOffIcon, { "aria-hidden": "true", className: "h-4 w-4" }) : /* @__PURE__ */ jsx(EyeIcon, { "aria-hidden": "true", className: "h-4 w-4" })
-      }
-    )
-  ] });
-}, "Input");
-Input.displayName = "Input";
-var LimelightNav = React.forwardRef(
-  ({ className, items = [], ...props }, ref) => {
-    const [isOpen, setIsOpen] = React.useState(false);
-    const [search, setSearch] = React.useState("");
-    React.useEffect(() => {
-      const down = /* @__PURE__ */ __name((e) => {
-        if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
-          e.preventDefault();
-          setIsOpen((open) => !open);
-        }
-      }, "down");
-      document.addEventListener("keydown", down);
-      return () => document.removeEventListener("keydown", down);
-    }, []);
-    const filteredItems = items.filter(
-      (item) => item.label.toLowerCase().includes(search.toLowerCase())
-    );
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(
-        "nav",
-        {
-          ref,
-          className: cn("flex items-center gap-4", className),
-          ...props,
-          children: [
-            /* @__PURE__ */ jsxs(
-              Button,
-              {
-                variant: "outline",
-                onClick: () => setIsOpen(true),
-                className: "relative w-64 justify-start",
-                children: [
-                  /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4" }),
-                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Search..." }),
-                  /* @__PURE__ */ jsxs("kbd", { className: "pointer-events-none absolute right-2 hidden h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex", children: [
-                    /* @__PURE__ */ jsx(Command, { className: "h-3 w-3" }),
-                    "K"
-                  ] })
-                ]
-              }
-            ),
-            items.slice(0, 4).map((item) => /* @__PURE__ */ jsx(
-              "a",
-              {
-                href: item.href,
-                className: "text-sm font-medium transition-colors hover:text-primary",
-                children: item.label
-              },
-              item.href
-            ))
-          ]
-        }
-      ),
-      isOpen && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm",
-          onClick: () => setIsOpen(false),
-          children: /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "fixed left-1/2 top-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 rounded-lg border bg-card p-6 shadow-lg",
-              onClick: (e) => e.stopPropagation(),
-              children: [
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    placeholder: "Search navigation...",
-                    value: search,
-                    onChange: (e) => setSearch(e.target.value),
-                    autoFocus: true,
-                    className: "mb-4"
-                  }
-                ),
-                /* @__PURE__ */ jsx("div", { className: "max-h-96 space-y-1 overflow-auto", children: filteredItems.map((item) => /* @__PURE__ */ jsx(
-                  "a",
-                  {
-                    href: item.href,
-                    className: "block rounded-md px-4 py-2 hover:bg-accent",
-                    onClick: () => setIsOpen(false),
-                    children: item.label
-                  },
-                  item.href
-                )) })
-              ]
-            }
-          )
-        }
-      )
-    ] });
-  }
-);
-LimelightNav.displayName = "LimelightNav";
-var MenuDock = React.forwardRef(
-  ({ className, items, orientation = "horizontal", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "flex gap-2 rounded-full border bg-background/95 p-2 shadow-lg backdrop-blur",
-          orientation === "vertical" ? "flex-col" : "flex-row",
-          className
-        ),
-        ...props,
-        children: items.map((item, index) => /* @__PURE__ */ jsxs(
-          "button",
-          {
-            onClick: item.onClick,
-            className: cn(
-              "group relative flex items-center justify-center rounded-full p-3 transition-colors hover:bg-accent",
-              item.active && "bg-primary text-primary-foreground hover:bg-primary/90"
-            ),
-            title: item.label,
-            children: [
-              item.icon,
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: item.label }),
-              /* @__PURE__ */ jsx("span", { className: "absolute -top-8 left-1/2 -translate-x-1/2 whitespace-nowrap rounded bg-popover px-2 py-1 text-xs text-popover-foreground opacity-0 transition-opacity group-hover:opacity-100", children: item.label })
-            ]
-          },
-          index
-        ))
-      }
-    );
-  }
-);
-MenuDock.displayName = "MenuDock";
-var MessageDock = React.forwardRef(
-  ({ className, messages, onClose, position = "bottom-right", ...props }, ref) => {
-    const positionClasses = {
-      top: "top-4 left-1/2 -translate-x-1/2",
-      bottom: "bottom-4 left-1/2 -translate-x-1/2",
-      "top-right": "top-4 right-4",
-      "bottom-right": "bottom-4 right-4"
-    };
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "fixed z-50 flex flex-col gap-2",
-          positionClasses[position],
-          className
-        ),
-        ...props,
-        children: messages.map((message) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "min-w-[300px] rounded-lg border p-4 shadow-lg",
-              message.type === "success" && "border-green-500 bg-green-50 dark:bg-green-950",
-              message.type === "warning" && "border-yellow-500 bg-yellow-50 dark:bg-yellow-950",
-              message.type === "error" && "border-red-500 bg-red-50 dark:bg-red-950",
-              message.type === "info" && "border-blue-500 bg-blue-50 dark:bg-blue-950",
-              !message.type && "bg-background"
-            ),
-            children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-                /* @__PURE__ */ jsx("h4", { className: "font-medium", children: message.title }),
-                message.description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: message.description })
-              ] }),
-              onClose && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "icon",
-                  className: "h-6 w-6",
-                  onClick: () => onClose(message.id),
-                  children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
-                }
-              )
-            ] })
-          },
-          message.id
-        ))
-      }
-    );
-  }
-);
-MessageDock.displayName = "MessageDock";
-
-export { Dock, DockItem, LimelightNav, Dock2 as MacDock, DockItem2 as MacDockItem, MenuDock, MessageDock };
+import*as p from'react';import {useRef,useImperativeHandle,useEffect}from'react';import {useMotionValue,useSpring,useTransform,motion}from'framer-motion';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {Loader2,Search,Command,X,EyeOffIcon,EyeIcon}from'lucide-react';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';var re=Object.defineProperty;var u=(i,r)=>re(i,"name",{value:r,configurable:true});function s(...i){return twMerge(clsx(i))}u(s,"cn");var _=p.createContext({magnification:60,distance:140}),F=p.forwardRef(({className:i,children:r,position:e="bottom",magnification:t=60,distance:c=140},o)=>{let l={bottom:"bottom-0 left-1/2 -translate-x-1/2 flex-row",left:"left-0 top-1/2 -translate-y-1/2 flex-col",right:"right-0 top-1/2 -translate-y-1/2 flex-col"};return jsx(_.Provider,{value:{magnification:t,distance:c},children:jsx("div",{ref:o,className:s("fixed z-50 flex items-end gap-1 rounded-2xl border border-white/10 bg-black/10 p-2 backdrop-blur-xl","shadow-2xl shadow-black/20","before:absolute before:inset-0 before:rounded-2xl before:bg-gradient-to-b before:from-white/10 before:to-transparent before:opacity-50",l[e],i),children:r})})});F.displayName="Dock";var K=p.forwardRef(({className:i,children:r,onClick:e,tooltip:t,magnification:c,distance:o},l)=>{let a=p.useRef(null),{magnification:f,distance:n}=p.useContext(_),d=c??f,b=o??n,[N,g]=p.useState(false),h=useMotionValue(1/0),P={mass:.1,stiffness:150,damping:12},I=useSpring(useTransform(h,[-b,0,b],[48,48+d,48]),P),Z=u(te=>{if(!a.current)return;let X=a.current.getBoundingClientRect(),oe=X.left+X.width/2;h.set(te.clientX-oe);},"handleMouseMove"),ee=u(()=>{h.set(1/0),g(false);},"handleMouseLeave");return jsxs(motion.div,{className:"relative",onMouseMove:Z,onMouseLeave:ee,onMouseEnter:()=>g(true),children:[t&&N&&jsxs(motion.div,{initial:{opacity:0,y:10,scale:.9},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:5,scale:.95},transition:{duration:.15},className:"absolute bottom-full left-1/2 mb-2 -translate-x-1/2 whitespace-nowrap rounded-lg bg-black/80 px-2 py-1 text-xs text-white backdrop-blur-md",children:[t,jsx("div",{className:"absolute -bottom-1 left-1/2 h-2 w-2 -translate-x-1/2 rotate-45 bg-black/80"})]}),jsxs(motion.button,{ref:a,style:{width:I,height:I},whileTap:{scale:.9},onClick:e,className:s("relative flex items-center justify-center rounded-xl bg-white/10 backdrop-blur-md transition-colors","hover:bg-white/20","focus:outline-none focus-visible:ring-2 focus-visible:ring-white/50",i),children:[jsx(motion.div,{style:{width:I,height:I},className:"flex items-center justify-center",children:r}),jsx(motion.div,{className:"absolute inset-0 rounded-xl",style:{background:"linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%)"}})]})]})});K.displayName="DockItem";var U=p.createContext({magnification:60,distance:140,mouseX:null}),$=p.forwardRef(({className:i,children:r,magnification:e=60,distance:t=140},c)=>{let o=useMotionValue(1/0);return jsx(U.Provider,{value:{magnification:e,distance:t,mouseX:o},children:jsx(motion.div,{ref:c,onMouseMove:l=>o.set(l.pageX),onMouseLeave:()=>o.set(1/0),className:s("mx-auto flex h-16 items-end gap-2 rounded-2xl border border-white/10 bg-black/10 px-3 pb-2 backdrop-blur-xl","shadow-2xl shadow-black/20","before:absolute before:inset-0 before:rounded-2xl before:bg-gradient-to-b before:from-white/10 before:to-transparent before:opacity-50",i),children:r})})});$.displayName="Dock";var A=p.forwardRef(({className:i,children:r,onClick:e,tooltip:t},c)=>{let o=p.useRef(null),{magnification:l,distance:a,mouseX:f}=p.useContext(U),[n,d]=p.useState(false),b=useTransform(f,h=>{let P=o.current?.getBoundingClientRect()??{x:0,width:0};return h-P.x-P.width/2}),N=useTransform(b,[-a,0,a],[48,48+l,48]),g=useSpring(N,{mass:.1,stiffness:150,damping:12});return jsxs(motion.div,{className:"relative",onMouseEnter:()=>d(true),onMouseLeave:()=>d(false),children:[t&&n&&jsxs(motion.div,{initial:{opacity:0,y:10,scale:.9},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:5,scale:.95},transition:{duration:.15},className:"absolute bottom-full left-1/2 mb-2 -translate-x-1/2 whitespace-nowrap rounded-lg bg-black/80 px-2 py-1 text-xs text-white backdrop-blur-md",children:[t,jsx("div",{className:"absolute -bottom-1 left-1/2 h-2 w-2 -translate-x-1/2 rotate-45 bg-black/80"})]}),jsxs(motion.button,{ref:o,style:{width:g},whileTap:{scale:.95},onClick:e,className:s("aspect-square w-12 rounded-xl bg-white/10 backdrop-blur-md transition-colors","hover:bg-white/20","focus:outline-none focus-visible:ring-2 focus-visible:ring-white/50","relative overflow-hidden",i),children:[jsx("div",{className:"flex h-full w-full items-center justify-center",children:r}),jsx("div",{className:"pointer-events-none absolute inset-0 rounded-xl",style:{background:"linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%)"}})]})]})});A.displayName="DockItem";var fe=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=p.forwardRef(({className:i,variant:r="default",size:e="default",asChild:t=false,isLoading:c=false,children:o,...l},a)=>jsxs(t?Slot:"button",{"data-slot":"button","data-variant":r,"data-size":e,className:s(fe({variant:r,size:e,className:i})),ref:a,...l,children:[c?jsx(Loader2,{className:s("h-4 w-4 animate-spin",e!=="icon"&&e!=="icon-sm"&&e!=="icon-lg"&&"mr-2")}):null,c&&(e==="icon"||e==="icon-sm"||e==="icon-lg")?null:o]}));x.displayName="Button";var xe=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 B({className:i,variant:r="default",asChild:e=false,...t}){return jsx(e?Slot:"span",{"data-slot":"badge","data-variant":r,className:s(xe({variant:r}),i),...t})}u(B,"Badge");var V=u(({className:i,type:r,startAdornment:e,endAdornment:t,hidePasswordToggle:c,ref:o,...l})=>{let a=useRef(null),f=useRef(null),n=useRef(null),[d,b]=p.useState(false),N=u(()=>{b(!d);},"togglePasswordVisibility"),g={};e&&(g.paddingLeft=`${(f?.current?.offsetWidth??0)+20}px`),t&&(g.paddingRight=`${(n?.current?.offsetWidth??0)+20}px`),useImperativeHandle(o,()=>a.current,[]),useEffect(()=>{l.autoFocus&&setTimeout(()=>{a?.current?.focus();},0);},[l.autoFocus]);let h=r==="password"&&d?"text":r;return jsxs(Fragment,{children:[jsx("input",{className:s("h-input border-border-input bg-bg-secondary focus:border-border-input-focus disabled:bg-bg-input-disabled peer placeholder-shown:border-border-input text-text-default w-full rounded-lg border px-4 py-3 pt-8 text-sm font-medium placeholder-transparent outline outline-0 transition-all placeholder-shown:border focus:border focus:outline-0 disabled:border-0 disabled:text-gray-400",e&&"pl-[var(--custom-padding-left-input)]",t&&"pr-[var(--custom-padding-right-input)]",r==="password"&&"pr-[60px]",i),placeholder:" ",ref:a,spellCheck:false,style:g,type:h,...l}),e?jsx(B,{className:"peer/adornment adornment absolute top-[30px] left-4",ref:f,variant:"inputAdornment",children:e}):null,t&&typeof t=="string"?jsx(B,{className:"peer/adornment adornment absolute top-[30px] right-4",ref:n,variant:"inputAdornment",children:t}):null,t&&typeof t!="string"&&p.isValidElement(t)?p.cloneElement(t,{ref:n}):null,r==="password"&&!c&&jsx(x,{"aria-label":d?"Hide password":"Show password",className:"absolute top-3 right-3",onClick:N,size:"icon",type:"button",variant:"ghost",children:d?jsx(EyeOffIcon,{"aria-hidden":"true",className:"h-4 w-4"}):jsx(EyeIcon,{"aria-hidden":"true",className:"h-4 w-4"})})]})},"Input");V.displayName="Input";var j=p.forwardRef(({className:i,items:r=[],...e},t)=>{let[c,o]=p.useState(false),[l,a]=p.useState("");p.useEffect(()=>{let n=u(d=>{d.key==="k"&&(d.metaKey||d.ctrlKey)&&(d.preventDefault(),o(b=>!b));},"down");return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[]);let f=r.filter(n=>n.label.toLowerCase().includes(l.toLowerCase()));return jsxs(Fragment,{children:[jsxs("nav",{ref:t,className:s("flex items-center gap-4",i),...e,children:[jsxs(x,{variant:"outline",onClick:()=>o(true),className:"relative w-64 justify-start",children:[jsx(Search,{className:"mr-2 h-4 w-4"}),jsx("span",{className:"text-muted-foreground",children:"Search..."}),jsxs("kbd",{className:"pointer-events-none absolute right-2 hidden h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex",children:[jsx(Command,{className:"h-3 w-3"}),"K"]})]}),r.slice(0,4).map(n=>jsx("a",{href:n.href,className:"text-sm font-medium transition-colors hover:text-primary",children:n.label},n.href))]}),c&&jsx("div",{className:"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm",onClick:()=>o(false),children:jsxs("div",{className:"fixed left-1/2 top-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 rounded-lg border bg-card p-6 shadow-lg",onClick:n=>n.stopPropagation(),children:[jsx(V,{placeholder:"Search navigation...",value:l,onChange:n=>a(n.target.value),autoFocus:true,className:"mb-4"}),jsx("div",{className:"max-h-96 space-y-1 overflow-auto",children:f.map(n=>jsx("a",{href:n.href,className:"block rounded-md px-4 py-2 hover:bg-accent",onClick:()=>o(false),children:n.label},n.href))})]})})]})});j.displayName="LimelightNav";var G=p.forwardRef(({className:i,items:r,orientation:e="horizontal",...t},c)=>jsx("div",{ref:c,className:s("flex gap-2 rounded-full border bg-background/95 p-2 shadow-lg backdrop-blur",e==="vertical"?"flex-col":"flex-row",i),...t,children:r.map((o,l)=>jsxs("button",{onClick:o.onClick,className:s("group relative flex items-center justify-center rounded-full p-3 transition-colors hover:bg-accent",o.active&&"bg-primary text-primary-foreground hover:bg-primary/90"),title:o.label,children:[o.icon,jsx("span",{className:"sr-only",children:o.label}),jsx("span",{className:"absolute -top-8 left-1/2 -translate-x-1/2 whitespace-nowrap rounded bg-popover px-2 py-1 text-xs text-popover-foreground opacity-0 transition-opacity group-hover:opacity-100",children:o.label})]},l))}));G.displayName="MenuDock";var Y=p.forwardRef(({className:i,messages:r,onClose:e,position:t="bottom-right",...c},o)=>jsx("div",{ref:o,className:s("fixed z-50 flex flex-col gap-2",{top:"top-4 left-1/2 -translate-x-1/2",bottom:"bottom-4 left-1/2 -translate-x-1/2","top-right":"top-4 right-4","bottom-right":"bottom-4 right-4"}[t],i),...c,children:r.map(a=>jsx("div",{className:s("min-w-[300px] rounded-lg border p-4 shadow-lg",a.type==="success"&&"border-green-500 bg-green-50 dark:bg-green-950",a.type==="warning"&&"border-yellow-500 bg-yellow-50 dark:bg-yellow-950",a.type==="error"&&"border-red-500 bg-red-50 dark:bg-red-950",a.type==="info"&&"border-blue-500 bg-blue-50 dark:bg-blue-950",!a.type&&"bg-background"),children:jsxs("div",{className:"flex items-start justify-between gap-4",children:[jsxs("div",{className:"flex-1",children:[jsx("h4",{className:"font-medium",children:a.title}),a.description&&jsx("p",{className:"mt-1 text-sm text-muted-foreground",children:a.description})]}),e&&jsx(x,{variant:"ghost",size:"icon",className:"h-6 w-6",onClick:()=>e(a.id),children:jsx(X,{className:"h-4 w-4"})})]})},a.id))}));Y.displayName="MessageDock";export{F as Dock,K as DockItem,j as LimelightNav,$ as MacDock,A as MacDockItem,G as MenuDock,Y as MessageDock};