@hanzo/ui 5.3.35 → 5.3.38

package/dist/mermaid/index.js

@@ -1,281 +1,2 @@
 "use client";
-'use strict';
-
-var lucideReact = require('lucide-react');
-var mermaid = require('mermaid');
-var React = require('react');
-var sonner = require('sonner');
-var svgPanZoom = require('svg-pan-zoom');
-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');
-var TooltipPrimitive = require('@radix-ui/react-tooltip');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var mermaid__default = /*#__PURE__*/_interopDefault(mermaid);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var svgPanZoom__default = /*#__PURE__*/_interopDefault(svgPanZoom);
-var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
-
-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 = React__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 Tooltip = TooltipPrimitive__namespace.Root;
-var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
-var TooltipContent = /* @__PURE__ */ __name(({
-  className,
-  sideOffset = 4,
-  showArrow = true,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(
-  TooltipPrimitive__namespace.Content,
-  {
-    className: cn(
-      "border-divider bg-bg-dark animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-w-[280px] rounded-lg border px-3 py-1.5 text-xs text-white",
-      className
-    ),
-    sideOffset,
-    ...props,
-    children: [
-      props.children,
-      showArrow && /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Arrow, { className: "fill-bg-dark -my-px drop-shadow-[0_1px_0_#313336]" })
-    ]
-  }
-), "TooltipContent");
-TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
-mermaid__default.default.initialize({
-  startOnLoad: true,
-  mindmap: {
-    useWidth: 800
-  },
-  theme: "dark",
-  fontSize: 18,
-  darkMode: true,
-  fontFamily: "Inter"
-});
-var generateId = /* @__PURE__ */ __name(() => `mermaid-${Math.random().toString(36).slice(2)}`, "generateId");
-var downloadBlob = /* @__PURE__ */ __name(async (blob, filename) => {
-  try {
-    const link = document.createElement("a");
-    link.href = URL.createObjectURL(blob);
-    link.download = filename;
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(link.href);
-    sonner.toast.success("Mermaid diagram saved successfully");
-  } catch (error) {
-    sonner.toast.error("Failed to download diagram");
-  }
-}, "downloadBlob");
-var MermaidDiagram = /* @__PURE__ */ __name(({
-  code,
-  className,
-  isRunning
-}) => {
-  const ref = React.useRef(null);
-  const lastCode = React.useRef(null);
-  const [instance, setInstance] = React.useState(null);
-  const isComplete = !isRunning;
-  const resetZoom = React.useCallback(() => {
-    instance?.fit();
-    instance?.center();
-  }, [instance]);
-  const downloadSVG = React.useCallback(() => {
-    if (ref.current) {
-      const svg = ref.current.innerHTML;
-      const blob = new Blob([svg], { type: "image/svg+xml" });
-      void downloadBlob(blob, "mermaid-diagram.svg");
-    }
-  }, []);
-  const enableZoom = React.useCallback(() => {
-    instance?.enablePan();
-    instance?.enableZoom();
-  }, [instance]);
-  const disableZoom = React.useCallback(() => {
-    instance?.disablePan();
-    instance?.disableZoom();
-  }, [instance]);
-  const handleFocus = React.useCallback(() => {
-    enableZoom();
-  }, [enableZoom]);
-  const handleBlur = React.useCallback(() => {
-    disableZoom();
-  }, [disableZoom]);
-  const handleClick = React.useCallback(() => {
-    if (ref.current) {
-      ref.current.focus();
-    }
-  }, []);
-  React.useEffect(() => {
-    if (!isComplete || !ref.current || !code) return;
-    if (lastCode.current === code) return;
-    void (async () => {
-      try {
-        const id = generateId();
-        const { svg } = await mermaid__default.default.render(id, code);
-        if (ref.current) {
-          ref.current.innerHTML = svg;
-          const svgElement = ref.current.querySelector("svg");
-          if (svgElement) {
-            svgElement.setAttribute("height", "100%");
-            svgElement.setAttribute("width", "100%");
-            svgElement.style.height = "100%";
-            svgElement.style.width = "100%";
-            svgElement.style.position = "absolute";
-            svgElement.style.top = "0";
-            svgElement.style.left = "0";
-            const panZoomInstance = svgPanZoom__default.default(svgElement);
-            panZoomInstance.fit();
-            panZoomInstance.center();
-            panZoomInstance.zoomAtPoint(1, { x: 0, y: 0 });
-            panZoomInstance.disablePan();
-            panZoomInstance.disableZoom();
-            setInstance(panZoomInstance);
-          }
-        }
-        lastCode.current = code;
-      } catch (e) {
-        console.warn("Failed to render Mermaid diagram:", e);
-      }
-    })();
-  }, [code, isComplete]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-2 right-2 z-10 flex gap-1", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            onClick: resetZoom,
-            className: "text-text-secondary",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { size: 14 })
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Reset Zoom" }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            onClick: downloadSVG,
-            className: "text-text-secondary",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { size: 14 })
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Download SVG" }) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        onClick: handleClick,
-        className: "text-text-secondary bg-bg-quaternary absolute right-2 bottom-2 z-10 rounded px-2 py-1 text-xs",
-        children: "Click to focus, then scroll to zoom & drag to pan"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        tabIndex: 0,
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        onClick: handleClick,
-        className: cn(
-          "text-text-secondary bg-bg-quaternary focus:ring-opacity-50 relative w-full cursor-grab overflow-hidden rounded-b-lg p-4 py-10 text-center text-sm focus:cursor-grabbing focus:ring-2 focus:ring-blue-500 focus:outline-none",
-          className
-        ),
-        style: { width: "100%", minHeight: "400px" },
-        children: "Drawing diagram..."
-      }
-    )
-  ] });
-}, "MermaidDiagram");
-
-exports.Mermaid = MermaidDiagram;
-exports.MermaidDiagram = MermaidDiagram;
+'use strict';var lucideReact=require('lucide-react'),L=require('mermaid'),M=require('react'),sonner=require('sonner'),j=require('svg-pan-zoom'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime'),r=require('@radix-ui/react-tooltip');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var L__default=/*#__PURE__*/_interopDefault(L);var M__namespace=/*#__PURE__*/_interopNamespace(M);var j__default=/*#__PURE__*/_interopDefault(j);var r__namespace=/*#__PURE__*/_interopNamespace(r);var A=Object.defineProperty;var l=(e,a)=>A(e,"name",{value:a,configurable:true});function d(...e){return tailwindMerge.twMerge(clsx.clsx(e))}l(d,"cn");var U=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"}}),f=M__namespace.forwardRef(({className:e,variant:a="default",size:t="default",asChild:o=false,isLoading:p=false,children:n,...h},g)=>jsxRuntime.jsxs(o?reactSlot.Slot:"button",{"data-slot":"button","data-variant":a,"data-size":t,className:d(U({variant:a,size:t,className:e})),ref:g,...h,children:[p?jsxRuntime.jsx(lucideReact.Loader2,{className:d("h-4 w-4 animate-spin",t!=="icon"&&t!=="icon-sm"&&t!=="icon-lg"&&"mr-2")}):null,p&&(t==="icon"||t==="icon-sm"||t==="icon-lg")?null:n]}));f.displayName="Button";var y=r__namespace.Root,T=r__namespace.Trigger;var v=l(({className:e,sideOffset:a=4,showArrow:t=true,...o})=>jsxRuntime.jsxs(r__namespace.Content,{className:d("border-divider bg-bg-dark animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-w-[280px] rounded-lg border px-3 py-1.5 text-xs text-white",e),sideOffset:a,...o,children:[o.children,t&&jsxRuntime.jsx(r__namespace.Arrow,{className:"fill-bg-dark -my-px drop-shadow-[0_1px_0_#313336]"})]}),"TooltipContent");v.displayName=r__namespace.Content.displayName;L__default.default.initialize({startOnLoad:true,mindmap:{useWidth:800},theme:"dark",fontSize:18,darkMode:true,fontFamily:"Inter"});var J=l(()=>`mermaid-${Math.random().toString(36).slice(2)}`,"generateId"),K=l(async(e,a)=>{try{let t=document.createElement("a");t.href=URL.createObjectURL(e),t.download=a,document.body.appendChild(t),t.click(),document.body.removeChild(t),URL.revokeObjectURL(t.href),sonner.toast.success("Mermaid diagram saved successfully");}catch{sonner.toast.error("Failed to download diagram");}},"downloadBlob"),N=l(({code:e,className:a,isRunning:t})=>{let o=M.useRef(null),p=M.useRef(null),[n,h]=M.useState(null),g=!t,w=M.useCallback(()=>{n?.fit(),n?.center();},[n]),z=M.useCallback(()=>{if(o.current){let u=o.current.innerHTML,x=new Blob([u],{type:"image/svg+xml"});K(x,"mermaid-diagram.svg");}},[]),P=M.useCallback(()=>{n?.enablePan(),n?.enableZoom();},[n]),C=M.useCallback(()=>{n?.disablePan(),n?.disableZoom();},[n]),D=M.useCallback(()=>{P();},[P]),S=M.useCallback(()=>{C();},[C]),k=M.useCallback(()=>{o.current&&o.current.focus();},[]);return M.useEffect(()=>{!g||!o.current||!e||p.current!==e&&(async()=>{try{let u=J(),{svg:x}=await L__default.default.render(u,e);if(o.current){o.current.innerHTML=x;let s=o.current.querySelector("svg");if(s){s.setAttribute("height","100%"),s.setAttribute("width","100%"),s.style.height="100%",s.style.width="100%",s.style.position="absolute",s.style.top="0",s.style.left="0";let m=j__default.default(s);m.fit(),m.center(),m.zoomAtPoint(1,{x:0,y:0}),m.disablePan(),m.disableZoom(),h(m);}}p.current=e;}catch(u){console.warn("Failed to render Mermaid diagram:",u);}})();},[e,g]),jsxRuntime.jsxs("div",{className:"relative",children:[jsxRuntime.jsxs("div",{className:"absolute top-2 right-2 z-10 flex gap-1",children:[jsxRuntime.jsxs(y,{children:[jsxRuntime.jsx(T,{asChild:true,children:jsxRuntime.jsx(f,{variant:"ghost",size:"icon",onClick:w,className:"text-text-secondary",children:jsxRuntime.jsx(lucideReact.RotateCcw,{size:14})})}),jsxRuntime.jsx(v,{children:jsxRuntime.jsx("p",{children:"Reset Zoom"})})]}),jsxRuntime.jsxs(y,{children:[jsxRuntime.jsx(T,{asChild:true,children:jsxRuntime.jsx(f,{variant:"ghost",size:"icon",onClick:z,className:"text-text-secondary",children:jsxRuntime.jsx(lucideReact.Download,{size:14})})}),jsxRuntime.jsx(v,{children:jsxRuntime.jsx("p",{children:"Download SVG"})})]})]}),jsxRuntime.jsx("div",{onClick:k,className:"text-text-secondary bg-bg-quaternary absolute right-2 bottom-2 z-10 rounded px-2 py-1 text-xs",children:"Click to focus, then scroll to zoom & drag to pan"}),jsxRuntime.jsx("div",{ref:o,tabIndex:0,onFocus:D,onBlur:S,onClick:k,className:d("text-text-secondary bg-bg-quaternary focus:ring-opacity-50 relative w-full cursor-grab overflow-hidden rounded-b-lg p-4 py-10 text-center text-sm focus:cursor-grabbing focus:ring-2 focus:ring-blue-500 focus:outline-none",a),style:{width:"100%",minHeight:"400px"},children:"Drawing diagram..."})]})},"MermaidDiagram");exports.Mermaid=N;exports.MermaidDiagram=N;

package/dist/mermaid/index.mjs

@@ -1,254 +1,2 @@
 "use client";
-import { Loader2, RotateCcw, Download } from 'lucide-react';
-import mermaid from 'mermaid';
-import * as React from 'react';
-import { useRef, useState, useCallback, useEffect } from 'react';
-import { toast } from 'sonner';
-import svgPanZoom from 'svg-pan-zoom';
-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 TooltipPrimitive from '@radix-ui/react-tooltip';
-
-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 = React.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 Tooltip = TooltipPrimitive.Root;
-var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = /* @__PURE__ */ __name(({
-  className,
-  sideOffset = 4,
-  showArrow = true,
-  ...props
-}) => /* @__PURE__ */ jsxs(
-  TooltipPrimitive.Content,
-  {
-    className: cn(
-      "border-divider bg-bg-dark animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-w-[280px] rounded-lg border px-3 py-1.5 text-xs text-white",
-      className
-    ),
-    sideOffset,
-    ...props,
-    children: [
-      props.children,
-      showArrow && /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "fill-bg-dark -my-px drop-shadow-[0_1px_0_#313336]" })
-    ]
-  }
-), "TooltipContent");
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-mermaid.initialize({
-  startOnLoad: true,
-  mindmap: {
-    useWidth: 800
-  },
-  theme: "dark",
-  fontSize: 18,
-  darkMode: true,
-  fontFamily: "Inter"
-});
-var generateId = /* @__PURE__ */ __name(() => `mermaid-${Math.random().toString(36).slice(2)}`, "generateId");
-var downloadBlob = /* @__PURE__ */ __name(async (blob, filename) => {
-  try {
-    const link = document.createElement("a");
-    link.href = URL.createObjectURL(blob);
-    link.download = filename;
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(link.href);
-    toast.success("Mermaid diagram saved successfully");
-  } catch (error) {
-    toast.error("Failed to download diagram");
-  }
-}, "downloadBlob");
-var MermaidDiagram = /* @__PURE__ */ __name(({
-  code,
-  className,
-  isRunning
-}) => {
-  const ref = useRef(null);
-  const lastCode = useRef(null);
-  const [instance, setInstance] = useState(null);
-  const isComplete = !isRunning;
-  const resetZoom = useCallback(() => {
-    instance?.fit();
-    instance?.center();
-  }, [instance]);
-  const downloadSVG = useCallback(() => {
-    if (ref.current) {
-      const svg = ref.current.innerHTML;
-      const blob = new Blob([svg], { type: "image/svg+xml" });
-      void downloadBlob(blob, "mermaid-diagram.svg");
-    }
-  }, []);
-  const enableZoom = useCallback(() => {
-    instance?.enablePan();
-    instance?.enableZoom();
-  }, [instance]);
-  const disableZoom = useCallback(() => {
-    instance?.disablePan();
-    instance?.disableZoom();
-  }, [instance]);
-  const handleFocus = useCallback(() => {
-    enableZoom();
-  }, [enableZoom]);
-  const handleBlur = useCallback(() => {
-    disableZoom();
-  }, [disableZoom]);
-  const handleClick = useCallback(() => {
-    if (ref.current) {
-      ref.current.focus();
-    }
-  }, []);
-  useEffect(() => {
-    if (!isComplete || !ref.current || !code) return;
-    if (lastCode.current === code) return;
-    void (async () => {
-      try {
-        const id = generateId();
-        const { svg } = await mermaid.render(id, code);
-        if (ref.current) {
-          ref.current.innerHTML = svg;
-          const svgElement = ref.current.querySelector("svg");
-          if (svgElement) {
-            svgElement.setAttribute("height", "100%");
-            svgElement.setAttribute("width", "100%");
-            svgElement.style.height = "100%";
-            svgElement.style.width = "100%";
-            svgElement.style.position = "absolute";
-            svgElement.style.top = "0";
-            svgElement.style.left = "0";
-            const panZoomInstance = svgPanZoom(svgElement);
-            panZoomInstance.fit();
-            panZoomInstance.center();
-            panZoomInstance.zoomAtPoint(1, { x: 0, y: 0 });
-            panZoomInstance.disablePan();
-            panZoomInstance.disableZoom();
-            setInstance(panZoomInstance);
-          }
-        }
-        lastCode.current = code;
-      } catch (e) {
-        console.warn("Failed to render Mermaid diagram:", e);
-      }
-    })();
-  }, [code, isComplete]);
-  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ jsxs("div", { className: "absolute top-2 right-2 z-10 flex gap-1", children: [
-      /* @__PURE__ */ jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            onClick: resetZoom,
-            className: "text-text-secondary",
-            children: /* @__PURE__ */ jsx(RotateCcw, { size: 14 })
-          }
-        ) }),
-        /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Reset Zoom" }) })
-      ] }),
-      /* @__PURE__ */ jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            onClick: downloadSVG,
-            className: "text-text-secondary",
-            children: /* @__PURE__ */ jsx(Download, { size: 14 })
-          }
-        ) }),
-        /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Download SVG" }) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        onClick: handleClick,
-        className: "text-text-secondary bg-bg-quaternary absolute right-2 bottom-2 z-10 rounded px-2 py-1 text-xs",
-        children: "Click to focus, then scroll to zoom & drag to pan"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        tabIndex: 0,
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        onClick: handleClick,
-        className: cn(
-          "text-text-secondary bg-bg-quaternary focus:ring-opacity-50 relative w-full cursor-grab overflow-hidden rounded-b-lg p-4 py-10 text-center text-sm focus:cursor-grabbing focus:ring-2 focus:ring-blue-500 focus:outline-none",
-          className
-        ),
-        style: { width: "100%", minHeight: "400px" },
-        children: "Drawing diagram..."
-      }
-    )
-  ] });
-}, "MermaidDiagram");
-
-export { MermaidDiagram as Mermaid, MermaidDiagram };
+import {Loader2,RotateCcw,Download}from'lucide-react';import L from'mermaid';import*as M from'react';import {useRef,useState,useCallback,useEffect}from'react';import {toast}from'sonner';import j from'svg-pan-zoom';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 r from'@radix-ui/react-tooltip';var A=Object.defineProperty;var l=(e,a)=>A(e,"name",{value:a,configurable:true});function d(...e){return twMerge(clsx(e))}l(d,"cn");var U=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"}}),f=M.forwardRef(({className:e,variant:a="default",size:t="default",asChild:o=false,isLoading:p=false,children:n,...h},g)=>jsxs(o?Slot:"button",{"data-slot":"button","data-variant":a,"data-size":t,className:d(U({variant:a,size:t,className:e})),ref:g,...h,children:[p?jsx(Loader2,{className:d("h-4 w-4 animate-spin",t!=="icon"&&t!=="icon-sm"&&t!=="icon-lg"&&"mr-2")}):null,p&&(t==="icon"||t==="icon-sm"||t==="icon-lg")?null:n]}));f.displayName="Button";var y=r.Root,T=r.Trigger;var v=l(({className:e,sideOffset:a=4,showArrow:t=true,...o})=>jsxs(r.Content,{className:d("border-divider bg-bg-dark animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-w-[280px] rounded-lg border px-3 py-1.5 text-xs text-white",e),sideOffset:a,...o,children:[o.children,t&&jsx(r.Arrow,{className:"fill-bg-dark -my-px drop-shadow-[0_1px_0_#313336]"})]}),"TooltipContent");v.displayName=r.Content.displayName;L.initialize({startOnLoad:true,mindmap:{useWidth:800},theme:"dark",fontSize:18,darkMode:true,fontFamily:"Inter"});var J=l(()=>`mermaid-${Math.random().toString(36).slice(2)}`,"generateId"),K=l(async(e,a)=>{try{let t=document.createElement("a");t.href=URL.createObjectURL(e),t.download=a,document.body.appendChild(t),t.click(),document.body.removeChild(t),URL.revokeObjectURL(t.href),toast.success("Mermaid diagram saved successfully");}catch{toast.error("Failed to download diagram");}},"downloadBlob"),N=l(({code:e,className:a,isRunning:t})=>{let o=useRef(null),p=useRef(null),[n,h]=useState(null),g=!t,w=useCallback(()=>{n?.fit(),n?.center();},[n]),z=useCallback(()=>{if(o.current){let u=o.current.innerHTML,x=new Blob([u],{type:"image/svg+xml"});K(x,"mermaid-diagram.svg");}},[]),P=useCallback(()=>{n?.enablePan(),n?.enableZoom();},[n]),C=useCallback(()=>{n?.disablePan(),n?.disableZoom();},[n]),D=useCallback(()=>{P();},[P]),S=useCallback(()=>{C();},[C]),k=useCallback(()=>{o.current&&o.current.focus();},[]);return useEffect(()=>{!g||!o.current||!e||p.current!==e&&(async()=>{try{let u=J(),{svg:x}=await L.render(u,e);if(o.current){o.current.innerHTML=x;let s=o.current.querySelector("svg");if(s){s.setAttribute("height","100%"),s.setAttribute("width","100%"),s.style.height="100%",s.style.width="100%",s.style.position="absolute",s.style.top="0",s.style.left="0";let m=j(s);m.fit(),m.center(),m.zoomAtPoint(1,{x:0,y:0}),m.disablePan(),m.disableZoom(),h(m);}}p.current=e;}catch(u){console.warn("Failed to render Mermaid diagram:",u);}})();},[e,g]),jsxs("div",{className:"relative",children:[jsxs("div",{className:"absolute top-2 right-2 z-10 flex gap-1",children:[jsxs(y,{children:[jsx(T,{asChild:true,children:jsx(f,{variant:"ghost",size:"icon",onClick:w,className:"text-text-secondary",children:jsx(RotateCcw,{size:14})})}),jsx(v,{children:jsx("p",{children:"Reset Zoom"})})]}),jsxs(y,{children:[jsx(T,{asChild:true,children:jsx(f,{variant:"ghost",size:"icon",onClick:z,className:"text-text-secondary",children:jsx(Download,{size:14})})}),jsx(v,{children:jsx("p",{children:"Download SVG"})})]})]}),jsx("div",{onClick:k,className:"text-text-secondary bg-bg-quaternary absolute right-2 bottom-2 z-10 rounded px-2 py-1 text-xs",children:"Click to focus, then scroll to zoom & drag to pan"}),jsx("div",{ref:o,tabIndex:0,onFocus:D,onBlur:S,onClick:k,className:d("text-text-secondary bg-bg-quaternary focus:ring-opacity-50 relative w-full cursor-grab overflow-hidden rounded-b-lg p-4 py-10 text-center text-sm focus:cursor-grabbing focus:ring-2 focus:ring-blue-500 focus:outline-none",a),style:{width:"100%",minHeight:"400px"},children:"Drawing diagram..."})]})},"MermaidDiagram");export{N as Mermaid,N as MermaidDiagram};

package/dist/models/index.js

@@ -0,0 +1,35 @@
+"use client";
+'use strict';var lucideReact=require('lucide-react'),jsxRuntime=require('react/jsx-runtime'),react=require('react'),navigation=require('next/navigation');var I=Object.defineProperty;var a=(e,s)=>I(e,"name",{value:s,configurable:true});function q(e){return e?e>=1e6?`${(e/1e6).toFixed(e%1e6===0?0:1)}M ctx`:e>=1e3?`${Math.round(e/1e3)}K ctx`:`${e} ctx`:""}a(q,"fmtCtx");function D(e){switch(e){case "preview":return {label:"PREVIEW",className:"bg-amber-500/20 text-amber-600 dark:text-amber-400"};case "coming-soon":return {label:"SOON",className:"bg-muted text-muted-foreground"};case "contact-sales":return {label:"EARLY ACCESS",className:"bg-purple-500/20 text-purple-600 dark:text-purple-400"};default:return null}}a(D,"statusInfo");function O(e,s){return s?s.includes(e):["zen4-max","zen-max","zen5","zen4"].includes(e)}a(O,"isFeaturedModel");function P({model:e,onNavigate:s,linkPrefix:o="/docs/models/",chatBaseUrl:d="https://hanzo.chat",requestAccessUrl:p="https://hanzo.ai/contact",featuredIds:c}){let t=e.status,g=O(e.id,c),b=D(t),y=[e.spec.params&&e.spec.params!=="N/A"&&e.spec.params!=="TBA"&&e.spec.params!=="TBD"?e.spec.params:null,e.spec.activeParams?`(${e.spec.activeParams} active)`:null,e.spec.arch??null].filter(Boolean).join(" "),$=q(e.spec.context),M=[y,$].filter(Boolean).join(" \xB7 "),C=g?"border-primary/30 bg-primary/5":t==="coming-soon"?"border-border bg-muted/30 opacity-75":t==="contact-sales"?"border-purple-500/20 bg-purple-500/5":"border-border bg-background",h=!!s,N=a(()=>s?.(e.id),"handleClick");return jsxRuntime.jsxs("div",{role:h?"link":void 0,tabIndex:h?0:void 0,onClick:h?N:void 0,onKeyDown:h?a(l=>{(l.key==="Enter"||l.key===" ")&&N();},"handleKey"):void 0,className:`rounded-lg border p-4 transition hover:border-primary/40 ${C} ${h?"cursor-pointer":""}`,children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[jsxRuntime.jsx("span",{className:"font-semibold text-sm",children:e.id}),b&&jsxRuntime.jsx("span",{className:`text-[9px] font-semibold tracking-wider uppercase px-1.5 py-0.5 rounded-full ${b.className}`,children:b.label})]}),M&&jsxRuntime.jsx("div",{className:"text-xs font-mono text-muted-foreground mb-2",children:M}),jsxRuntime.jsx("p",{className:"text-xs text-muted-foreground mb-3",children:e.description}),jsxRuntime.jsxs("div",{className:"flex flex-wrap gap-1.5 mt-auto",children:[t==="contact-sales"&&jsxRuntime.jsxs("a",{href:p,target:"_blank",rel:"noopener noreferrer",onClick:l=>{l.stopPropagation();},className:"inline-flex items-center gap-1 text-xs bg-purple-500/20 text-purple-400 border border-purple-500/30 px-2 py-0.5 rounded hover:bg-purple-500/30 transition",children:[jsxRuntime.jsx(lucideReact.ExternalLink,{className:"h-2.5 w-2.5"})," Request Access"]}),(t==="available"||t==="preview"||t==="cloud-only")&&jsxRuntime.jsxs("a",{href:`${d}?model=${e.id}`,target:"_blank",rel:"noopener noreferrer",onClick:l=>{l.stopPropagation();},className:"inline-flex items-center gap-1 text-xs bg-primary text-primary-foreground px-2 py-0.5 rounded hover:opacity-90 transition",children:[jsxRuntime.jsx(lucideReact.MessageSquare,{className:"h-2.5 w-2.5"})," Chat"]}),e.huggingface&&jsxRuntime.jsxs("a",{href:e.huggingface,target:"_blank",rel:"noopener noreferrer",onClick:l=>{l.stopPropagation();},className:"inline-flex items-center gap-1 text-xs text-primary hover:underline",children:[jsxRuntime.jsx(lucideReact.ExternalLink,{className:"h-2.5 w-2.5"})," Weights"]}),e.github&&jsxRuntime.jsxs("a",{href:e.github,target:"_blank",rel:"noopener noreferrer",onClick:l=>{l.stopPropagation();},className:"inline-flex items-center gap-1 text-xs text-muted-foreground hover:underline",children:[jsxRuntime.jsx(lucideReact.Github,{className:"h-2.5 w-2.5"})," Repo"]}),e.paper&&jsxRuntime.jsxs("a",{href:e.paper,target:"_blank",rel:"noopener noreferrer",onClick:l=>{l.stopPropagation();},className:"inline-flex items-center gap-1 text-xs text-muted-foreground hover:underline",children:[jsxRuntime.jsx(lucideReact.FileText,{className:"h-2.5 w-2.5"})," Paper"]})]})]})}a(P,"ModelCard");function K(e){return e?e>=1e6?`${(e/1e6).toFixed(e%1e6===0?0:1)}M`:e>=1e3?`${Math.round(e/1e3)}K`:`${e}`:"\u2014"}a(K,"fmtCtx");function A(e){return e==null?"\u2014":`$${e.toFixed(2)}`}a(A,"fmtPrice");function W({status:e}){return e==="preview"||e==="coming-soon"?jsxRuntime.jsx("span",{className:"ml-1 text-[9px] font-semibold tracking-wider uppercase bg-amber-500/20 text-amber-600 dark:text-amber-400 px-1.5 py-0.5 rounded-full align-middle",children:e==="preview"?"PREVIEW":"SOON"}):e==="contact-sales"?jsxRuntime.jsx("span",{className:"ml-1 text-[9px] font-semibold tracking-wider uppercase bg-purple-500/20 text-purple-600 dark:text-purple-400 px-1.5 py-0.5 rounded-full align-middle",children:"EARLY ACCESS"}):null}a(W,"StatusBadge");function V({models:e,linkPrefix:s="/docs/models/",showParams:o=true,showArch:d=false,showContext:p=true,showPricing:c=true}){return jsxRuntime.jsx("div",{className:"overflow-x-auto my-4",children:jsxRuntime.jsxs("table",{className:"w-full text-sm",children:[jsxRuntime.jsx("thead",{children:jsxRuntime.jsxs("tr",{className:"border-b border-border text-left",children:[jsxRuntime.jsx("th",{className:"pb-2 pr-4 font-medium",children:"Model"}),o&&jsxRuntime.jsx("th",{className:"pb-2 pr-4 font-medium",children:"Parameters"}),d&&jsxRuntime.jsx("th",{className:"pb-2 pr-4 font-medium",children:"Architecture"}),p&&jsxRuntime.jsx("th",{className:"pb-2 pr-4 font-medium",children:"Context"}),c&&jsxRuntime.jsx("th",{className:"pb-2 pr-4 font-medium text-right",children:"Input $/1M"}),c&&jsxRuntime.jsx("th",{className:"pb-2 font-medium text-right",children:"Output $/1M"})]})}),jsxRuntime.jsx("tbody",{className:"divide-y divide-border",children:e.map(t=>jsxRuntime.jsxs("tr",{children:[jsxRuntime.jsxs("td",{className:"py-2 pr-4",children:[jsxRuntime.jsx("a",{href:`${s}${t.id}`,className:"font-mono text-primary hover:underline text-sm",children:t.id}),jsxRuntime.jsx(W,{status:t.status})]}),o&&jsxRuntime.jsxs("td",{className:"py-2 pr-4 text-sm text-muted-foreground",children:[t.spec.params&&!["N/A","TBA","TBD"].includes(t.spec.params)?t.spec.params:"\u2014",t.spec.activeParams?` (${t.spec.activeParams} active)`:""]}),d&&jsxRuntime.jsx("td",{className:"py-2 pr-4 text-sm text-muted-foreground",children:t.spec.arch??"\u2014"}),p&&jsxRuntime.jsx("td",{className:"py-2 pr-4 text-sm text-muted-foreground",children:K(t.spec.context)}),c&&jsxRuntime.jsx("td",{className:"py-2 pr-4 text-sm text-right font-mono",children:A(t.pricing?.input)}),c&&jsxRuntime.jsx("td",{className:"py-2 text-sm text-right font-mono",children:A(t.pricing?.output)})]},t.id))})]})})}a(V,"ModelTable");var ce={Sparkles:jsxRuntime.jsx(lucideReact.Sparkles,{className:"h-5 w-5"}),Rocket:jsxRuntime.jsx(lucideReact.Rocket,{className:"h-5 w-5"}),Eye:jsxRuntime.jsx(lucideReact.Eye,{className:"h-5 w-5"}),Code:jsxRuntime.jsx(lucideReact.Code,{className:"h-5 w-5"}),Search:jsxRuntime.jsx(lucideReact.Search,{className:"h-5 w-5"}),Image:jsxRuntime.jsx(lucideReact.Image,{className:"h-5 w-5"}),Mic:jsxRuntime.jsx(lucideReact.Mic,{className:"h-5 w-5"}),Brain:jsxRuntime.jsx(lucideReact.Brain,{className:"h-5 w-5"}),Shield:jsxRuntime.jsx(lucideReact.Shield,{className:"h-5 w-5"}),Network:jsxRuntime.jsx(lucideReact.Network,{className:"h-5 w-5"}),Box:jsxRuntime.jsx(lucideReact.Box,{className:"h-5 w-5"}),Video:jsxRuntime.jsx(lucideReact.Video,{className:"h-5 w-5"}),Atom:jsxRuntime.jsx(lucideReact.Atom,{className:"h-5 w-5"}),Cpu:jsxRuntime.jsx(lucideReact.Cpu,{className:"h-5 w-5"}),Zap:jsxRuntime.jsx(lucideReact.Zap,{className:"h-5 w-5"})};function E(e){return e==="available"||e==="contact-sales"||e==="cloud-only"}a(E,"isActiveStatus");function F({family:e,models:s,onNavigate:o,chatBaseUrl:d,requestAccessUrl:p,featuredIds:c}){let t=(e.icon&&ce[e.icon])??jsxRuntime.jsx(lucideReact.Atom,{className:"h-5 w-5"});return jsxRuntime.jsxs("div",{className:"mb-12",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[jsxRuntime.jsx("div",{className:"rounded-lg bg-muted p-2 text-primary",children:t}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("h3",{className:"text-xl font-semibold",children:e.name}),jsxRuntime.jsx("p",{className:"text-sm text-muted-foreground",children:e.description})]}),jsxRuntime.jsxs("span",{className:"ml-auto text-xs text-muted-foreground bg-muted px-2 py-1 rounded-full",children:[s.length," model",s.length!==1?"s":""]})]}),jsxRuntime.jsx("div",{className:"grid sm:grid-cols-2 lg:grid-cols-3 gap-3 mt-4",children:s.map(g=>jsxRuntime.jsx(P,{model:g,onNavigate:o,chatBaseUrl:d,requestAccessUrl:p,featuredIds:c},g.id))})]})}a(F,"ModelFamilySection");function pe({families:e,allModels:s,linkPrefix:o="/docs/models/",chatBaseUrl:d="https://hanzo.chat",requestAccessUrl:p="https://hanzo.ai/contact",featuredIds:c,showAllLabel:t="Show All Models",showCurrentLabel:g="Show Current Only",onNavigate:b}){let[m,y]=react.useState(false),$=navigation.useRouter(),M=new Map(s.map(i=>[i.id,i])),C=a(i=>{b?b(i):$.push(`${o}${i}`);},"handleNavigate"),h=e.map(i=>{let Z=i.models.map(k=>M.get(k)).filter(k=>k!==void 0).filter(k=>m||E(k.status));return {...i,resolvedModels:Z}}).filter(i=>i.resolvedModels.length>0),N=s.filter(i=>E(i.status)).length,S=s.length,l=S-N;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between mb-8",children:[jsxRuntime.jsxs("p",{className:"text-sm text-muted-foreground",children:["Showing ",jsxRuntime.jsx("strong",{children:m?S:N})," models",!m&&l>0&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[" \xB7 ",l," legacy/upcoming hidden"]})]}),jsxRuntime.jsxs("button",{onClick:()=>y(!m),className:"inline-flex items-center gap-2 rounded-lg border border-border bg-background px-3 py-1.5 text-sm font-medium hover:bg-muted transition",children:[jsxRuntime.jsx(lucideReact.Filter,{className:"h-3.5 w-3.5"}),m?g:t]})]}),h.map(i=>jsxRuntime.jsx(F,{family:i,models:i.resolvedModels,onNavigate:C,chatBaseUrl:d,requestAccessUrl:p,featuredIds:c},i.id))]})}a(pe,"ModelLibrary");function me({size:e=64,color:s="#A855F7",animate:o=true,loop:d=false,asLoader:p=false,className:c=""}){let t=Math.random().toString(36).slice(2,7),g=d?"1.35s":"1.25s",b=d?"0.60s":"0.55s",m=d?"infinite":"1",y=p?{animation:`zenEnsoSpin-${t} 1.2s linear infinite`}:{};return jsxRuntime.jsxs("span",{className:`inline-flex items-center justify-center ${c}`,style:{width:e,height:e},"aria-label":"Zen LM",children:[jsxRuntime.jsx("style",{children:`
+        @keyframes zenEnsoDraw-${t} {
+          to { stroke-dashoffset: 0; }
+        }
+        @keyframes zenEnsoFill-${t} {
+          0%   { opacity: 0; transform: scale(0.92); filter: blur(6px); }
+          60%  { opacity: 1; transform: scale(1.02); filter: blur(1px); }
+          100% { opacity: 1; transform: scale(1.00); filter: blur(0px); }
+        }
+        @keyframes zenEnsoCut-${t} {
+          to { opacity: 1; }
+        }
+        @keyframes zenEnsoSpin-${t} {
+          to { transform: rotate(360deg); }
+        }
+        .zen-enso-stroke-${t} {
+          stroke-dasharray: 1200;
+          stroke-dashoffset: ${o?"1200":"0"};
+          animation: ${o?`zenEnsoDraw-${t} ${g} cubic-bezier(.2,.9,.25,1) ${m} forwards`:"none"};
+        }
+        .zen-enso-fill-${t} {
+          opacity: ${o?"0":"1"};
+          transform-origin: 256px 256px;
+          transform: scale(${o?"0.92":"1"});
+          animation: ${o?`zenEnsoFill-${t} ${b} cubic-bezier(.2,.9,.2,1) ${m} forwards`:"none"};
+          animation-delay: ${o?"1.05s":"0s"};
+        }
+        .zen-enso-cut-${t} {
+          opacity: ${o?"0":"1"};
+          animation: ${o?`zenEnsoCut-${t} 0.01s linear ${m} forwards`:"none"};
+          animation-delay: ${o?"1.05s":"0s"};
+        }
+      `}),jsxRuntime.jsxs("svg",{viewBox:"0 0 512 512",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:e,height:e,style:y,children:[jsxRuntime.jsx("circle",{className:`zen-enso-fill-${t}`,cx:"256",cy:"256",r:"172",fill:s}),jsxRuntime.jsx("path",{className:`zen-enso-stroke-${t}`,d:"M256 74 C154 74 78 160 78 258 C78 352 150 432 250 438 C345 444 434 374 438 276 C441 210 406 150 348 118 C305 94 280 86 256 74",stroke:s,strokeWidth:"26",strokeLinecap:"round",strokeLinejoin:"round"}),jsxRuntime.jsx("path",{className:`zen-enso-cut-${t}`,d:"M410 148 C392 126 366 106 340 94",stroke:"currentColor",strokeWidth:"34",strokeLinecap:"round"})]})]})}a(me,"ZenEnso");
+exports.ModelCard=P;exports.ModelFamilySection=F;exports.ModelLibrary=pe;exports.ModelTable=V;exports.ZenEnso=me;