@hanzo/ui 8.27.10 → 8.27.12

package/dist/backends/gui/grid-pattern.js

@@ -0,0 +1,84 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * GridPattern — a decorative, tiled SVG background: dots, lines, crosses,
+ * plus-marks or squares repeated across the whole of its parent.
+ *
+ * It is purely visual, so it draws with a plain <svg>, the same choice
+ * `AnimatedBeam` makes — gui has no vector primitive of its own. One `<pattern>`
+ * tile carries the chosen mark and is stamped across a full-size `<rect>`; an
+ * optional mask (a linear or radial gradient of white-to-transparent) fades the
+ * tile at its edges, its center, or radially outward, and an optional second
+ * `<rect>` paints a linear-gradient tint over the top. Motion is one CSS
+ * animation, hoisted once as a `<style>` sibling the way the beam's keyframe
+ * is: the keyframe itself only ever slides by the two custom properties
+ * `--grid-pattern-x`/`-y`, so any number of instances at any gap share it.
+ */
+import * as React from 'react';
+import { YStack } from '@hanzo/gui';
+import { slot } from './slot.js';
+const KEYFRAMES = `
+@keyframes grid-pattern-move { from { transform: translate(0, 0) } to { transform: translate(var(--grid-pattern-x, 0px), var(--grid-pattern-y, 0px)) } }
+@media (prefers-reduced-motion: reduce) { [data-slot="grid-pattern"] { animation: none !important } }
+`;
+const mark = (variant, size, step, color, opacity, strokeWidth) => {
+    switch (variant) {
+        case 'dots':
+            return _jsx("circle", { cx: size.width / 2, cy: size.height / 2, r: size.width / 2, fill: color, opacity: opacity });
+        case 'lines':
+            // Spans the full tile (gap), not the mark size, so adjoining tiles meet into one continuous grid line.
+            return (_jsxs(_Fragment, { children: [_jsx("line", { x1: 0, y1: 0, x2: 0, y2: step.y, stroke: color, strokeWidth: strokeWidth, opacity: opacity }), _jsx("line", { x1: 0, y1: 0, x2: step.x, y2: 0, stroke: color, strokeWidth: strokeWidth, opacity: opacity })] }));
+        case 'crosses':
+            return (_jsxs(_Fragment, { children: [_jsx("line", { x1: size.width / 2, y1: 0, x2: size.width / 2, y2: size.height, stroke: color, strokeWidth: strokeWidth, opacity: opacity }), _jsx("line", { x1: 0, y1: size.height / 2, x2: size.width, y2: size.height / 2, stroke: color, strokeWidth: strokeWidth, opacity: opacity })] }));
+        case 'plus':
+            return (_jsx("path", { d: `M ${size.width / 2} 0 L ${size.width / 2} ${size.height} M 0 ${size.height / 2} L ${size.width} ${size.height / 2}`, stroke: color, strokeWidth: strokeWidth, opacity: opacity, fill: "none", strokeLinecap: "round" }));
+        case 'squares':
+            return _jsx("rect", { width: size.width, height: size.height, fill: "none", stroke: color, strokeWidth: strokeWidth, opacity: opacity });
+    }
+};
+const fadeStops = (fade) => {
+    if (fade === 'center')
+        return (_jsxs(_Fragment, { children: [_jsx("stop", { offset: "0%", stopColor: "white", stopOpacity: 1 }), _jsx("stop", { offset: "70%", stopColor: "white", stopOpacity: 1 }), _jsx("stop", { offset: "100%", stopColor: "white", stopOpacity: 0 })] }));
+    if (fade === 'radial')
+        return (_jsxs(_Fragment, { children: [_jsx("stop", { offset: "0%", stopColor: "white", stopOpacity: 0 }), _jsx("stop", { offset: "30%", stopColor: "white", stopOpacity: 1 }), _jsx("stop", { offset: "100%", stopColor: "white", stopOpacity: 1 })] }));
+    // 'edges' and `true` share the same edge-to-edge fade.
+    return (_jsxs(_Fragment, { children: [_jsx("stop", { offset: "0%", stopColor: "white", stopOpacity: 0 }), _jsx("stop", { offset: "10%", stopColor: "white", stopOpacity: 1 }), _jsx("stop", { offset: "90%", stopColor: "white", stopOpacity: 1 }), _jsx("stop", { offset: "100%", stopColor: "white", stopOpacity: 0 })] }));
+};
+export const GridPattern = React.forwardRef(({ variant = 'dots', size = 4, gap = 20, color = 'currentColor', opacity = 0.4, strokeWidth = 1, fade = false, gradient, animation, offset, maxArea, style, ...props }, ref) => {
+    const patternId = React.useId();
+    const maskId = React.useId();
+    const gradientId = React.useId();
+    const tile = typeof size === 'number' ? { width: size, height: size } : { width: size.width ?? 4, height: size.height ?? 4 };
+    const step = typeof gap === 'number' ? { x: gap, y: gap } : { x: gap.x ?? 20, y: gap.y ?? 20 };
+    const shift = { x: offset?.x ?? 0, y: offset?.y ?? 0 };
+    const animationStyle = animation
+        ? {
+            animationName: 'grid-pattern-move',
+            animationDuration: `${animation.duration ?? 10}s`,
+            animationTimingFunction: animation.timing ?? 'linear',
+            animationDirection: animation.direction ?? 'normal',
+            animationIterationCount: 'infinite',
+            '--grid-pattern-x': `${step.x}px`,
+            '--grid-pattern-y': `${step.y}px`,
+        }
+        : {};
+    return (_jsxs(_Fragment, { children: [_jsx("style", { href: "grid-pattern", precedence: "default", children: KEYFRAMES }), _jsx(YStack, { ref: ref, ...slot('grid-pattern'), position: "absolute", inset: 0, overflow: "hidden", pointerEvents: "none", style: { ...animationStyle, ...style }, ...props, children: _jsxs("svg", { ...slot('grid-pattern-svg'), style: {
+                        position: 'absolute',
+                        width: '100%',
+                        height: '100%',
+                        transform: `translate(${shift.x}px, ${shift.y}px)`,
+                    }, children: [_jsxs("defs", { children: [_jsx("pattern", { id: patternId, x: 0, y: 0, width: step.x, height: step.y, patternUnits: "userSpaceOnUse", children: mark(variant, tile, step, color, opacity, strokeWidth) }), fade && (fade === 'center' || fade === 'radial' ? (_jsx("radialGradient", { id: maskId, children: fadeStops(fade) })) : (_jsx("linearGradient", { id: maskId, children: fadeStops(fade) }))), gradient && (_jsxs("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [_jsx("stop", { offset: "0%", stopColor: gradient.from ?? 'transparent' }), gradient.via && _jsx("stop", { offset: "50%", stopColor: gradient.via }), _jsx("stop", { offset: "100%", stopColor: gradient.to ?? 'transparent' })] }))] }), _jsx("rect", { ...slot('grid-pattern-tiles'), width: maxArea?.width ?? '100%', height: maxArea?.height ?? '100%', fill: `url(#${patternId})`, mask: fade ? `url(#${maskId})` : undefined }), gradient && (_jsx("rect", { ...slot('grid-pattern-tint'), width: maxArea?.width ?? '100%', height: maxArea?.height ?? '100%', fill: `url(#${gradientId})`, opacity: gradient.opacity ?? 0.5 }))] }) })] }));
+});
+GridPattern.displayName = 'GridPattern';
+/** Named, ready-to-spread configurations for the common backgrounds. */
+export const GridPatternPresets = {
+    dotMatrix: { variant: 'dots', size: 3, gap: 30, opacity: 0.3 },
+    fineDots: { variant: 'dots', size: 1, gap: 10, opacity: 0.4 },
+    gridLines: { variant: 'lines', gap: 40, strokeWidth: 1, opacity: 0.2 },
+    crosshatch: { variant: 'crosses', size: 10, gap: 20, strokeWidth: 1, opacity: 0.3 },
+    blueprint: { variant: 'lines', gap: 20, strokeWidth: 0.5, color: '#3b82f6', opacity: 0.3 },
+    graph: { variant: 'lines', gap: { x: 50, y: 50 }, strokeWidth: 1, opacity: 0.15, fade: 'edges' },
+    isometric: { variant: 'lines', gap: { x: 30, y: 17.32 }, strokeWidth: 0.5, opacity: 0.2 },
+    hexagon: { variant: 'dots', size: 2, gap: { x: 30, y: 26 }, opacity: 0.3 },
+};
+//# sourceMappingURL=grid-pattern.js.map

package/dist/backends/gui/grid-pattern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-pattern.js","sourceRoot":"","sources":["../../../src/backends/gui/grid-pattern.tsx"],"names":[],"mappings":"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"}

package/dist/backends/gui/image-crop.cjs

@@ -0,0 +1,35 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageCrop = ImageCrop;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * ImageCrop — a zoom, rotate and crop preview for a single image.
+ *
+ * The frame is `AspectRatio`, held to the caller's `aspect`; the image inside
+ * carries a live `scale`/`rotate` transform driven by local zoom/rotation
+ * state. The actual pixel crop is the caller's — `onCrop` hands back the same
+ * `src` the preview shows, exactly as the source component's contract does —
+ * so this file owns the preview and the four controls under it, nothing more.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const react_1 = require("react");
+const aspect_ratio_1 = require("./aspect-ratio.cjs");
+const button_1 = require("./button.cjs");
+const slot_1 = require("./slot.cjs");
+const STEP = 0.1;
+const MIN_ZOOM = 0.5;
+const MAX_ZOOM = 3;
+const ICON = 16;
+function ImageCrop({ src, onCrop, aspect = 1, ...props }) {
+    const [zoom, setZoom] = (0, react_1.useState)(1);
+    const [rotation, setRotation] = (0, react_1.useState)(0);
+    const zoomOut = () => setZoom((z) => Math.max(MIN_ZOOM, +(z - STEP).toFixed(2)));
+    const zoomIn = () => setZoom((z) => Math.min(MAX_ZOOM, +(z + STEP).toFixed(2)));
+    const rotate = () => setRotation((r) => (r + 90) % 360);
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('image-crop'), gap: "$4", ...props, children: [(0, jsx_runtime_1.jsx)(aspect_ratio_1.AspectRatio, { ...(0, slot_1.slot)('image-crop-preview'), ratio: aspect, rounded: "$4", borderWidth: 1, borderColor: "$borderColor", children: (0, jsx_runtime_1.jsx)(gui_1.Image, { src: src, alt: "Crop preview", width: "100%", height: "100%", objectFit: "contain", "data-zoom": zoom, "data-rotation": rotation, style: {
+                        transform: `scale(${zoom}) rotate(${rotation}deg)`,
+                        transition: 'transform 0.2s',
+                    } }) }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('image-crop-controls'), items: "center", justify: "center", gap: "$2", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('image-crop-zoom-out'), variant: "outline", size: "icon", "aria-label": "Zoom out", onPress: zoomOut, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ZoomOut, { size: ICON }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('image-crop-zoom-in'), variant: "outline", size: "icon", "aria-label": "Zoom in", onPress: zoomIn, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ZoomIn, { size: ICON }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('image-crop-rotate'), variant: "outline", size: "icon", "aria-label": "Rotate", onPress: rotate, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.RotateCw, { size: ICON }) }), (0, jsx_runtime_1.jsxs)(button_1.Button, { ...(0, slot_1.slot)('image-crop-crop'), onPress: () => onCrop?.(src), children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Crop, { size: ICON }), "Crop"] })] })] }));
+}

package/dist/backends/gui/image-crop.d.ts

@@ -0,0 +1,20 @@
+/**
+ * ImageCrop — a zoom, rotate and crop preview for a single image.
+ *
+ * The frame is `AspectRatio`, held to the caller's `aspect`; the image inside
+ * carries a live `scale`/`rotate` transform driven by local zoom/rotation
+ * state. The actual pixel crop is the caller's — `onCrop` hands back the same
+ * `src` the preview shows, exactly as the source component's contract does —
+ * so this file owns the preview and the four controls under it, nothing more.
+ */
+import { type YStackProps } from '@hanzo/gui';
+export interface ImageCropProps extends Omit<YStackProps, 'children'> {
+    /** The image to preview and crop. */
+    src: string;
+    /** Called with `src` when the Crop button is pressed. */
+    onCrop?: (croppedImage: string) => void;
+    /** Width divided by height of the crop frame. Square by default. */
+    aspect?: number;
+}
+export declare function ImageCrop({ src, onCrop, aspect, ...props }: ImageCropProps): import("react").JSX.Element;
+//# sourceMappingURL=image-crop.d.ts.map

package/dist/backends/gui/image-crop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-crop.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/image-crop.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,OAAO,EAAyB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAYpE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IACnE,qCAAqC;IACrC,GAAG,EAAE,MAAM,CAAA;IACX,yDAAyD;IACzD,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,SAAS,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,MAAU,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAkE9E"}

package/dist/backends/gui/image-crop.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ImageCrop — a zoom, rotate and crop preview for a single image.
+ *
+ * The frame is `AspectRatio`, held to the caller's `aspect`; the image inside
+ * carries a live `scale`/`rotate` transform driven by local zoom/rotation
+ * state. The actual pixel crop is the caller's — `onCrop` hands back the same
+ * `src` the preview shows, exactly as the source component's contract does —
+ * so this file owns the preview and the four controls under it, nothing more.
+ */
+import { Image, XStack, YStack } from '@hanzo/gui';
+import { Crop, RotateCw, ZoomIn, ZoomOut } from '@hanzogui/lucide-icons-2';
+import { useState } from 'react';
+import { AspectRatio } from './aspect-ratio.js';
+import { Button } from './button.js';
+import { slot } from './slot.js';
+const STEP = 0.1;
+const MIN_ZOOM = 0.5;
+const MAX_ZOOM = 3;
+const ICON = 16;
+export function ImageCrop({ src, onCrop, aspect = 1, ...props }) {
+    const [zoom, setZoom] = useState(1);
+    const [rotation, setRotation] = useState(0);
+    const zoomOut = () => setZoom((z) => Math.max(MIN_ZOOM, +(z - STEP).toFixed(2)));
+    const zoomIn = () => setZoom((z) => Math.min(MAX_ZOOM, +(z + STEP).toFixed(2)));
+    const rotate = () => setRotation((r) => (r + 90) % 360);
+    return (_jsxs(YStack, { ...slot('image-crop'), gap: "$4", ...props, children: [_jsx(AspectRatio, { ...slot('image-crop-preview'), ratio: aspect, rounded: "$4", borderWidth: 1, borderColor: "$borderColor", children: _jsx(Image, { src: src, alt: "Crop preview", width: "100%", height: "100%", objectFit: "contain", "data-zoom": zoom, "data-rotation": rotation, style: {
+                        transform: `scale(${zoom}) rotate(${rotation}deg)`,
+                        transition: 'transform 0.2s',
+                    } }) }), _jsxs(XStack, { ...slot('image-crop-controls'), items: "center", justify: "center", gap: "$2", children: [_jsx(Button, { ...slot('image-crop-zoom-out'), variant: "outline", size: "icon", "aria-label": "Zoom out", onPress: zoomOut, children: _jsx(ZoomOut, { size: ICON }) }), _jsx(Button, { ...slot('image-crop-zoom-in'), variant: "outline", size: "icon", "aria-label": "Zoom in", onPress: zoomIn, children: _jsx(ZoomIn, { size: ICON }) }), _jsx(Button, { ...slot('image-crop-rotate'), variant: "outline", size: "icon", "aria-label": "Rotate", onPress: rotate, children: _jsx(RotateCw, { size: ICON }) }), _jsxs(Button, { ...slot('image-crop-crop'), onPress: () => onCrop?.(src), children: [_jsx(Crop, { size: ICON }), "Crop"] })] })] }));
+}
+//# sourceMappingURL=image-crop.js.map

package/dist/backends/gui/image-crop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-crop.js","sourceRoot":"","sources":["../../../src/backends/gui/image-crop.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;GAQG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAoB,MAAM,YAAY,CAAA;AACpE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,MAAM,IAAI,GAAG,GAAG,CAAA;AAChB,MAAM,QAAQ,GAAG,GAAG,CAAA;AACpB,MAAM,QAAQ,GAAG,CAAC,CAAA;AAClB,MAAM,IAAI,GAAG,EAAE,CAAA;AAWf,MAAM,UAAU,SAAS,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAkB;IAC7E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACnC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAE3C,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAChF,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAC/E,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,GAAG,CAAC,CAAA;IAEvD,OAAO,CACL,MAAC,MAAM,OAAK,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,EAAC,IAAI,KAAK,KAAK,aAChD,KAAC,WAAW,OACN,IAAI,CAAC,oBAAoB,CAAC,EAC9B,KAAK,EAAE,MAAM,EACb,OAAO,EAAC,IAAI,EACZ,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,cAAc,YAE1B,KAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,GAAG,EAAC,cAAc,EAClB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,SAAS,eACR,IAAI,mBACA,QAAQ,EACvB,KAAK,EAAE;wBACL,SAAS,EAAE,SAAS,IAAI,YAAY,QAAQ,MAAM;wBAClD,UAAU,EAAE,gBAAgB;qBAC7B,GACD,GACU,EACd,MAAC,MAAM,OAAK,IAAI,CAAC,qBAAqB,CAAC,EAAE,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/E,KAAC,MAAM,OACD,IAAI,CAAC,qBAAqB,CAAC,EAC/B,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,gBACA,UAAU,EACrB,OAAO,EAAE,OAAO,YAEhB,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,GAAI,GAChB,EACT,KAAC,MAAM,OACD,IAAI,CAAC,oBAAoB,CAAC,EAC9B,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,gBACA,SAAS,EACpB,OAAO,EAAE,MAAM,YAEf,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,GAAI,GACf,EACT,KAAC,MAAM,OACD,IAAI,CAAC,mBAAmB,CAAC,EAC7B,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,gBACA,QAAQ,EACnB,OAAO,EAAE,MAAM,YAEf,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,GACjB,EACT,MAAC,MAAM,OAAK,IAAI,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,aAC/D,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,YAEb,IACF,IACF,CACV,CAAA;AACH,CAAC"}

package/dist/backends/gui/image-zoom.cjs

@@ -0,0 +1,58 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageZoom = ImageZoom;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * ImageZoom — a photograph that magnifies toward the pointer.
+ *
+ * Hovering the frame scales the image up by `zoomScale`, keeping the point
+ * under the cursor fixed, and fades in a small zoom-in glyph over the corner.
+ * Leaving the frame eases the image back to its rest size.
+ *
+ * The live transform is an inline style, not a style prop: gui compiles a
+ * style prop to one class per distinct value, and the pointer takes a new
+ * position on every pixel of travel (the same trade `Card3D` makes).
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const react_1 = require("react");
+const slot_1 = require("./slot.cjs");
+const EASE = 'cubic-bezier(0.03, 0.98, 0.52, 0.99)';
+const Frame = (0, gui_1.styled)(gui_1.XStack, {
+    name: 'ImageZoom',
+    position: 'relative',
+    overflow: 'hidden',
+    rounded: '$4',
+    cursor: 'zoom-in',
+});
+const Glyph = (0, gui_1.styled)(gui_1.XStack, {
+    name: 'ImageZoomGlyph',
+    position: 'absolute',
+    t: '$2',
+    r: '$2',
+    p: '$1.5',
+    rounded: 1000,
+    bg: 'rgba(0,0,0,0.5)',
+    opacity: 0,
+    variants: {
+        zoomed: {
+            true: { opacity: 1 },
+        },
+    },
+});
+/** The pointer as a percentage of the frame, 0..100 from its top-left corner. */
+const CENTRE = { x: 50, y: 50, live: false };
+function ImageZoom({ src, alt, zoomScale = 2, speed = 200, ...props }) {
+    const [at, setAt] = (0, react_1.useState)(CENTRE);
+    const move = (e) => {
+        const r = e.currentTarget.getBoundingClientRect();
+        setAt({ x: ((e.clientX - r.left) / r.width) * 100, y: ((e.clientY - r.top) / r.height) * 100, live: true });
+    };
+    const leave = () => setAt((a) => ({ ...a, live: false }));
+    return ((0, jsx_runtime_1.jsxs)(Frame, { ...(0, slot_1.slot)('image-zoom'), "data-state": at.live ? 'zoomed' : 'idle', onPointerMove: move, onPointerLeave: leave, ...props, children: [(0, jsx_runtime_1.jsx)(gui_1.Image, { ...(0, slot_1.slot)('image-zoom-image'), src: src, alt: alt, width: "100%", height: "100%", objectFit: "cover", style: {
+                    transform: `scale(${at.live ? zoomScale : 1})`,
+                    transformOrigin: `${at.x}% ${at.y}%`,
+                    transition: at.live ? 'none' : `transform ${speed}ms ${EASE}`,
+                } }), (0, jsx_runtime_1.jsx)(Glyph, { ...(0, slot_1.slot)('image-zoom-glyph'), zoomed: at.live, style: { transition: 'opacity 200ms ease' }, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ZoomIn, { size: 16, color: "white" }) })] }));
+}

package/dist/backends/gui/image-zoom.d.ts

@@ -0,0 +1,16 @@
+import { type ComponentProps } from 'react';
+declare const Frame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export type ImageZoomProps = Omit<ComponentProps<typeof Frame>, 'children'> & {
+    src?: string;
+    alt?: string;
+    /** How far the image magnifies while the pointer is over it. */
+    zoomScale?: number;
+    /** How long the image takes to settle back, in ms. */
+    speed?: number;
+};
+export declare function ImageZoom({ src, alt, zoomScale, speed, ...props }: ImageZoomProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=image-zoom.d.ts.map

package/dist/backends/gui/image-zoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-zoom.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/image-zoom.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAY,KAAK,cAAc,EAAqB,MAAM,OAAO,CAAA;AAKxE,QAAA,MAAM,KAAK;;;8CAMT,CAAA;AAsBF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5E,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,SAAa,EAAE,KAAW,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAmC3F"}

package/dist/backends/gui/image-zoom.js

@@ -0,0 +1,56 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ImageZoom — a photograph that magnifies toward the pointer.
+ *
+ * Hovering the frame scales the image up by `zoomScale`, keeping the point
+ * under the cursor fixed, and fades in a small zoom-in glyph over the corner.
+ * Leaving the frame eases the image back to its rest size.
+ *
+ * The live transform is an inline style, not a style prop: gui compiles a
+ * style prop to one class per distinct value, and the pointer takes a new
+ * position on every pixel of travel (the same trade `Card3D` makes).
+ */
+import { Image, XStack, styled } from '@hanzo/gui';
+import { ZoomIn } from '@hanzogui/lucide-icons-2';
+import { useState } from 'react';
+import { slot } from './slot.js';
+const EASE = 'cubic-bezier(0.03, 0.98, 0.52, 0.99)';
+const Frame = styled(XStack, {
+    name: 'ImageZoom',
+    position: 'relative',
+    overflow: 'hidden',
+    rounded: '$4',
+    cursor: 'zoom-in',
+});
+const Glyph = styled(XStack, {
+    name: 'ImageZoomGlyph',
+    position: 'absolute',
+    t: '$2',
+    r: '$2',
+    p: '$1.5',
+    rounded: 1000,
+    bg: 'rgba(0,0,0,0.5)',
+    opacity: 0,
+    variants: {
+        zoomed: {
+            true: { opacity: 1 },
+        },
+    },
+});
+/** The pointer as a percentage of the frame, 0..100 from its top-left corner. */
+const CENTRE = { x: 50, y: 50, live: false };
+export function ImageZoom({ src, alt, zoomScale = 2, speed = 200, ...props }) {
+    const [at, setAt] = useState(CENTRE);
+    const move = (e) => {
+        const r = e.currentTarget.getBoundingClientRect();
+        setAt({ x: ((e.clientX - r.left) / r.width) * 100, y: ((e.clientY - r.top) / r.height) * 100, live: true });
+    };
+    const leave = () => setAt((a) => ({ ...a, live: false }));
+    return (_jsxs(Frame, { ...slot('image-zoom'), "data-state": at.live ? 'zoomed' : 'idle', onPointerMove: move, onPointerLeave: leave, ...props, children: [_jsx(Image, { ...slot('image-zoom-image'), src: src, alt: alt, width: "100%", height: "100%", objectFit: "cover", style: {
+                    transform: `scale(${at.live ? zoomScale : 1})`,
+                    transformOrigin: `${at.x}% ${at.y}%`,
+                    transition: at.live ? 'none' : `transform ${speed}ms ${EASE}`,
+                } }), _jsx(Glyph, { ...slot('image-zoom-glyph'), zoomed: at.live, style: { transition: 'opacity 200ms ease' }, children: _jsx(ZoomIn, { size: 16, color: "white" }) })] }));
+}
+//# sourceMappingURL=image-zoom.js.map

package/dist/backends/gui/image-zoom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-zoom.js","sourceRoot":"","sources":["../../../src/backends/gui/image-zoom.tsx"],"names":[],"mappings":"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"}

package/dist/backends/gui/index.cjs

@@ -21,7 +21,9 @@ exports.ResizablePanel = exports.ResizablePanelGroup = exports.RadioGroupItem =
 exports.ToggleGroupItem = exports.ToggleGroup = exports.toast = exports.Toaster = exports.Textarea = exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.Tabs = exports.Switch = exports.Spinner = exports.Slider = exports.Fill = exports.Screen = exports.Band = exports.SelectScrollDownButton = exports.SelectScrollUpButton = exports.SelectSeparator = exports.SelectItem = exports.SelectLabel = exports.SelectContent = exports.SelectTrigger = exports.SelectValue = exports.SelectGroup = exports.Select = exports.ScrollBar = exports.ScrollArea = exports.Text = exports.View = exports.ScrollView = exports.Spacer = exports.Separator = exports.Image = exports.Anchor = exports.Em = exports.Strong = exports.Span = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Heading = exports.Paragraph = exports.SizableText = exports.ZStack = exports.YStack = exports.XStack = exports.ResizableHandle = void 0;
 exports.InputOTPSlot = exports.InputOTPSeparator = exports.InputOTPGroup = exports.InputOTP = exports.StepIndicator = exports.BreadcrumbSeparator = exports.BreadcrumbPage = exports.BreadcrumbList = exports.BreadcrumbLink = exports.BreadcrumbItem = exports.BreadcrumbEllipsis = exports.Breadcrumb = exports.NavItems = exports.fit = exports.MediaStack = exports.Skeleton = exports.SheetTrigger = exports.SheetTitle = exports.SheetPortal = exports.SheetOverlay = exports.SheetHeader = exports.SheetFooter = exports.SheetDescription = exports.SheetContent = exports.SheetClose = exports.Sheet = exports.CarouselNext = exports.CarouselPrevious = exports.CarouselItem = exports.CarouselContent = exports.Carousel = exports.YouTubeEmbed = exports.VideoPlayer = exports.LinkElement = exports.MDXLink = exports.useLink = exports.Link = exports.ApplyTypography = exports.useFormField = exports.FormMessage = exports.FormDescription = exports.FormControl = exports.FormLabel = exports.FormItem = exports.FormField = exports.Form = exports.TooltipProvider = exports.TooltipContent = exports.TooltipTrigger = exports.Tooltip = void 0;
 exports.Desktop = exports.MarketOverview = exports.Cursor = exports.CryptoScreener = exports.ColorPicker = exports.ComboboxWithIcons = exports.Combobox = exports.CodeTabs = exports.Comparison = exports.CreditCard = exports.CompanyProfile = exports.CodeBlock = exports.CodeEditor = exports.Calendar = exports.Choicebox = exports.Banner = exports.AppleHelloEffect = exports.gradientPresets = exports.AppleCardsCarousel = exports.AnimatedCursor = exports.AnimatedTestimonials = exports.AnimatedBeam = exports.AnimatedTooltip = exports.Announcement = exports.Marquee3DPreset = exports.Marquee3DFloating = exports.Marquee3D = exports.AlertTitle = exports.AlertDescription = exports.Alert = exports.Pin3D = exports.Android = exports.AdvancedChart = exports.Card3DTitle = exports.Card3DHeader = exports.Card3DFooter = exports.Card3DDescription = exports.Card3DContent = exports.Card3D = exports.DrawerTrigger = exports.DrawerHandle = exports.DrawerContent = exports.Drawer = exports.navigationMenuTriggerStyle = exports.NavigationMenuTrigger = exports.NavigationMenuList = exports.NavigationMenuLink = exports.NavigationMenuItem = exports.NavigationMenuContent = exports.NavigationMenu = void 0;
-exports.Financials = exports.Gantt = exports.ForexMarket = exports.ForexScreener = exports.EmptyTitle = exports.EmptyMedia = exports.EmptyHeader = exports.EmptyDescription = exports.EmptyContent = exports.Empty = exports.Spotlight = exports.DockSeparator = exports.DockItem = exports.Dock = exports.Editor = exports.Dropzone = exports.DesktopWindowControls = exports.DesktopWindow = exports.DialogStack = exports.DatePicker = exports.DataTableColumnHeader = exports.DataTable = exports.useWindowManager = exports.useOverlayManager = exports.useKeyboardShortcuts = exports.useDesktopSettings = void 0;
+exports.ListItem = exports.List = exports.GlimpseTrigger = exports.GlimpseTitle = exports.GlimpseImage = exports.GlimpseDescription = exports.GlimpseContent = exports.Glimpse = exports.ImageZoom = exports.IPhone15Pro = exports.GridPatternPresets = exports.GridPattern = exports.InteractiveGridPattern = exports.ImageCrop = exports.FieldTitle = exports.FieldSet = exports.FieldSeparator = exports.FieldLegend = exports.FieldLabel = exports.FieldGroup = exports.FieldError = exports.FieldDescription = exports.FieldContent = exports.Field = exports.Financials = exports.Gantt = exports.ForexMarket = exports.ForexScreener = exports.EmptyTitle = exports.EmptyMedia = exports.EmptyHeader = exports.EmptyDescription = exports.EmptyContent = exports.Empty = exports.Spotlight = exports.DockSeparator = exports.DockItem = exports.Dock = exports.Editor = exports.Dropzone = exports.DesktopWindowControls = exports.DesktopWindow = exports.DialogStack = exports.DatePicker = exports.DataTableColumnHeader = exports.DataTable = exports.useWindowManager = exports.useOverlayManager = exports.useKeyboardShortcuts = exports.useDesktopSettings = void 0;
+exports.PositionsList = exports.OrderEntry = exports.PaginationPrevious = exports.PaginationNext = exports.PaginationLink = exports.PaginationItem = exports.PaginationEllipsis = exports.PaginationContent = exports.Pagination = exports.OrdersHistory = exports.MotionHighlight = exports.MinimalTiptap = exports.NewsTimeline = exports.MenubarTrigger = exports.MenubarSubTrigger = exports.MenubarSubContent = exports.MenubarSub = exports.MenubarShortcut = exports.MenubarSeparator = exports.MenubarRadioItem = exports.MenubarRadioGroup = exports.MenubarPortal = exports.MenubarMenu = exports.MenubarLabel = exports.MenubarItem = exports.MenubarGroup = exports.MenubarContent = exports.MenubarCheckboxItem = exports.Menubar = exports.MessageDock = exports.MiniCalendar = exports.Marquee = exports.MenuDock = exports.Magnetic = exports.KanbanBoard = exports.LimelightNav = exports.ItemTitle = exports.ItemSeparator = exports.ItemMedia = exports.ItemHeader = exports.ItemGroup = exports.ItemFooter = exports.ItemDescription = exports.ItemContent = exports.ItemActions = exports.Item = exports.KbdGroup = exports.Kbd = exports.MacosDockItem = exports.MacosDock = void 0;
+exports.NavigationBar = exports.MediaPlayer = exports.Timeline = exports.Terminal = exports.Toggle = exports.Ticker = exports.TechnicalAnalysis = exports.Tags = exports.TableRow = exports.TableHeader = exports.TableHead = exports.TableFooter = exports.TableCell = exports.TableCaption = exports.TableBody = exports.Table = exports.StockMarket = exports.Status = exports.SymbolInfo = exports.StockScreener = exports.Snippet = exports.InlineCode = exports.encodeQr = exports.QRCode = exports.StarsScrollingWheel = exports.Safari = exports.RelativeTime = exports.PinList = exports.ParticlesBackground = exports.pillVariants = exports.Pill = exports.Particles = exports.PixelImage = void 0;
 var accordion_1 = require("./accordion.cjs");
 Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return accordion_1.Accordion; } });
 Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return accordion_1.AccordionItem; } });
@@ -397,3 +399,159 @@ var gantt_1 = require("./gantt.cjs");
 Object.defineProperty(exports, "Gantt", { enumerable: true, get: function () { return gantt_1.Gantt; } });
 var financials_1 = require("./financials.cjs");
 Object.defineProperty(exports, "Financials", { enumerable: true, get: function () { return financials_1.Financials; } });
+var field_1 = require("./field.cjs");
+Object.defineProperty(exports, "Field", { enumerable: true, get: function () { return field_1.Field; } });
+Object.defineProperty(exports, "FieldContent", { enumerable: true, get: function () { return field_1.FieldContent; } });
+Object.defineProperty(exports, "FieldDescription", { enumerable: true, get: function () { return field_1.FieldDescription; } });
+Object.defineProperty(exports, "FieldError", { enumerable: true, get: function () { return field_1.FieldError; } });
+Object.defineProperty(exports, "FieldGroup", { enumerable: true, get: function () { return field_1.FieldGroup; } });
+Object.defineProperty(exports, "FieldLabel", { enumerable: true, get: function () { return field_1.FieldLabel; } });
+Object.defineProperty(exports, "FieldLegend", { enumerable: true, get: function () { return field_1.FieldLegend; } });
+Object.defineProperty(exports, "FieldSeparator", { enumerable: true, get: function () { return field_1.FieldSeparator; } });
+Object.defineProperty(exports, "FieldSet", { enumerable: true, get: function () { return field_1.FieldSet; } });
+Object.defineProperty(exports, "FieldTitle", { enumerable: true, get: function () { return field_1.FieldTitle; } });
+var image_crop_1 = require("./image-crop.cjs");
+Object.defineProperty(exports, "ImageCrop", { enumerable: true, get: function () { return image_crop_1.ImageCrop; } });
+var interactive_grid_pattern_1 = require("./interactive-grid-pattern.cjs");
+Object.defineProperty(exports, "InteractiveGridPattern", { enumerable: true, get: function () { return interactive_grid_pattern_1.InteractiveGridPattern; } });
+var grid_pattern_1 = require("./grid-pattern.cjs");
+Object.defineProperty(exports, "GridPattern", { enumerable: true, get: function () { return grid_pattern_1.GridPattern; } });
+Object.defineProperty(exports, "GridPatternPresets", { enumerable: true, get: function () { return grid_pattern_1.GridPatternPresets; } });
+var iphone_15_pro_1 = require("./iphone-15-pro.cjs");
+Object.defineProperty(exports, "IPhone15Pro", { enumerable: true, get: function () { return iphone_15_pro_1.IPhone15Pro; } });
+var image_zoom_1 = require("./image-zoom.cjs");
+Object.defineProperty(exports, "ImageZoom", { enumerable: true, get: function () { return image_zoom_1.ImageZoom; } });
+var glimpse_1 = require("./glimpse.cjs");
+Object.defineProperty(exports, "Glimpse", { enumerable: true, get: function () { return glimpse_1.Glimpse; } });
+Object.defineProperty(exports, "GlimpseContent", { enumerable: true, get: function () { return glimpse_1.GlimpseContent; } });
+Object.defineProperty(exports, "GlimpseDescription", { enumerable: true, get: function () { return glimpse_1.GlimpseDescription; } });
+Object.defineProperty(exports, "GlimpseImage", { enumerable: true, get: function () { return glimpse_1.GlimpseImage; } });
+Object.defineProperty(exports, "GlimpseTitle", { enumerable: true, get: function () { return glimpse_1.GlimpseTitle; } });
+Object.defineProperty(exports, "GlimpseTrigger", { enumerable: true, get: function () { return glimpse_1.GlimpseTrigger; } });
+var list_1 = require("./list.cjs");
+Object.defineProperty(exports, "List", { enumerable: true, get: function () { return list_1.List; } });
+Object.defineProperty(exports, "ListItem", { enumerable: true, get: function () { return list_1.ListItem; } });
+var macos_dock_1 = require("./macos-dock.cjs");
+Object.defineProperty(exports, "MacosDock", { enumerable: true, get: function () { return macos_dock_1.MacosDock; } });
+Object.defineProperty(exports, "MacosDockItem", { enumerable: true, get: function () { return macos_dock_1.MacosDockItem; } });
+var kbd_1 = require("./kbd.cjs");
+Object.defineProperty(exports, "Kbd", { enumerable: true, get: function () { return kbd_1.Kbd; } });
+Object.defineProperty(exports, "KbdGroup", { enumerable: true, get: function () { return kbd_1.KbdGroup; } });
+var item_1 = require("./item.cjs");
+Object.defineProperty(exports, "Item", { enumerable: true, get: function () { return item_1.Item; } });
+Object.defineProperty(exports, "ItemActions", { enumerable: true, get: function () { return item_1.ItemActions; } });
+Object.defineProperty(exports, "ItemContent", { enumerable: true, get: function () { return item_1.ItemContent; } });
+Object.defineProperty(exports, "ItemDescription", { enumerable: true, get: function () { return item_1.ItemDescription; } });
+Object.defineProperty(exports, "ItemFooter", { enumerable: true, get: function () { return item_1.ItemFooter; } });
+Object.defineProperty(exports, "ItemGroup", { enumerable: true, get: function () { return item_1.ItemGroup; } });
+Object.defineProperty(exports, "ItemHeader", { enumerable: true, get: function () { return item_1.ItemHeader; } });
+Object.defineProperty(exports, "ItemMedia", { enumerable: true, get: function () { return item_1.ItemMedia; } });
+Object.defineProperty(exports, "ItemSeparator", { enumerable: true, get: function () { return item_1.ItemSeparator; } });
+Object.defineProperty(exports, "ItemTitle", { enumerable: true, get: function () { return item_1.ItemTitle; } });
+var limelight_nav_1 = require("./limelight-nav.cjs");
+Object.defineProperty(exports, "LimelightNav", { enumerable: true, get: function () { return limelight_nav_1.LimelightNav; } });
+var kanban_1 = require("./kanban.cjs");
+Object.defineProperty(exports, "KanbanBoard", { enumerable: true, get: function () { return kanban_1.KanbanBoard; } });
+var magnetic_1 = require("./magnetic.cjs");
+Object.defineProperty(exports, "Magnetic", { enumerable: true, get: function () { return magnetic_1.Magnetic; } });
+var menu_dock_1 = require("./menu-dock.cjs");
+Object.defineProperty(exports, "MenuDock", { enumerable: true, get: function () { return menu_dock_1.MenuDock; } });
+var marquee_1 = require("./marquee.cjs");
+Object.defineProperty(exports, "Marquee", { enumerable: true, get: function () { return marquee_1.Marquee; } });
+var mini_calendar_1 = require("./mini-calendar.cjs");
+Object.defineProperty(exports, "MiniCalendar", { enumerable: true, get: function () { return mini_calendar_1.MiniCalendar; } });
+var message_dock_1 = require("./message-dock.cjs");
+Object.defineProperty(exports, "MessageDock", { enumerable: true, get: function () { return message_dock_1.MessageDock; } });
+var menubar_1 = require("./menubar.cjs");
+Object.defineProperty(exports, "Menubar", { enumerable: true, get: function () { return menubar_1.Menubar; } });
+Object.defineProperty(exports, "MenubarCheckboxItem", { enumerable: true, get: function () { return menubar_1.MenubarCheckboxItem; } });
+Object.defineProperty(exports, "MenubarContent", { enumerable: true, get: function () { return menubar_1.MenubarContent; } });
+Object.defineProperty(exports, "MenubarGroup", { enumerable: true, get: function () { return menubar_1.MenubarGroup; } });
+Object.defineProperty(exports, "MenubarItem", { enumerable: true, get: function () { return menubar_1.MenubarItem; } });
+Object.defineProperty(exports, "MenubarLabel", { enumerable: true, get: function () { return menubar_1.MenubarLabel; } });
+Object.defineProperty(exports, "MenubarMenu", { enumerable: true, get: function () { return menubar_1.MenubarMenu; } });
+Object.defineProperty(exports, "MenubarPortal", { enumerable: true, get: function () { return menubar_1.MenubarPortal; } });
+Object.defineProperty(exports, "MenubarRadioGroup", { enumerable: true, get: function () { return menubar_1.MenubarRadioGroup; } });
+Object.defineProperty(exports, "MenubarRadioItem", { enumerable: true, get: function () { return menubar_1.MenubarRadioItem; } });
+Object.defineProperty(exports, "MenubarSeparator", { enumerable: true, get: function () { return menubar_1.MenubarSeparator; } });
+Object.defineProperty(exports, "MenubarShortcut", { enumerable: true, get: function () { return menubar_1.MenubarShortcut; } });
+Object.defineProperty(exports, "MenubarSub", { enumerable: true, get: function () { return menubar_1.MenubarSub; } });
+Object.defineProperty(exports, "MenubarSubContent", { enumerable: true, get: function () { return menubar_1.MenubarSubContent; } });
+Object.defineProperty(exports, "MenubarSubTrigger", { enumerable: true, get: function () { return menubar_1.MenubarSubTrigger; } });
+Object.defineProperty(exports, "MenubarTrigger", { enumerable: true, get: function () { return menubar_1.MenubarTrigger; } });
+var news_timeline_1 = require("./news-timeline.cjs");
+Object.defineProperty(exports, "NewsTimeline", { enumerable: true, get: function () { return news_timeline_1.NewsTimeline; } });
+var minimal_tiptap_1 = require("./minimal-tiptap.cjs");
+Object.defineProperty(exports, "MinimalTiptap", { enumerable: true, get: function () { return minimal_tiptap_1.MinimalTiptap; } });
+var motion_highlight_1 = require("./motion-highlight.cjs");
+Object.defineProperty(exports, "MotionHighlight", { enumerable: true, get: function () { return motion_highlight_1.MotionHighlight; } });
+var orders_history_1 = require("./orders-history.cjs");
+Object.defineProperty(exports, "OrdersHistory", { enumerable: true, get: function () { return orders_history_1.OrdersHistory; } });
+var pagination_1 = require("./pagination.cjs");
+Object.defineProperty(exports, "Pagination", { enumerable: true, get: function () { return pagination_1.Pagination; } });
+Object.defineProperty(exports, "PaginationContent", { enumerable: true, get: function () { return pagination_1.PaginationContent; } });
+Object.defineProperty(exports, "PaginationEllipsis", { enumerable: true, get: function () { return pagination_1.PaginationEllipsis; } });
+Object.defineProperty(exports, "PaginationItem", { enumerable: true, get: function () { return pagination_1.PaginationItem; } });
+Object.defineProperty(exports, "PaginationLink", { enumerable: true, get: function () { return pagination_1.PaginationLink; } });
+Object.defineProperty(exports, "PaginationNext", { enumerable: true, get: function () { return pagination_1.PaginationNext; } });
+Object.defineProperty(exports, "PaginationPrevious", { enumerable: true, get: function () { return pagination_1.PaginationPrevious; } });
+var order_entry_1 = require("./order-entry.cjs");
+Object.defineProperty(exports, "OrderEntry", { enumerable: true, get: function () { return order_entry_1.OrderEntry; } });
+var positions_list_1 = require("./positions-list.cjs");
+Object.defineProperty(exports, "PositionsList", { enumerable: true, get: function () { return positions_list_1.PositionsList; } });
+var pixel_image_1 = require("./pixel-image.cjs");
+Object.defineProperty(exports, "PixelImage", { enumerable: true, get: function () { return pixel_image_1.PixelImage; } });
+var particles_1 = require("./particles.cjs");
+Object.defineProperty(exports, "Particles", { enumerable: true, get: function () { return particles_1.Particles; } });
+var pill_1 = require("./pill.cjs");
+Object.defineProperty(exports, "Pill", { enumerable: true, get: function () { return pill_1.Pill; } });
+Object.defineProperty(exports, "pillVariants", { enumerable: true, get: function () { return pill_1.pillVariants; } });
+var particles_background_1 = require("./particles-background.cjs");
+Object.defineProperty(exports, "ParticlesBackground", { enumerable: true, get: function () { return particles_background_1.ParticlesBackground; } });
+var pin_list_1 = require("./pin-list.cjs");
+Object.defineProperty(exports, "PinList", { enumerable: true, get: function () { return pin_list_1.PinList; } });
+var relative_time_1 = require("./relative-time.cjs");
+Object.defineProperty(exports, "RelativeTime", { enumerable: true, get: function () { return relative_time_1.RelativeTime; } });
+var safari_1 = require("./safari.cjs");
+Object.defineProperty(exports, "Safari", { enumerable: true, get: function () { return safari_1.Safari; } });
+var stars_scrolling_wheel_1 = require("./stars-scrolling-wheel.cjs");
+Object.defineProperty(exports, "StarsScrollingWheel", { enumerable: true, get: function () { return stars_scrolling_wheel_1.StarsScrollingWheel; } });
+var qr_code_1 = require("./qr-code.cjs");
+Object.defineProperty(exports, "QRCode", { enumerable: true, get: function () { return qr_code_1.QRCode; } });
+Object.defineProperty(exports, "encodeQr", { enumerable: true, get: function () { return qr_code_1.encodeQr; } });
+var snippet_1 = require("./snippet.cjs");
+Object.defineProperty(exports, "InlineCode", { enumerable: true, get: function () { return snippet_1.InlineCode; } });
+Object.defineProperty(exports, "Snippet", { enumerable: true, get: function () { return snippet_1.Snippet; } });
+var stock_screener_1 = require("./stock-screener.cjs");
+Object.defineProperty(exports, "StockScreener", { enumerable: true, get: function () { return stock_screener_1.StockScreener; } });
+var symbol_info_1 = require("./symbol-info.cjs");
+Object.defineProperty(exports, "SymbolInfo", { enumerable: true, get: function () { return symbol_info_1.SymbolInfo; } });
+var status_1 = require("./status.cjs");
+Object.defineProperty(exports, "Status", { enumerable: true, get: function () { return status_1.Status; } });
+var stock_market_1 = require("./stock-market.cjs");
+Object.defineProperty(exports, "StockMarket", { enumerable: true, get: function () { return stock_market_1.StockMarket; } });
+var table_1 = require("./table.cjs");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return table_1.Table; } });
+Object.defineProperty(exports, "TableBody", { enumerable: true, get: function () { return table_1.TableBody; } });
+Object.defineProperty(exports, "TableCaption", { enumerable: true, get: function () { return table_1.TableCaption; } });
+Object.defineProperty(exports, "TableCell", { enumerable: true, get: function () { return table_1.TableCell; } });
+Object.defineProperty(exports, "TableFooter", { enumerable: true, get: function () { return table_1.TableFooter; } });
+Object.defineProperty(exports, "TableHead", { enumerable: true, get: function () { return table_1.TableHead; } });
+Object.defineProperty(exports, "TableHeader", { enumerable: true, get: function () { return table_1.TableHeader; } });
+Object.defineProperty(exports, "TableRow", { enumerable: true, get: function () { return table_1.TableRow; } });
+var tags_1 = require("./tags.cjs");
+Object.defineProperty(exports, "Tags", { enumerable: true, get: function () { return tags_1.Tags; } });
+var technical_analysis_1 = require("./technical-analysis.cjs");
+Object.defineProperty(exports, "TechnicalAnalysis", { enumerable: true, get: function () { return technical_analysis_1.TechnicalAnalysis; } });
+var ticker_1 = require("./ticker.cjs");
+Object.defineProperty(exports, "Ticker", { enumerable: true, get: function () { return ticker_1.Ticker; } });
+var toggle_1 = require("./toggle.cjs");
+Object.defineProperty(exports, "Toggle", { enumerable: true, get: function () { return toggle_1.Toggle; } });
+var terminal_1 = require("./terminal.cjs");
+Object.defineProperty(exports, "Terminal", { enumerable: true, get: function () { return terminal_1.Terminal; } });
+var timeline_1 = require("./timeline.cjs");
+Object.defineProperty(exports, "Timeline", { enumerable: true, get: function () { return timeline_1.Timeline; } });
+var video_player_1 = require("./video-player.cjs");
+Object.defineProperty(exports, "MediaPlayer", { enumerable: true, get: function () { return video_player_1.MediaPlayer; } });
+var navigation_bar_1 = require("./navigation-bar.cjs");
+Object.defineProperty(exports, "NavigationBar", { enumerable: true, get: function () { return navigation_bar_1.NavigationBar; } });

package/dist/backends/gui/index.d.ts

@@ -87,4 +87,53 @@ export { ForexScreener, type ForexScreenerColumn, type ForexScreenerMarket, type
 export { ForexMarket, type ForexMarketPreset, type ForexMarketProps, type ForexMarketSymbol, type ForexMarketTab, type ForexMarketTheme } from './forex-market.js';
 export { Gantt, type GanttProps, type GanttTask } from './gantt.js';
 export { Financials, type FinancialsDisplayMode, type FinancialsProps, type FinancialsTheme } from './financials.js';
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, type FieldContentProps, type FieldDescriptionProps, type FieldErrorIssue, type FieldErrorProps, type FieldGroupProps, type FieldLabelProps, type FieldLegendProps, type FieldLegendVariant, type FieldOrientation, type FieldProps, type FieldSeparatorProps, type FieldSetProps, type FieldTitleProps } from './field.js';
+export { ImageCrop, type ImageCropProps } from './image-crop.js';
+export { InteractiveGridPattern, type InteractiveGridPatternProps } from './interactive-grid-pattern.js';
+export { GridPattern, GridPatternPresets, type GridPatternAnimation, type GridPatternFade, type GridPatternGap, type GridPatternGradient, type GridPatternMaxArea, type GridPatternOffset, type GridPatternProps, type GridPatternSize, type GridPatternVariant } from './grid-pattern.js';
+export { IPhone15Pro, type IPhone15ProColor, type IPhone15ProProps, type IPhone15ProVariant } from './iphone-15-pro.js';
+export { ImageZoom, type ImageZoomProps } from './image-zoom.js';
+export { Glimpse, GlimpseContent, GlimpseDescription, GlimpseImage, GlimpseTitle, GlimpseTrigger, type GlimpseContentProps, type GlimpseDescriptionProps, type GlimpseImageProps, type GlimpseProps, type GlimpseTitleProps, type GlimpseTriggerProps } from './glimpse.js';
+export { List, ListItem, type ListItemProps, type ListProps } from './list.js';
+export { MacosDock, MacosDockItem, type MacosDockItemProps, type MacosDockProps } from './macos-dock.js';
+export { Kbd, KbdGroup, type KbdGroupProps, type KbdProps } from './kbd.js';
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, type ItemActionsProps, type ItemContentProps, type ItemDescriptionProps, type ItemFooterProps, type ItemGroupProps, type ItemHeaderProps, type ItemMediaProps, type ItemMediaVariant, type ItemProps, type ItemSeparatorProps, type ItemSize, type ItemTitleProps, type ItemVariant } from './item.js';
+export { LimelightNav, type LimelightNavItem, type LimelightNavProps, type LimelightNavVariant } from './limelight-nav.js';
+export { KanbanBoard, type KanbanBoardData, type KanbanBoardProps, type KanbanCard, type KanbanColumn, type KanbanLabel, type KanbanPriority } from './kanban.js';
+export { Magnetic, type MagneticProps } from './magnetic.js';
+export { MenuDock, type MenuDockItem, type MenuDockOrientation, type MenuDockProps } from './menu-dock.js';
+export { Marquee, type MarqueeProps } from './marquee.js';
+export { MiniCalendar, type MiniCalendarProps } from './mini-calendar.js';
+export { MessageDock, type MessageDockMessage, type MessageDockMessageType, type MessageDockPosition, type MessageDockProps } from './message-dock.js';
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, type MenubarContentProps, type MenubarItemProps, type MenubarMenuProps, type MenubarProps, type MenubarTriggerProps } from './menubar.js';
+export { NewsTimeline, type NewsTimelineFeedMode, type NewsTimelineProps, type NewsTimelineTheme } from './news-timeline.js';
+export { MinimalTiptap, type MinimalTiptapProps } from './minimal-tiptap.js';
+export { MotionHighlight, type MotionHighlightProps } from './motion-highlight.js';
+export { OrdersHistory, type Order, type OrdersHistoryOrderType, type OrdersHistoryProps, type OrdersHistorySide, type OrdersHistoryStatus } from './orders-history.js';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, type PaginationContentProps, type PaginationEllipsisProps, type PaginationItemProps, type PaginationLinkProps, type PaginationNextProps, type PaginationPreviousProps, type PaginationProps } from './pagination.js';
+export { OrderEntry, type OrderEntryProps, type OrderKind, type OrderSide, type PlacedOrder } from './order-entry.js';
+export { PositionsList, type Position, type PositionsListProps } from './positions-list.js';
+export { PixelImage, type PixelImageProps } from './pixel-image.js';
+export { Particles, type ParticlesProps } from './particles.js';
+export { Pill, pillVariants, type PillProps, type PillVariant } from './pill.js';
+export { ParticlesBackground, type ParticlesBackgroundProps } from './particles-background.js';
+export { PinList, type PinListItem, type PinListProps } from './pin-list.js';
+export { RelativeTime, type RelativeTimeFormat, type RelativeTimeProps } from './relative-time.js';
+export { Safari, type SafariProps, type SafariToolbarItem } from './safari.js';
+export { StarsScrollingWheel, type StarsScrollingWheelOrientation, type StarsScrollingWheelProps, type StarsScrollingWheelSize } from './stars-scrolling-wheel.js';
+export { QRCode, encodeQr, type QRCodeImageSettings, type QRCodeLevel, type QRCodeProps } from './qr-code.js';
+export { InlineCode, Snippet, type InlineCodeProps, type SnippetProps, type SnippetSize, type SnippetTheme, type SnippetVariant } from './snippet.js';
+export { StockScreener, type StockScreenerColumn, type StockScreenerMarket, type StockScreenerProps, type StockScreenerScreen, type StockScreenerTheme } from './stock-screener.js';
+export { SymbolInfo, type SymbolInfoProps, type SymbolInfoTheme } from './symbol-info.js';
+export { Status, type StatusProps, type StatusVariant } from './status.js';
+export { StockMarket, type StockMarketPreset, type StockMarketProps, type StockMarketSymbol, type StockMarketTab, type StockMarketTheme } from './stock-market.js';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, type TableBodyProps, type TableCaptionProps, type TableCellProps, type TableFooterProps, type TableHeadProps, type TableHeaderProps, type TableProps, type TableRowProps } from './table.js';
+export { Tags, type Tag, type TagsProps } from './tags.js';
+export { TechnicalAnalysis, type TechnicalAnalysisDisplayMode, type TechnicalAnalysisInterval, type TechnicalAnalysisProps, type TechnicalAnalysisTheme } from './technical-analysis.js';
+export { Ticker, type TickerDirection, type TickerProps } from './ticker.js';
+export { Toggle, type ToggleProps, type ToggleSize, type ToggleVariant } from './toggle.js';
+export { Terminal, type TerminalCommand, type TerminalLineType, type TerminalProps, type TerminalTheme } from './terminal.js';
+export { Timeline, type TimelineItem, type TimelineOrientation, type TimelineProps, type TimelineStatus, type TimelineVariant } from './timeline.js';
+export { MediaPlayer, type MediaPlayerProps, type MediaPlayerSize, type MediaSource, type MediaSubtitleTrack } from './video-player.js';
+export { NavigationBar, type NavigationBarLink, type NavigationBarOption, type NavigationBarPerson, type NavigationBarProps, type NavigationBarVariant } from './navigation-bar.js';
 //# sourceMappingURL=index.d.ts.map