@hanzo/ui 8.27.9 → 8.27.11

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

@@ -0,0 +1,39 @@
+/**
+ * Alert — a callout for one piece of information the page wants read: an
+ * optional leading icon, a title and a description in a bordered box, with a
+ * `default` and a `destructive` variant.
+ *
+ * The icon is the first child when that child is neither `AlertTitle` nor
+ * `AlertDescription`. It sits absolutely at the top-left corner and the text
+ * column indents to clear it, so `<Alert><Icon /><AlertTitle /><AlertDescription /></Alert>`
+ * needs no `icon` prop and a trailing action stays in the flow. Surface, icon,
+ * title and description are four styled parts sharing one `variant` through a
+ * styled context — the surface owns the border, the other three own color.
+ */
+import { type ComponentProps } from 'react';
+export type AlertVariant = 'default' | 'destructive';
+declare const AlertFrame: 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;
+    variant?: "default" | "destructive" | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+declare const AlertTitleText: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
+    size?: import("@hanzogui/web").FontSizeTokens | undefined;
+    unstyled?: boolean | undefined;
+    variant?: "default" | "destructive" | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+declare const AlertDescriptionText: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
+    size?: import("@hanzogui/web").FontSizeTokens | undefined;
+    unstyled?: boolean | undefined;
+    variant?: "default" | "destructive" | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export type AlertProps = Omit<ComponentProps<typeof AlertFrame>, 'variant'> & {
+    variant?: AlertVariant | null;
+};
+export type AlertTitleProps = ComponentProps<typeof AlertTitleText>;
+export type AlertDescriptionProps = ComponentProps<typeof AlertDescriptionText>;
+declare function Alert({ variant, children, ...props }: AlertProps): import("react").JSX.Element;
+declare const AlertTitle: (props: AlertTitleProps) => import("react").JSX.Element;
+declare const AlertDescription: (props: AlertDescriptionProps) => import("react").JSX.Element;
+export { Alert, AlertTitle, AlertDescription };
+//# sourceMappingURL=alert.d.ts.map

package/dist/backends/gui/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/alert.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,OAAO,EAA4B,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAKrE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,aAAa,CAAA;AAOpD,QAAA,MAAM,UAAU;;;;8CAmBd,CAAA;AAEF,QAAA,MAAM,cAAc;;;;8CAgBlB,CAAA;AAGF,QAAA,MAAM,oBAAoB;;;;8CAaxB,CAAA;AAyBF,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,SAAS,CAAC,GAAG;IAC5E,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;CAC9B,CAAA;AACD,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAA;AACnE,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAE/E,iBAAS,KAAK,CAAC,EAAE,OAAmB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAkBrE;AAED,QAAA,MAAM,UAAU,UAAW,eAAe,gCAA2D,CAAA;AAErG,QAAA,MAAM,gBAAgB,UAAW,qBAAqB,gCAErD,CAAA;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/backends/gui/alert.js

@@ -0,0 +1,102 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Alert — a callout for one piece of information the page wants read: an
+ * optional leading icon, a title and a description in a bordered box, with a
+ * `default` and a `destructive` variant.
+ *
+ * The icon is the first child when that child is neither `AlertTitle` nor
+ * `AlertDescription`. It sits absolutely at the top-left corner and the text
+ * column indents to clear it, so `<Alert><Icon /><AlertTitle /><AlertDescription /></Alert>`
+ * needs no `icon` prop and a trailing action stays in the flow. Surface, icon,
+ * title and description are four styled parts sharing one `variant` through a
+ * styled context — the surface owns the border, the other three own color.
+ */
+import { Children, isValidElement } from 'react';
+import { SizableText, YStack, createStyledContext, styled } from '@hanzo/gui';
+import { ink } from './ink.js';
+import { slot } from './slot.js';
+const ICON = 16;
+const ICON_GUTTER = 28;
+const AlertContext = /* @__PURE__ */ createStyledContext({ variant: 'default' });
+const AlertFrame = styled(YStack, {
+    name: 'Alert',
+    context: AlertContext,
+    position: 'relative',
+    width: '100%',
+    rounded: '$4',
+    borderWidth: 1,
+    borderColor: '$borderColor',
+    bg: '$background',
+    p: '$4',
+    variants: {
+        variant: {
+            default: {},
+            destructive: { borderColor: '$red9' },
+        },
+    },
+    defaultVariants: { variant: 'default' },
+});
+const AlertTitleText = styled(SizableText, {
+    name: 'AlertTitle',
+    context: AlertContext,
+    render: 'h5',
+    size: '$3',
+    fontWeight: '500',
+    lineHeight: 16,
+    mb: '$1',
+    color: '$ink',
+    variants: {
+        variant: {
+            default: {},
+            destructive: { color: '$red9' },
+        },
+    },
+});
+// A div, so a paragraph or a list inside the description is valid markup.
+const AlertDescriptionText = styled(SizableText, {
+    name: 'AlertDescription',
+    context: AlertContext,
+    render: 'div',
+    size: '$2',
+    color: '$quiet',
+    variants: {
+        variant: {
+            default: {},
+            destructive: { color: '$red9' },
+        },
+    },
+});
+// A Text host because a View takes no `color`, and an svg child paints in
+// `currentColor`.
+const IconSlot = styled(SizableText, {
+    name: 'AlertIcon',
+    context: AlertContext,
+    display: 'flex',
+    position: 'absolute',
+    t: '$4',
+    l: '$4',
+    width: ICON,
+    height: ICON,
+    items: 'center',
+    justify: 'center',
+    color: '$ink',
+    variants: {
+        variant: {
+            default: {},
+            destructive: { color: '$red9' },
+        },
+    },
+});
+function Alert({ variant = 'default', children, ...props }) {
+    const resolved = variant ?? 'default';
+    const items = Children.toArray(children);
+    const head = items[0];
+    const icon = isValidElement(head) && head.type !== AlertTitle && head.type !== AlertDescription ? head : null;
+    const body = icon ? items.slice(1) : items;
+    return (_jsxs(AlertFrame, { role: "alert", variant: resolved, ...slot('alert'), "data-variant": resolved, ...props, children: [icon ? (_jsx(IconSlot, { variant: resolved, ...slot('alert-icon'), children: icon })) : null, _jsx(YStack, { pl: icon ? ICON_GUTTER : 0, children: ink(body) })] }));
+}
+const AlertTitle = (props) => _jsx(AlertTitleText, { ...slot('alert-title'), ...props });
+const AlertDescription = (props) => (_jsx(AlertDescriptionText, { ...slot('alert-description'), ...props }));
+export { Alert, AlertTitle, AlertDescription };
+//# sourceMappingURL=alert.js.map

package/dist/backends/gui/alert.js.map

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

package/dist/backends/gui/android.cjs

@@ -0,0 +1,52 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Android = Android;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Android — the Android robot, drawn as an icon.
+ *
+ * Four sizes on the icon ladder (16, 24, 32 and 48px) and one ink. `color`
+ * fills the body, arms and antennae and defaults to `currentColor`, so the
+ * mark takes the text color around it. The eyes take the opposite pole — white
+ * on inherited ink, black on a named color — so they stay visible against
+ * either fill.
+ *
+ * The frame is a gui stack rendered as a <span>: an icon is phrasing content,
+ * so it sits inside a button or a line of text where a <div> is not allowed
+ * (a parser closes a <p> at a <div>, and the hydrated tree then disagrees
+ * with the markup). It takes every stack prop — a hover style, a press
+ * handler, a class string. The frame owns the size and the drawing fills it,
+ * so a `width` set on the frame carries the drawing with it. The frame also
+ * carries the name, as `role="img"` and an `aria-label`, so the drawing inside
+ * is hidden from the reader and there is one label, not two; beside a label
+ * that already names the platform, pass `aria-hidden` and let the words carry
+ * it. The drawing is a plain <svg>, since gui has no vector primitive of its
+ * own.
+ */
+const gui_1 = require("@hanzo/gui");
+const sx_1 = require("../../sx.cjs");
+/** Edge of the icon per size, px. */
+const EDGE = { sm: 16, default: 24, lg: 32, xl: 48 };
+const Frame = (0, gui_1.styled)(gui_1.XStack, {
+    name: 'Android',
+    render: 'span',
+    display: 'inline-flex',
+    items: 'center',
+    justify: 'center',
+    shrink: 0,
+    variants: {
+        size: {
+            sm: { width: EDGE.sm, height: EDGE.sm },
+            default: { width: EDGE.default, height: EDGE.default },
+            lg: { width: EDGE.lg, height: EDGE.lg },
+            xl: { width: EDGE.xl, height: EDGE.xl },
+        },
+    },
+    defaultVariants: { size: 'default' },
+});
+function Android({ className, size = 'default', color = 'currentColor', ...props }) {
+    const resolved = size ?? 'default';
+    const eye = color === 'currentColor' ? '#ffffff' : '#000000';
+    return ((0, jsx_runtime_1.jsx)(Frame, { "data-slot": "android", "data-size": resolved, role: "img", "aria-label": "Android", size: resolved, ...(0, sx_1.sx)(className), ...props, children: (0, jsx_runtime_1.jsxs)("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, children: [(0, jsx_runtime_1.jsx)("path", { d: "M6 18c0 .55.45 1 1 1h1v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h2v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h1c.55 0 1-.45 1-1V8H6v10z", fill: color }), (0, jsx_runtime_1.jsx)("path", { d: "M15.5 6.5C15.5 5.12 14.38 4 13 4h-2c-1.38 0-2.5 1.12-2.5 2.5S9.62 9 11 9h2c1.38 0 2.5-1.12 2.5-2.5z", fill: color }), (0, jsx_runtime_1.jsx)("path", { d: "M7.5 2.5L9 4", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M16.5 2.5L15 4", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M4 10.5c0-.83.67-1.5 1.5-1.5S7 9.67 7 10.5v3c0 .83-.67 1.5-1.5 1.5S4 14.33 4 13.5v-3z", fill: color }), (0, jsx_runtime_1.jsx)("path", { d: "M17 10.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v3c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5v-3z", fill: color }), (0, jsx_runtime_1.jsx)("circle", { cx: "10", cy: "6.5", r: "0.5", fill: eye }), (0, jsx_runtime_1.jsx)("circle", { cx: "14", cy: "6.5", r: "0.5", fill: eye })] }) }));
+}

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

@@ -0,0 +1,16 @@
+import type { ComponentProps } from 'react';
+export type AndroidSize = 'sm' | 'default' | 'lg' | 'xl';
+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;
+    size?: "default" | "lg" | "sm" | "xl" | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export type AndroidProps = Omit<ComponentProps<typeof Frame>, 'size' | 'color'> & {
+    size?: AndroidSize | null;
+    /** Fill of the body, arms and antennae. Inherits the surrounding text by default. */
+    color?: string;
+    className?: string;
+};
+export declare function Android({ className, size, color, ...props }: AndroidProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=android.d.ts.map

package/dist/backends/gui/android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"android.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/android.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AAKxD,QAAA,MAAM,KAAK;;;;8CAkBT,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG;IAChF,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IACzB,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,IAAgB,EAChB,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,YAAY,+BA4Cd"}

package/dist/backends/gui/android.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Android — the Android robot, drawn as an icon.
+ *
+ * Four sizes on the icon ladder (16, 24, 32 and 48px) and one ink. `color`
+ * fills the body, arms and antennae and defaults to `currentColor`, so the
+ * mark takes the text color around it. The eyes take the opposite pole — white
+ * on inherited ink, black on a named color — so they stay visible against
+ * either fill.
+ *
+ * The frame is a gui stack rendered as a <span>: an icon is phrasing content,
+ * so it sits inside a button or a line of text where a <div> is not allowed
+ * (a parser closes a <p> at a <div>, and the hydrated tree then disagrees
+ * with the markup). It takes every stack prop — a hover style, a press
+ * handler, a class string. The frame owns the size and the drawing fills it,
+ * so a `width` set on the frame carries the drawing with it. The frame also
+ * carries the name, as `role="img"` and an `aria-label`, so the drawing inside
+ * is hidden from the reader and there is one label, not two; beside a label
+ * that already names the platform, pass `aria-hidden` and let the words carry
+ * it. The drawing is a plain <svg>, since gui has no vector primitive of its
+ * own.
+ */
+import { XStack, styled } from '@hanzo/gui';
+import { sx } from '../../sx.js';
+/** Edge of the icon per size, px. */
+const EDGE = { sm: 16, default: 24, lg: 32, xl: 48 };
+const Frame = styled(XStack, {
+    name: 'Android',
+    render: 'span',
+    display: 'inline-flex',
+    items: 'center',
+    justify: 'center',
+    shrink: 0,
+    variants: {
+        size: {
+            sm: { width: EDGE.sm, height: EDGE.sm },
+            default: { width: EDGE.default, height: EDGE.default },
+            lg: { width: EDGE.lg, height: EDGE.lg },
+            xl: { width: EDGE.xl, height: EDGE.xl },
+        },
+    },
+    defaultVariants: { size: 'default' },
+});
+export function Android({ className, size = 'default', color = 'currentColor', ...props }) {
+    const resolved = size ?? 'default';
+    const eye = color === 'currentColor' ? '#ffffff' : '#000000';
+    return (_jsx(Frame, { "data-slot": "android", "data-size": resolved, role: "img", "aria-label": "Android", size: resolved, ...sx(className), ...props, children: _jsxs("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, children: [_jsx("path", { d: "M6 18c0 .55.45 1 1 1h1v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h2v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h1c.55 0 1-.45 1-1V8H6v10z", fill: color }), _jsx("path", { d: "M15.5 6.5C15.5 5.12 14.38 4 13 4h-2c-1.38 0-2.5 1.12-2.5 2.5S9.62 9 11 9h2c1.38 0 2.5-1.12 2.5-2.5z", fill: color }), _jsx("path", { d: "M7.5 2.5L9 4", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" }), _jsx("path", { d: "M16.5 2.5L15 4", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" }), _jsx("path", { d: "M4 10.5c0-.83.67-1.5 1.5-1.5S7 9.67 7 10.5v3c0 .83-.67 1.5-1.5 1.5S4 14.33 4 13.5v-3z", fill: color }), _jsx("path", { d: "M17 10.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v3c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5v-3z", fill: color }), _jsx("circle", { cx: "10", cy: "6.5", r: "0.5", fill: eye }), _jsx("circle", { cx: "14", cy: "6.5", r: "0.5", fill: eye })] }) }));
+}
+//# sourceMappingURL=android.js.map

package/dist/backends/gui/android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"android.js","sourceRoot":"","sources":["../../../src/backends/gui/android.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAG3C,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAI7B,qCAAqC;AACrC,MAAM,IAAI,GAAgC,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAA;AAEjF,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE;IAC3B,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,CAAC;IAET,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE;YACvC,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE;YACtD,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE;YACvC,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE;SACxC;KACO;IAEV,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;CACrC,CAAC,CAAA;AASF,MAAM,UAAU,OAAO,CAAC,EACtB,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,KAAK,GAAG,cAAc,EACtB,GAAG,KAAK,EACK;IACb,MAAM,QAAQ,GAAG,IAAI,IAAI,SAAS,CAAA;IAClC,MAAM,GAAG,GAAG,KAAK,KAAK,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAA;IAC5D,OAAO,CACL,KAAC,KAAK,iBACM,SAAS,eACR,QAAQ,EACnB,IAAI,EAAC,KAAK,gBACC,SAAS,EACpB,IAAI,EAAE,QAAQ,KACV,EAAE,CAAC,SAAS,CAAC,KACZ,KAAsC,YAE3C,eACE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,kCAGlC,eACE,CAAC,EAAC,4IAA4I,EAC9I,IAAI,EAAE,KAAK,GACX,EACF,eACE,CAAC,EAAC,qGAAqG,EACvG,IAAI,EAAE,KAAK,GACX,EACF,eAAM,CAAC,EAAC,cAAc,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,GAAG,EAChF,eAAM,CAAC,EAAC,gBAAgB,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,GAAG,EAClF,eACE,CAAC,EAAC,uFAAuF,EACzF,IAAI,EAAE,KAAK,GACX,EACF,eACE,CAAC,EAAC,2FAA2F,EAC7F,IAAI,EAAE,KAAK,GACX,EACF,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,IAAI,EAAE,GAAG,GAAI,EAC9C,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,IAAI,EAAE,GAAG,GAAI,IAC1C,GACA,CACT,CAAA;AACH,CAAC"}

package/dist/backends/gui/animated-beam.cjs

@@ -0,0 +1,97 @@
+'use client';"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimatedBeam = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const slot_1 = require("./slot.cjs");
+const KEYFRAMES = `
+@keyframes beam-draw { from { stroke-dashoffset: 1 } to { stroke-dashoffset: 0 } }
+@media (prefers-reduced-motion: reduce) { [data-slot="animated-beam-flow"] { animation: none !important } }
+`;
+/** The DOM node behind an anchor, if there is one; a native view has none. */
+const node = (ref) => typeof HTMLElement !== 'undefined' && ref?.current instanceof HTMLElement ? ref.current : null;
+/** The center of `el` in the coordinate space of the box `origin`. */
+const center = (el, origin) => {
+    const r = el.getBoundingClientRect();
+    return [r.left - origin.left + r.width / 2, r.top - origin.top + r.height / 2];
+};
+exports.AnimatedBeam = React.forwardRef(({ style, duration = 3, delay = 0, pathColor = 'gray', pathWidth = 2, gradientStartColor = '#18CCFC', gradientStopColor = '#6344F5', containerRef, fromRef, toRef, ...props }, ref) => {
+    const gradientId = React.useId();
+    const [ends, setEnds] = React.useState(null);
+    React.useEffect(() => {
+        const container = node(containerRef);
+        const from = node(fromRef);
+        const to = node(toRef);
+        if (!container || !from || !to)
+            return;
+        const draw = () => {
+            const origin = container.getBoundingClientRect();
+            const next = [...center(from, origin), ...center(to, origin)];
+            setEnds((prev) => (prev && next.every((v, i) => v === prev[i]) ? prev : next));
+        };
+        draw();
+        if (typeof ResizeObserver === 'undefined') {
+            window.addEventListener('resize', draw);
+            return () => window.removeEventListener('resize', draw);
+        }
+        const observer = new ResizeObserver(draw);
+        for (const el of [container, from, to])
+            observer.observe(el);
+        return () => observer.disconnect();
+    }, [containerRef, fromRef, toRef]);
+    const [x1, y1, x2, y2] = ends ?? [0, 0, 0, 0];
+    const d = ends ? `M ${x1} ${y1} Q ${(x1 + x2) / 2} ${Math.min(y1, y2) - 50} ${x2} ${y2}` : '';
+    // The style is a sibling, not a child: React hoists a keyed `<style>` only
+    // from an HTML host, never from inside an svg.
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("style", { href: "animated-beam", precedence: "default", children: KEYFRAMES }), (0, jsx_runtime_1.jsxs)("svg", { ref: ref, ...(0, slot_1.slot)('animated-beam'), style: {
+                    position: 'absolute',
+                    inset: 0,
+                    width: '100%',
+                    height: '100%',
+                    overflow: 'visible',
+                    pointerEvents: 'none',
+                    ...style,
+                }, ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: d, stroke: pathColor, strokeWidth: pathWidth, fill: "none", strokeOpacity: 0.2 }), (0, jsx_runtime_1.jsx)("path", { ...(0, slot_1.slot)('animated-beam-flow'), d: d, pathLength: 1, strokeDasharray: 1, stroke: `url(#${gradientId})`, strokeWidth: pathWidth, fill: "none", style: {
+                            animationName: 'beam-draw',
+                            animationDuration: `${duration}s`,
+                            animationDelay: `${delay}s`,
+                            animationTimingFunction: 'ease-in-out',
+                            animationIterationCount: 'infinite',
+                            animationFillMode: 'backwards',
+                        } }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", { id: gradientId, gradientUnits: "userSpaceOnUse", x1: x1, y1: y1, x2: x2, y2: y2, children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0%", stopColor: gradientStartColor }), (0, jsx_runtime_1.jsx)("stop", { offset: "100%", stopColor: gradientStopColor })] }) })] })] }));
+});
+exports.AnimatedBeam.displayName = 'AnimatedBeam';

package/dist/backends/gui/animated-beam.d.ts

@@ -0,0 +1,57 @@
+/**
+ * AnimatedBeam — a line of light drawn between two elements inside a shared
+ * container, for showing a connection or a flow between them.
+ *
+ * The path is a quadratic curve from `fromRef` to `toRef`, its control point
+ * bowed 50px above the higher of the two ends. It is measured from each
+ * element's `getBoundingClientRect()` relative to `containerRef` and measured
+ * again whenever any of the three resizes; an anchor may be a gui stack or a
+ * plain element. A dim stroke marks the whole path at all times, and over it a
+ * gradient stroke draws itself from start to end on a loop. The gradient runs
+ * in user space from the `from` center to the `to` center, so it keeps its
+ * direction whichever way the beam points and still paints when the curve is
+ * vertical — a bounding-box gradient is dropped once the box has no width.
+ * That path declares `pathLength={1}`, so its dash is one unit long whatever
+ * the curve measures, and one keyframe slides the dash offset from 1 to 0 —
+ * the stroke is hidden through `delay`, then draws. Under
+ * `prefers-reduced-motion` it is shown whole and still. The keyframe rides
+ * along as a hoisted `<style>` keyed by `href`, so any number of beams on a
+ * page emit it once.
+ *
+ * The drawing is a plain <svg>, since gui has no vector primitive of its own.
+ * It sits absolutely over the container, sized to it — an svg is a replaced
+ * element, and `inset: 0` alone leaves it at its intrinsic 300×150 — with
+ * overflow visible so the bow above the higher end still shows, and it takes
+ * no pointer events.
+ */
+import type { GuiElement } from '@hanzo/gui';
+import * as React from 'react';
+type Anchor = React.RefObject<HTMLElement | GuiElement | null>;
+export type AnimatedBeamProps = React.SVGAttributes<SVGSVGElement> & {
+    /** Seconds for one pass of the flowing stroke. */
+    duration?: number;
+    /** Seconds before its first pass. */
+    delay?: number;
+    pathColor?: string;
+    pathWidth?: number;
+    gradientStartColor?: string;
+    gradientStopColor?: string;
+    containerRef?: Anchor;
+    fromRef?: Anchor;
+    toRef?: Anchor;
+};
+export declare const AnimatedBeam: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & {
+    /** Seconds for one pass of the flowing stroke. */
+    duration?: number;
+    /** Seconds before its first pass. */
+    delay?: number;
+    pathColor?: string;
+    pathWidth?: number;
+    gradientStartColor?: string;
+    gradientStopColor?: string;
+    containerRef?: Anchor;
+    fromRef?: Anchor;
+    toRef?: Anchor;
+} & React.RefAttributes<SVGSVGElement>>;
+export {};
+//# sourceMappingURL=animated-beam.d.ts.map

package/dist/backends/gui/animated-beam.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-beam.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/animated-beam.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,UAAU,GAAG,IAAI,CAAC,CAAA;AAE9D,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,GAAG;IACnE,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAiBD,eAAO,MAAM,YAAY;IA5BvB,kDAAkD;eACvC,MAAM;IACjB,qCAAqC;YAC7B,MAAM;gBACF,MAAM;gBACN,MAAM;yBACG,MAAM;wBACP,MAAM;mBACX,MAAM;cACX,MAAM;YACR,MAAM;uCAgHf,CAAA"}

package/dist/backends/gui/animated-beam.js

@@ -0,0 +1,62 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { slot } from './slot.js';
+const KEYFRAMES = `
+@keyframes beam-draw { from { stroke-dashoffset: 1 } to { stroke-dashoffset: 0 } }
+@media (prefers-reduced-motion: reduce) { [data-slot="animated-beam-flow"] { animation: none !important } }
+`;
+/** The DOM node behind an anchor, if there is one; a native view has none. */
+const node = (ref) => typeof HTMLElement !== 'undefined' && ref?.current instanceof HTMLElement ? ref.current : null;
+/** The center of `el` in the coordinate space of the box `origin`. */
+const center = (el, origin) => {
+    const r = el.getBoundingClientRect();
+    return [r.left - origin.left + r.width / 2, r.top - origin.top + r.height / 2];
+};
+export const AnimatedBeam = React.forwardRef(({ style, duration = 3, delay = 0, pathColor = 'gray', pathWidth = 2, gradientStartColor = '#18CCFC', gradientStopColor = '#6344F5', containerRef, fromRef, toRef, ...props }, ref) => {
+    const gradientId = React.useId();
+    const [ends, setEnds] = React.useState(null);
+    React.useEffect(() => {
+        const container = node(containerRef);
+        const from = node(fromRef);
+        const to = node(toRef);
+        if (!container || !from || !to)
+            return;
+        const draw = () => {
+            const origin = container.getBoundingClientRect();
+            const next = [...center(from, origin), ...center(to, origin)];
+            setEnds((prev) => (prev && next.every((v, i) => v === prev[i]) ? prev : next));
+        };
+        draw();
+        if (typeof ResizeObserver === 'undefined') {
+            window.addEventListener('resize', draw);
+            return () => window.removeEventListener('resize', draw);
+        }
+        const observer = new ResizeObserver(draw);
+        for (const el of [container, from, to])
+            observer.observe(el);
+        return () => observer.disconnect();
+    }, [containerRef, fromRef, toRef]);
+    const [x1, y1, x2, y2] = ends ?? [0, 0, 0, 0];
+    const d = ends ? `M ${x1} ${y1} Q ${(x1 + x2) / 2} ${Math.min(y1, y2) - 50} ${x2} ${y2}` : '';
+    // The style is a sibling, not a child: React hoists a keyed `<style>` only
+    // from an HTML host, never from inside an svg.
+    return (_jsxs(_Fragment, { children: [_jsx("style", { href: "animated-beam", precedence: "default", children: KEYFRAMES }), _jsxs("svg", { ref: ref, ...slot('animated-beam'), style: {
+                    position: 'absolute',
+                    inset: 0,
+                    width: '100%',
+                    height: '100%',
+                    overflow: 'visible',
+                    pointerEvents: 'none',
+                    ...style,
+                }, ...props, children: [_jsx("path", { d: d, stroke: pathColor, strokeWidth: pathWidth, fill: "none", strokeOpacity: 0.2 }), _jsx("path", { ...slot('animated-beam-flow'), d: d, pathLength: 1, strokeDasharray: 1, stroke: `url(#${gradientId})`, strokeWidth: pathWidth, fill: "none", style: {
+                            animationName: 'beam-draw',
+                            animationDuration: `${duration}s`,
+                            animationDelay: `${delay}s`,
+                            animationTimingFunction: 'ease-in-out',
+                            animationIterationCount: 'infinite',
+                            animationFillMode: 'backwards',
+                        } }), _jsx("defs", { children: _jsxs("linearGradient", { id: gradientId, gradientUnits: "userSpaceOnUse", x1: x1, y1: y1, x2: x2, y2: y2, children: [_jsx("stop", { offset: "0%", stopColor: gradientStartColor }), _jsx("stop", { offset: "100%", stopColor: gradientStopColor })] }) })] })] }));
+});
+AnimatedBeam.displayName = 'AnimatedBeam';
+//# sourceMappingURL=animated-beam.js.map

package/dist/backends/gui/animated-beam.js.map

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