@hanzo/ui 5.3.35 → 5.3.36

package/dist/dock/limelight-nav.js

@@ -1,315 +1,2 @@
 "use client";
-'use strict';
-
-var React3 = require('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 _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 React3__namespace = /*#__PURE__*/_interopNamespace(React3);
-
-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 = React3__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 badgeVariants = classVarianceAuthority.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 ? reactSlot.Slot : "span";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Comp,
-    {
-      "data-slot": "badge",
-      "data-variant": variant,
-      className: cn(badgeVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-__name(Badge, "Badge");
-var Input = /* @__PURE__ */ __name(({
-  className,
-  type,
-  startAdornment,
-  endAdornment,
-  hidePasswordToggle,
-  ref,
-  ...props
-}) => {
-  const inputRef = React3.useRef(null);
-  const startAdornmentRef = React3.useRef(null);
-  const endAdornmentRef = React3.useRef(null);
-  const [showPassword, setShowPassword] = React3__namespace.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`;
-  }
-  React3.useImperativeHandle(ref, () => inputRef.current, []);
-  React3.useEffect(() => {
-    if (props.autoFocus) {
-      setTimeout(() => {
-        inputRef?.current?.focus();
-      }, 0);
-    }
-  }, [props.autoFocus]);
-  const inputType = type === "password" && showPassword ? "text" : type;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-      Badge,
-      {
-        className: "peer/adornment adornment absolute top-[30px] left-4",
-        ref: startAdornmentRef,
-        variant: "inputAdornment",
-        children: startAdornment
-      }
-    ) : null,
-    endAdornment && typeof endAdornment === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-      Badge,
-      {
-        className: "peer/adornment adornment absolute top-[30px] right-4",
-        ref: endAdornmentRef,
-        variant: "inputAdornment",
-        children: endAdornment
-      }
-    ) : null,
-    endAdornment && typeof endAdornment !== "string" && React3__namespace.isValidElement(endAdornment) ? React3__namespace.cloneElement(endAdornment, {
-      ref: endAdornmentRef
-    }) : null,
-    type === "password" && !hidePasswordToggle && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.EyeOffIcon, { "aria-hidden": "true", className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeIcon, { "aria-hidden": "true", className: "h-4 w-4" })
-      }
-    )
-  ] });
-}, "Input");
-Input.displayName = "Input";
-var LimelightNav = React3__namespace.forwardRef(
-  ({ className, items = [], ...props }, ref) => {
-    const [isOpen, setIsOpen] = React3__namespace.useState(false);
-    const [search, setSearch] = React3__namespace.useState("");
-    React3__namespace.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "nav",
-        {
-          ref,
-          className: cn("flex items-center gap-4", className),
-          ...props,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              Button,
-              {
-                variant: "outline",
-                onClick: () => setIsOpen(true),
-                className: "relative w-64 justify-start",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "mr-2 h-4 w-4" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Search..." }),
-                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.Command, { className: "h-3 w-3" }),
-                    "K"
-                  ] })
-                ]
-              }
-            ),
-            items.slice(0, 4).map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-              "a",
-              {
-                href: item.href,
-                className: "text-sm font-medium transition-colors hover:text-primary",
-                children: item.label
-              },
-              item.href
-            ))
-          ]
-        }
-      ),
-      isOpen && /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm",
-          onClick: () => setIsOpen(false),
-          children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-                  Input,
-                  {
-                    placeholder: "Search navigation...",
-                    value: search,
-                    onChange: (e) => setSearch(e.target.value),
-                    autoFocus: true,
-                    className: "mb-4"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-96 space-y-1 overflow-auto", children: filteredItems.map((item) => /* @__PURE__ */ jsxRuntime.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";
-
-exports.LimelightNav = LimelightNav;
+'use strict';var f=require('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 _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 f__namespace=/*#__PURE__*/_interopNamespace(f);var P=Object.defineProperty;var s=(a,r)=>P(a,"name",{value:r,configurable:true});function i(...a){return tailwindMerge.twMerge(clsx.clsx(a))}s(i,"cn");var H=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"}}),v=f__namespace.forwardRef(({className:a,variant:r="default",size:t="default",asChild:o=false,isLoading:u=false,children:d,...l},p)=>jsxRuntime.jsxs(o?reactSlot.Slot:"button",{"data-slot":"button","data-variant":r,"data-size":t,className:i(H({variant:r,size:t,className:a})),ref:p,...l,children:[u?jsxRuntime.jsx(lucideReact.Loader2,{className:i("h-4 w-4 animate-spin",t!=="icon"&&t!=="icon-sm"&&t!=="icon-lg"&&"mr-2")}):null,u&&(t==="icon"||t==="icon-sm"||t==="icon-lg")?null:d]}));v.displayName="Button";var z=classVarianceAuthority.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:a,variant:r="default",asChild:t=false,...o}){return jsxRuntime.jsx(t?reactSlot.Slot:"span",{"data-slot":"badge","data-variant":r,className:i(z({variant:r}),a),...o})}s(w,"Badge");var R=s(({className:a,type:r,startAdornment:t,endAdornment:o,hidePasswordToggle:u,ref:d,...l})=>{let p=f.useRef(null),b=f.useRef(null),e=f.useRef(null),[n,x]=f__namespace.useState(false),C=s(()=>{x(!n);},"togglePasswordVisibility"),y={};t&&(y.paddingLeft=`${(b?.current?.offsetWidth??0)+20}px`),o&&(y.paddingRight=`${(e?.current?.offsetWidth??0)+20}px`),f.useImperativeHandle(d,()=>p.current,[]),f.useEffect(()=>{l.autoFocus&&setTimeout(()=>{p?.current?.focus();},0);},[l.autoFocus]);let L=r==="password"&&n?"text":r;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("input",{className:i("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",t&&"pl-[var(--custom-padding-left-input)]",o&&"pr-[var(--custom-padding-right-input)]",r==="password"&&"pr-[60px]",a),placeholder:" ",ref:p,spellCheck:false,style:y,type:L,...l}),t?jsxRuntime.jsx(w,{className:"peer/adornment adornment absolute top-[30px] left-4",ref:b,variant:"inputAdornment",children:t}):null,o&&typeof o=="string"?jsxRuntime.jsx(w,{className:"peer/adornment adornment absolute top-[30px] right-4",ref:e,variant:"inputAdornment",children:o}):null,o&&typeof o!="string"&&f__namespace.isValidElement(o)?f__namespace.cloneElement(o,{ref:e}):null,r==="password"&&!u&&jsxRuntime.jsx(v,{"aria-label":n?"Hide password":"Show password",className:"absolute top-3 right-3",onClick:C,size:"icon",type:"button",variant:"ghost",children:n?jsxRuntime.jsx(lucideReact.EyeOffIcon,{"aria-hidden":"true",className:"h-4 w-4"}):jsxRuntime.jsx(lucideReact.EyeIcon,{"aria-hidden":"true",className:"h-4 w-4"})})]})},"Input");R.displayName="Input";var j=f__namespace.forwardRef(({className:a,items:r=[],...t},o)=>{let[u,d]=f__namespace.useState(false),[l,p]=f__namespace.useState("");f__namespace.useEffect(()=>{let e=s(n=>{n.key==="k"&&(n.metaKey||n.ctrlKey)&&(n.preventDefault(),d(x=>!x));},"down");return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[]);let b=r.filter(e=>e.label.toLowerCase().includes(l.toLowerCase()));return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("nav",{ref:o,className:i("flex items-center gap-4",a),...t,children:[jsxRuntime.jsxs(v,{variant:"outline",onClick:()=>d(true),className:"relative w-64 justify-start",children:[jsxRuntime.jsx(lucideReact.Search,{className:"mr-2 h-4 w-4"}),jsxRuntime.jsx("span",{className:"text-muted-foreground",children:"Search..."}),jsxRuntime.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:[jsxRuntime.jsx(lucideReact.Command,{className:"h-3 w-3"}),"K"]})]}),r.slice(0,4).map(e=>jsxRuntime.jsx("a",{href:e.href,className:"text-sm font-medium transition-colors hover:text-primary",children:e.label},e.href))]}),u&&jsxRuntime.jsx("div",{className:"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm",onClick:()=>d(false),children:jsxRuntime.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:[jsxRuntime.jsx(R,{placeholder:"Search navigation...",value:l,onChange:e=>p(e.target.value),autoFocus:true,className:"mb-4"}),jsxRuntime.jsx("div",{className:"max-h-96 space-y-1 overflow-auto",children:b.map(e=>jsxRuntime.jsx("a",{href:e.href,className:"block rounded-md px-4 py-2 hover:bg-accent",onClick:()=>d(false),children:e.label},e.href))})]})})]})});j.displayName="LimelightNav";exports.LimelightNav=j;

package/dist/dock/limelight-nav.mjs

@@ -1,294 +1,2 @@
 "use client";
-import * as React3 from 'react';
-import { useRef, useImperativeHandle, useEffect } from 'react';
-import { Loader2, Search, Command, EyeOffIcon, EyeIcon } 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, Fragment } 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 = React3.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 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 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] = React3.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" && React3.isValidElement(endAdornment) ? React3.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 = React3.forwardRef(
-  ({ className, items = [], ...props }, ref) => {
-    const [isOpen, setIsOpen] = React3.useState(false);
-    const [search, setSearch] = React3.useState("");
-    React3.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";
-
-export { LimelightNav };
+import*as f from'react';import {useRef,useImperativeHandle,useEffect}from'react';import {Loader2,Search,Command,EyeOffIcon,EyeIcon}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,Fragment}from'react/jsx-runtime';var P=Object.defineProperty;var s=(a,r)=>P(a,"name",{value:r,configurable:true});function i(...a){return twMerge(clsx(a))}s(i,"cn");var H=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"}}),v=f.forwardRef(({className:a,variant:r="default",size:t="default",asChild:o=false,isLoading:u=false,children:d,...l},p)=>jsxs(o?Slot:"button",{"data-slot":"button","data-variant":r,"data-size":t,className:i(H({variant:r,size:t,className:a})),ref:p,...l,children:[u?jsx(Loader2,{className:i("h-4 w-4 animate-spin",t!=="icon"&&t!=="icon-sm"&&t!=="icon-lg"&&"mr-2")}):null,u&&(t==="icon"||t==="icon-sm"||t==="icon-lg")?null:d]}));v.displayName="Button";var z=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:a,variant:r="default",asChild:t=false,...o}){return jsx(t?Slot:"span",{"data-slot":"badge","data-variant":r,className:i(z({variant:r}),a),...o})}s(w,"Badge");var R=s(({className:a,type:r,startAdornment:t,endAdornment:o,hidePasswordToggle:u,ref:d,...l})=>{let p=useRef(null),b=useRef(null),e=useRef(null),[n,x]=f.useState(false),C=s(()=>{x(!n);},"togglePasswordVisibility"),y={};t&&(y.paddingLeft=`${(b?.current?.offsetWidth??0)+20}px`),o&&(y.paddingRight=`${(e?.current?.offsetWidth??0)+20}px`),useImperativeHandle(d,()=>p.current,[]),useEffect(()=>{l.autoFocus&&setTimeout(()=>{p?.current?.focus();},0);},[l.autoFocus]);let L=r==="password"&&n?"text":r;return jsxs(Fragment,{children:[jsx("input",{className:i("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",t&&"pl-[var(--custom-padding-left-input)]",o&&"pr-[var(--custom-padding-right-input)]",r==="password"&&"pr-[60px]",a),placeholder:" ",ref:p,spellCheck:false,style:y,type:L,...l}),t?jsx(w,{className:"peer/adornment adornment absolute top-[30px] left-4",ref:b,variant:"inputAdornment",children:t}):null,o&&typeof o=="string"?jsx(w,{className:"peer/adornment adornment absolute top-[30px] right-4",ref:e,variant:"inputAdornment",children:o}):null,o&&typeof o!="string"&&f.isValidElement(o)?f.cloneElement(o,{ref:e}):null,r==="password"&&!u&&jsx(v,{"aria-label":n?"Hide password":"Show password",className:"absolute top-3 right-3",onClick:C,size:"icon",type:"button",variant:"ghost",children:n?jsx(EyeOffIcon,{"aria-hidden":"true",className:"h-4 w-4"}):jsx(EyeIcon,{"aria-hidden":"true",className:"h-4 w-4"})})]})},"Input");R.displayName="Input";var j=f.forwardRef(({className:a,items:r=[],...t},o)=>{let[u,d]=f.useState(false),[l,p]=f.useState("");f.useEffect(()=>{let e=s(n=>{n.key==="k"&&(n.metaKey||n.ctrlKey)&&(n.preventDefault(),d(x=>!x));},"down");return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[]);let b=r.filter(e=>e.label.toLowerCase().includes(l.toLowerCase()));return jsxs(Fragment,{children:[jsxs("nav",{ref:o,className:i("flex items-center gap-4",a),...t,children:[jsxs(v,{variant:"outline",onClick:()=>d(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(e=>jsx("a",{href:e.href,className:"text-sm font-medium transition-colors hover:text-primary",children:e.label},e.href))]}),u&&jsx("div",{className:"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm",onClick:()=>d(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:e=>e.stopPropagation(),children:[jsx(R,{placeholder:"Search navigation...",value:l,onChange:e=>p(e.target.value),autoFocus:true,className:"mb-4"}),jsx("div",{className:"max-h-96 space-y-1 overflow-auto",children:b.map(e=>jsx("a",{href:e.href,className:"block rounded-md px-4 py-2 hover:bg-accent",onClick:()=>d(false),children:e.label},e.href))})]})})]})});j.displayName="LimelightNav";export{j as LimelightNav};