@hanzo/ui 5.3.38 → 5.3.39

package/dist/primitives/mermaid.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// import { save } from '@tauri-apps/plugin-dialog'; // Not available in web environment
+// import * as fs from '@tauri-apps/plugin-fs'; // Not available in web environment
+import { RotateCcw, Download } from 'lucide-react';
+// @ts-ignore - mermaid is an optional peerDependency
+import mermaid from 'mermaid';
+import { useEffect, useRef, useState, useCallback } from 'react';
+import { toast } from 'sonner';
+import svgPanZoom from 'svg-pan-zoom';
+import { cn } from '../src/utils';
+import { Button } from './button';
+import { Tooltip, TooltipContent, TooltipTrigger } from './tooltip';
+mermaid.initialize({
+    startOnLoad: true,
+    mindmap: {
+        useWidth: 800,
+    },
+    theme: 'dark',
+    fontSize: 18,
+    darkMode: true,
+    fontFamily: 'Inter',
+});
+const generateId = () => `mermaid-${Math.random().toString(36).slice(2)}`;
+const downloadBlob = async (blob, filename) => {
+    // Web-compatible download (instead of Tauri)
+    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');
+    }
+};
+export const MermaidDiagram = ({ 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 (_jsxs("div", { className: "relative", children: [_jsxs("div", { className: "absolute top-2 right-2 z-10 flex gap-1", children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", onClick: resetZoom, className: "text-text-secondary", children: _jsx(RotateCcw, { size: 14 }) }) }), _jsx(TooltipContent, { children: _jsx("p", { children: "Reset Zoom" }) })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", onClick: downloadSVG, className: "text-text-secondary", children: _jsx(Download, { size: 14 }) }) }), _jsx(TooltipContent, { children: _jsx("p", { children: "Download SVG" }) })] })] }), _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" }), _jsx("div", { ref: 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..." })] }));
+};

package/dist/primitives/native-select.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface NativeSelectProps extends Omit<React.ComponentProps<"select">, "size"> {
+    size?: "sm" | "default";
+}
+declare const NativeSelect: React.ForwardRefExoticComponent<Omit<NativeSelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
+declare const NativeSelectOption: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, "ref"> & React.RefAttributes<HTMLOptionElement>>;
+declare const NativeSelectOptGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, "ref"> & React.RefAttributes<HTMLOptGroupElement>>;
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };
+//# sourceMappingURL=native-select.d.ts.map

package/dist/primitives/native-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select.d.ts","sourceRoot":"","sources":["../../primitives/native-select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IACpD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB;AAED,QAAA,MAAM,YAAY,0GA2BjB,CAAA;AAGD,QAAA,MAAM,kBAAkB,kLAKtB,CAAA;AAGF,QAAA,MAAM,oBAAoB,0LAUxB,CAAA;AAGF,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/primitives/native-select.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronDown } from "lucide-react";
+import { cn } from "../src/utils";
+const NativeSelect = React.forwardRef(({ className, size = "default", ...props }, ref) => {
+    return (_jsxs("div", { className: "group/native-select relative w-fit has-[select:disabled]:opacity-50", "data-slot": "native-select-wrapper", children: [_jsx("select", { ref: ref, "data-slot": "native-select", "data-size": size, className: cn("border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed data-[size=sm]:h-8 data-[size=sm]:py-1", "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", className), ...props }), _jsx(ChevronDown, { className: "text-muted-foreground pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 opacity-50 select-none", "aria-hidden": "true", "data-slot": "native-select-icon" })] }));
+});
+NativeSelect.displayName = "NativeSelect";
+const NativeSelectOption = React.forwardRef(({ ...props }, ref) => (_jsx("option", { ref: ref, "data-slot": "native-select-option", ...props })));
+NativeSelectOption.displayName = "NativeSelectOption";
+const NativeSelectOptGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx("optgroup", { ref: ref, "data-slot": "native-select-optgroup", className: cn(className), ...props })));
+NativeSelectOptGroup.displayName = "NativeSelectOptGroup";
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };

package/dist/primitives/navigation-menu.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const NavigationMenuItem: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { navigationMenuTriggerStyle, NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, };
+//# sourceMappingURL=navigation-menu.d.ts.map

package/dist/primitives/navigation-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../primitives/navigation-menu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAA;AAM1E,QAAA,MAAM,cAAc,iKAelB,CAAA;AAGF,QAAA,MAAM,kBAAkB,+KAYtB,CAAA;AAGF,QAAA,MAAM,kBAAkB,yKAStB,CAAA;AAGF,QAAA,MAAM,0BAA0B,oFAK/B,CAAA;AAED,QAAA,MAAM,qBAAqB,oLAezB,CAAA;AAGF,QAAA,MAAM,qBAAqB,8KAczB,CAAA;AAGF,QAAA,MAAM,kBAAkB,2HAA+B,CAAA;AAEvD,QAAA,MAAM,sBAAsB,+KAe1B,CAAA;AAIF,QAAA,MAAM,uBAAuB,gLAe3B,CAAA;AAIF,OAAO,EACL,0BAA0B,EAC1B,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,GACvB,CAAA"}

package/dist/primitives/navigation-menu.js

@@ -0,0 +1,29 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import { cva } from 'class-variance-authority';
+import { ChevronDown } from 'lucide-react';
+import { cn } from '../util';
+const NavigationMenu = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(NavigationMenuPrimitive.Root, { ref: ref, className: cn('relative z-10 flex max-w-max flex-1 items-center justify-center', className), ...props, children: children })));
+NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
+const NavigationMenuList = React.forwardRef(({ className, ...props }, ref) => (_jsx(NavigationMenuPrimitive.List, { ref: ref, className: cn('group flex flex-1 list-none items-center justify-center space-x-1', className), ...props })));
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
+const NavigationMenuItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(NavigationMenuPrimitive.Item, { ref: ref, className: cn("relative", className), ...props })));
+NavigationMenuItem.displayName = 'NavigationMenuItem';
+const navigationMenuTriggerStyle = cva('group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 ' +
+    'text-sm font-medium transition-colors hover:bg-level-1 text-foreground hover:text-accent ' +
+    ' focus:text-accent focus:outline-none disabled:pointer-events-none disabled:opacity-50 ' +
+    'data-[active]:bg-level-1/50 data-[state=open]:bg-level-1/50');
+const NavigationMenuTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(NavigationMenuPrimitive.Trigger, { ref: ref, className: cn(navigationMenuTriggerStyle(), 'group', className), ...props, children: [children, ' ', _jsx(ChevronDown, { className: 'relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180', "aria-hidden": 'true' })] })));
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
+const NavigationMenuContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(NavigationMenuPrimitive.Content, { ref: ref, className: cn("right-0  absolute", "absolute top-full w-fit bg-popover mt-[5px]", "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 bg-background overflow-hidden rounded-md border", className), ...props })));
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
+const NavigationMenuLink = NavigationMenuPrimitive.Link;
+const NavigationMenuViewport = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: cn('absolute left-0 top-full flex justify-center'), children: _jsx(NavigationMenuPrimitive.Viewport, { className: cn('origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border ', 'bg-background text-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]', className), ref: ref, ...props }) })));
+NavigationMenuViewport.displayName =
+    NavigationMenuPrimitive.Viewport.displayName;
+const NavigationMenuIndicator = React.forwardRef(({ className, ...props }, ref) => (_jsx(NavigationMenuPrimitive.Indicator, { ref: ref, className: cn('top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden', 'data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in', className), ...props, children: _jsx("div", { className: 'relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md' }) })));
+NavigationMenuIndicator.displayName =
+    NavigationMenuPrimitive.Indicator.displayName;
+export { navigationMenuTriggerStyle, NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, };

package/dist/primitives/next/image.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ImageDef, Dimensions, MediaTransform } from '../../types';
+declare const Image: React.FC<{
+    def: ImageDef;
+    constrainTo?: Dimensions;
+    transform?: MediaTransform;
+    fullWidth?: boolean;
+    className?: string;
+    preload?: boolean;
+}>;
+export default Image;
+//# sourceMappingURL=image.d.ts.map

package/dist/primitives/next/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../primitives/next/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAGvE,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;IACpB,GAAG,EAAE,QAAQ,CAAA;IACb,WAAW,CAAC,EAAE,UAAU,CAAA;IACxB,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CA0EA,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/primitives/next/image.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import NextImage from 'next/image';
+import { constrain, cn, spreadToTransform } from '../../util';
+const Image = ({ def, constrainTo, transform = {}, fullWidth = false, className = '', preload = false }) => {
+    const { src, alt: _alt, dim, sizes, svgFillClass: _svgFillClass, } = def;
+    const toSpread = {};
+    if (fullWidth) {
+        toSpread.style = {
+            width: '100%',
+            height: 'auto',
+            ...spreadToTransform(transform)
+        };
+        if (constrainTo) {
+            toSpread.style.maxWidth = constrainTo.w;
+            toSpread.style.maxHeight = constrainTo.h;
+        }
+    }
+    else {
+        const resolved = constrainTo ? constrain(dim, constrainTo) : dim;
+        toSpread.width = resolved.w;
+        toSpread.height = resolved.h;
+        toSpread.style = { ...spreadToTransform(transform) };
+    }
+    if (sizes) {
+        toSpread.sizes = sizes;
+    }
+    // Note: cannot be spread (a Next thing)
+    let alt;
+    if (_alt) {
+        alt = _alt;
+    }
+    else {
+        const tokens = src.split('/');
+        // Something remotely meaningful
+        alt = (tokens.length > 0) ? tokens[tokens.length - 1] : src;
+    }
+    const svgFillClass = _svgFillClass ?? '';
+    return (fullWidth) ? (_jsx("div", { className: 'relative flex flex-col items-center justify-center w-full', children: _jsx(NextImage, { src: src, alt: alt, ...toSpread, priority: preload, loading: preload ? 'eager' : 'lazy', className: cn(svgFillClass, className) }) })) : (_jsx(NextImage, { src: src, alt: alt, ...toSpread, priority: preload, loading: preload ? 'eager' : 'lazy', className: cn(svgFillClass, className) }));
+};
+export default Image;

package/dist/primitives/next/index.d.ts

@@ -0,0 +1,8 @@
+export { default as Image } from './image';
+export { default as InlineIcon } from './inline-icon';
+export { default as LinkElement } from './link-element';
+export { default as MDXLink } from './mdx-link';
+export { default as MediaStack } from './media-stack';
+export { default as NavItems } from './nav-items';
+export { default as YouTubeEmbed } from './youtube-embed';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/next/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../primitives/next/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/primitives/next/index.js

@@ -0,0 +1,7 @@
+export { default as Image } from './image';
+export { default as InlineIcon } from './inline-icon';
+export { default as LinkElement } from './link-element';
+export { default as MDXLink } from './mdx-link';
+export { default as MediaStack } from './media-stack';
+export { default as NavItems } from './nav-items';
+export { default as YouTubeEmbed } from './youtube-embed';

package/dist/primitives/next/inline-icon.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+declare const InlineIcon: React.FC<{
+    /**
+     * If a ReactNode is passed in, it should be set to 'w-full h-auto' so that it can be sized
+     * according to width of parent.
+     */
+    icon: React.ReactNode;
+    /** default should be handled by calling code. */
+    size?: number;
+    agent?: string;
+    className?: string;
+}>;
+export default InlineIcon;
+//# sourceMappingURL=inline-icon.d.ts.map

package/dist/primitives/next/inline-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-icon.d.ts","sourceRoot":"","sources":["../../../primitives/next/inline-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IACvB;;;OAGG;IACL,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACnB,iDAAiD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAkBA,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/primitives/next/inline-icon.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Image from 'next/image';
+const InlineIcon = ({ icon, size, agent, className = '' }) => {
+    if (!icon)
+        return null;
+    const phone = agent === 'phone';
+    if (typeof icon === 'string') {
+        const _size = (phone && size) ? (size * .75) : size;
+        return (_jsx(Image, { src: icon, width: _size, height: _size, alt: 'icon', className: className }));
+    }
+    return (_jsx("div", { className: className, children: icon }));
+};
+export default InlineIcon;

package/dist/primitives/next/link-element.d.ts

@@ -0,0 +1,24 @@
+import React, { PropsWithChildren } from 'react';
+import type { LinkDef } from '../../types';
+import { buttonVariants } from '../button';
+import { type VariantProps } from '../../util';
+/**
+ * If this is rendered directly (and not auto generated in a Block)
+ * and it has any children, title, icon, and iconAfter
+ * are ignore.
+ */
+declare const LinkElement: React.FC<PropsWithChildren & VariantProps<typeof buttonVariants> & {
+    def: LinkDef;
+    /**
+     * Use to trigger other events in addition to the
+     * link action itself. For example, to also close a drawer menu.
+     */
+    onClick?: () => void;
+    /** overrides def (eg, for title area)*/
+    icon?: React.ReactNode;
+    /** overrides def */
+    iconAfter?: boolean;
+    className?: string;
+}>;
+export default LinkElement;
+//# sourceMappingURL=link-element.d.ts.map

package/dist/primitives/next/link-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-element.d.ts","sourceRoot":"","sources":["../../../primitives/next/link-element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGhD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAO,aAAa,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAA;AAEhD;;;;GAIG;AACL,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CACzB,iBAAiB,GACjB,YAAY,CAAC,OAAO,cAAc,CAAC,GACrC;IACE,GAAG,EAAE,OAAO,CAAC;IAEX;;;OAGG;IACL,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAElB,wCAAwC;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACpB,oBAAoB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAuEA,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/primitives/next/link-element.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import Link from 'next/link';
+import { buttonVariants } from '../button';
+import { cn } from '../../util';
+/**
+ * If this is rendered directly (and not auto generated in a Block)
+ * and it has any children, title, icon, and iconAfter
+ * are ignore.
+ */
+const LinkElement = ({ def, 
+// DO NOT provide a default to any of the props that also appear in def!
+onClick, size, variant, icon, iconAfter, className = '', children, }) => {
+    const { href, newTab, variant: defVariant, size: defSize, title } = def;
+    const linkProps = {};
+    // As per LinkDef docs
+    if (href.startsWith('http') || href.startsWith('mailto')) {
+        linkProps.rel = 'noreferrer noopener';
+        if (newTab ?? true) {
+            linkProps.target = '_blank';
+        }
+    }
+    else if (newTab) {
+        linkProps.target = '_blank';
+    }
+    const toSpread = {
+        href,
+        ...(onClick ? { onClick } : {}),
+        ...linkProps
+    };
+    const Contents = () => {
+        if (React.Children.count(children) > 0)
+            return children;
+        // Props > def fields > defaults.
+        const _icon = (icon) ? icon : (def.icon) ? def.icon : undefined;
+        const _iconAfter = (iconAfter) ? iconAfter : (def.iconAfter) ? def.iconAfter : false;
+        // 'title' is not guaranteed as it could be an icon only button / link
+        return (_jsxs(_Fragment, { children: [_icon && !_iconAfter && (_jsx("div", { className: 'pr-1', children: _icon })), title && (_jsx("div", { children: title })), _icon && _iconAfter && (_jsx("div", { className: 'pl-1', children: _icon }))] }));
+    };
+    return (_jsx(Link, { className: cn(buttonVariants({
+            variant: variant ? variant : (defVariant ? defVariant : 'link'),
+            size: size ? size : (defSize || 'default'),
+        }), 
+        // This is a "label only" LinkDef.  cf: footer"
+        ((href.length > 0 || onClick) ? '' : 'pointer-events-none'), className), ...toSpread, children: _jsx(Contents, {}) }));
+};
+export default LinkElement;

package/dist/primitives/next/mdx-link.d.ts

@@ -0,0 +1,4 @@
+import React, { AnchorHTMLAttributes } from 'react';
+declare const MDXLink: React.FC<AnchorHTMLAttributes<HTMLAnchorElement>>;
+export default MDXLink;
+//# sourceMappingURL=mdx-link.d.ts.map

package/dist/primitives/next/mdx-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx-link.d.ts","sourceRoot":"","sources":["../../../primitives/next/mdx-link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAG,EAAE,oBAAoB,EAA0B,MAAM,OAAO,CAAA;AAG5E,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAgB9D,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/primitives/next/mdx-link.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Link from 'next/link';
+const MDXLink = ({ href, children, ...rest }) => {
+    // internal link
+    if (href && (href.startsWith('/'))) {
+        return (_jsx(Link, { href: href, ...rest, children: children }));
+    }
+    return _jsx("a", { target: "_blank", href: href, ...rest, children: children });
+};
+export default MDXLink;

package/dist/primitives/next/media-stack.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { MediaStackDef, Dimensions } from '../../types';
+declare const MediaStack: React.FC<{
+    media: MediaStackDef;
+    constrainTo?: Dimensions;
+    clx?: string;
+}>;
+export default MediaStack;
+//# sourceMappingURL=media-stack.d.ts.map

package/dist/primitives/next/media-stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-stack.d.ts","sourceRoot":"","sources":["../../../primitives/next/media-stack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAK5D,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IACzB,KAAK,EAAE,aAAa,CAAA;IACpB,WAAW,CAAC,EAAE,UAAU,CAAA;IACxB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAqCA,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/primitives/next/media-stack.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, constrain, spreadToTransform } from '../../util';
+import Image from './image';
+import VideoPlayer from '../video-player';
+const MediaStack = ({ media, constrainTo: cnst = { w: 250, h: 250 }, clx = '' }) => {
+    const { img, video, mediaTransform } = media;
+    const transform = mediaTransform ?? {};
+    // Order of precedence: MP4 > Image
+    // For 3D/Spline support, use @hanzo/ui/spline MediaStack instead
+    if (video) {
+        const dim = constrain(video.dim.md, cnst);
+        return (_jsx(VideoPlayer, { className: clx, sources: video.sources, width: dim.w, height: dim.h, style: {
+                minHeight: dim.h,
+                ...spreadToTransform(transform)
+            }, ...video.videoProps }));
+    }
+    return img ? (_jsx(Image, { def: img, constrainTo: cnst, className: clx, transform: transform })) : (_jsx("div", { style: { width: cnst.w, height: cnst.h }, className: cn('bg-level-2', clx) }));
+};
+export default MediaStack;

package/dist/primitives/next/nav-items.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { LinkDef } from '../../types';
+declare const NavItems: React.FC<{
+    items: LinkDef[];
+    className?: string;
+    as?: React.ElementType;
+    itemClx?: string | ((def: LinkDef) => string);
+    currentAs?: string;
+}>;
+export default NavItems;
+//# sourceMappingURL=nav-items.d.ts.map

package/dist/primitives/next/nav-items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-items.d.ts","sourceRoot":"","sources":["../../../primitives/next/nav-items.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAO,aAAa,CAAA;AAI3C,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IACvB,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CA8BA,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/primitives/next/nav-items.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import LinkElement from './link-element';
+import { cn } from '../../util';
+const NavItems = ({ items, className = '', itemClx, as: Tag = 'nav', currentAs }) => (items.length ? (_jsx(Tag, { className: className, children: items.map((item, index) => {
+        const variant = item.variant ?? 'link';
+        let internalClx = '';
+        // note that linkFG (or any other variant of 'link') 
+        // will not get assigned these classes,
+        // and will remain styles is 'foreground' (hence the name)
+        if (variant === 'link') {
+            internalClx += 'text-nav hover:text-nav-hover ';
+            if (currentAs && currentAs === item.href) {
+                internalClx += 'text-nav-current ';
+            }
+        }
+        else {
+            internalClx += 'min-w-0 lg:min-w-0 ';
+        }
+        const _itemClx = (itemClx) ? (typeof itemClx === 'string' ? itemClx : itemClx(item)) : '';
+        return (_jsx(LinkElement, { def: item, className: cn(internalClx, _itemClx) }, index));
+    }) })) : null);
+export default NavItems;

package/dist/primitives/next/youtube-embed.d.ts

@@ -0,0 +1,12 @@
+declare const YouTubeEmbed: React.FC<{
+    youtubeID: string;
+    width: number;
+    height: number;
+    buttonSize?: number;
+    timeAt?: string;
+    title?: string;
+    caption?: string;
+    className?: string;
+}>;
+export default YouTubeEmbed;
+//# sourceMappingURL=youtube-embed.d.ts.map

package/dist/primitives/next/youtube-embed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"youtube-embed.d.ts","sourceRoot":"","sources":["../../../primitives/next/youtube-embed.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CA6DA,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/primitives/next/youtube-embed.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import Image from 'next/image';
+import * as Icons from '../icons';
+// Concept based on https://www.youtube.com/watch?v=lLqRchtjN00
+// (https://github.com/a-trost/fableton)
+const YouTubeEmbed = ({ youtubeID, width, height, buttonSize = 100, timeAt, title, caption, className = '' }) => {
+    const [showVideo, setShowVideo] = useState(false);
+    // re autoplay: https://stackoverflow.com/a/45610557/11645689
+    return (_jsx("div", { className: className, children: showVideo ? (_jsx("iframe", { width: width, height: height, src: `https://www.youtube-nocookie.com/embed/${youtubeID + ((timeAt) ? `?t=${timeAt}&` : '?')}rel=0&autoplay=1`, allow: 'accelerometer ; autoplay *; clipboard-write *; encrypted-media *; gyroscope *; picture-in-picture *;', allowFullScreen: true, title: title || 'Youtube video', className: 'aspect-[16/9] h-full w-full p-0 border-0 ' })) : (_jsxs("button", { type: 'button', onClick: () => setShowVideo(true), className: 'relative aspect-[16/9] w-full', "aria-label": `Play video ${title}`, children: [_jsx(Image, { src: `https://img.youtube.com/vi/${youtubeID}/maxresdefault.jpg`, alt: '', className: 'h-full w-full', width: width, height: height, loading: 'lazy' }), _jsx("div", { className: //https://stackoverflow.com/a/23384995/11645689
+                    'absolute z-above-content-2 left-[50%] top-[50%] -translate-y-2/4 -translate-x-2/4 ' +
+                        'grid place-items-center ' +
+                        'text-xl text-white opacity-90', children: _jsx(Icons.youtube, { width: buttonSize, height: buttonSize, role: 'img', className: 'transform transition hover:scale-110', 'aria-hidden': true }) }), caption && _jsx("p", { className: 'hidden md:block whitespace-nowrap typography absolute z-above-content left-[50%] top-[20px] -translate-x-2/4 ', children: caption })] })) }));
+};
+export default YouTubeEmbed;

package/dist/primitives/popover.d.ts

@@ -0,0 +1,12 @@
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as React from 'react';
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverClose: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: {
+    ({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverClose };
+//# sourceMappingURL=popover.d.ts.map

package/dist/primitives/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../primitives/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAChD,QAAA,MAAM,aAAa,4GAA0B,CAAC;AAC9C,QAAA,MAAM,YAAY,8GAAyB,CAAC;AAE5C,QAAA,MAAM,cAAc;iDAKjB,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;;CAavD,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}

package/dist/primitives/popover.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { cn } from '../src/utils';
+const Popover = PopoverPrimitive.Root;
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverAnchor = PopoverPrimitive.Anchor;
+const PopoverClose = PopoverPrimitive.Close;
+const PopoverContent = ({ className, align = 'center', sideOffset = 4, ...props }) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { align: align, className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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', 'bg-bg-dark border-divider z-50 w-72 rounded-md border p-4 text-gray-50 shadow-lg shadow-md outline-hidden', className), sideOffset: sideOffset, ...props }) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverClose };

package/dist/primitives/pretty-json-print.d.ts

@@ -0,0 +1,5 @@
+export declare const PrettyJsonPrint: ({ json, className, }: {
+    json: string | object;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=pretty-json-print.d.ts.map

package/dist/primitives/pretty-json-print.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pretty-json-print.d.ts","sourceRoot":"","sources":["../../primitives/pretty-json-print.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,GAAI,sBAG7B;IACD,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,4CAkBA,CAAC"}

package/dist/primitives/pretty-json-print.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { cn } from '../src/utils';
+export const PrettyJsonPrint = ({ json, className, }) => {
+    const formattedJson = useMemo(() => {
+        let formattedValue = `Unparseable JSON: String(${json})`;
+        if (typeof json === 'object') {
+            formattedValue = JSON.stringify(json, null, 2);
+        }
+        else if (typeof json === 'string') {
+            try {
+                const parsedJson = JSON.parse(json);
+                formattedValue = JSON.stringify(parsedJson, null, 2);
+            }
+            catch (error) {
+                console.error('error parsing json', error);
+            }
+        }
+        return formattedValue;
+    }, [json]);
+    return (_jsx("pre", { className: cn('overflow-x-scroll', className), children: formattedJson }));
+};

package/dist/primitives/progress.d.ts

@@ -0,0 +1,9 @@
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as React from 'react';
+declare const Progress: {
+    ({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+export { Progress };
+export default Progress;
+//# sourceMappingURL=progress.d.ts.map

package/dist/primitives/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../primitives/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,QAAQ;qCAIX,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;;CAarD,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,eAAe,QAAQ,CAAC"}

package/dist/primitives/progress.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { cn } from '../src/utils';
+const Progress = ({ className, value, ...props }) => (_jsx(ProgressPrimitive.Root, { className: cn('bg-bg-quaternary relative h-4 w-full overflow-hidden', className), ...props, children: _jsx(ProgressPrimitive.Indicator, { className: "h-full w-full flex-1 bg-green-500 transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) }));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+export { Progress };
+export default Progress;