@hanzo/ui 8.27.10 → 8.27.11

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

@@ -0,0 +1,106 @@
+/**
+ * Menubar — a persistent row of pull-down menus, the kind a desktop app keeps
+ * across the top of its window (File, Edit, View, ...).
+ *
+ * Each `MenubarMenu` is its own `@hanzo/gui` `Menu`, so a single trigger click
+ * opens a real menu with the full compound surface (items, checkbox items, a
+ * radio group, separators, a label, a submenu) and every a11y/dismiss/typeahead
+ * behaviour that `Menu` already has. What THIS file adds on top, because a row
+ * of independent menus is not yet a menubar, is the coordination between them:
+ * one open menu at a time, hovering a sibling trigger while a menu is open
+ * switches to it instead of requiring a second click, and the arrow keys rove
+ * focus across the triggers (Home/End jump to the first/last). That state lives
+ * in one root context, read by `MenubarTrigger` and `MenubarMenu` — neither
+ * hand-rolls it a second time.
+ *
+ * The rows, checkbox rows, radio rows, label, separator and submenu below are
+ * the same 32px-row, 8px-gutter, 44px-tap design as `dropdown-menu.tsx` and
+ * `context-menu.tsx` — one menu design, not three. `MenubarContent` mounts its
+ * own `Menu.Portal` and re-applies the trigger's resolved theme inside it via
+ * `PortalTheme` (gui portals re-root the subtree, so React theme context does
+ * not otherwise flow there).
+ *
+ * Cross-platform: gui style props only — no Tailwind class strings, no Radix,
+ * no DOM APIs beyond the `data-slot` markers every gui backend component uses
+ * to publish its parts for CSS and tests.
+ */
+import * as React from 'react';
+import { Menu, Text, XStack, type GuiElement } from '@hanzo/gui';
+export type MenubarProps = Omit<React.ComponentProps<typeof XStack>, 'onValueChange'> & {
+    /** Which menu is open, by its `MenubarMenu`'s `value`. Controlled. */
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string | undefined) => void;
+};
+declare function Menubar({ value, defaultValue, onValueChange, children, ...props }: MenubarProps): React.JSX.Element;
+export type MenubarMenuProps = React.ComponentProps<typeof Menu> & {
+    /** Identifies this menu to the root's `value`/`onValueChange`. Auto-generated if omitted. */
+    value?: string;
+};
+declare function MenubarMenu({ value, children, ...props }: MenubarMenuProps): React.JSX.Element;
+export type MenubarTriggerProps = React.ComponentProps<typeof Menu.Trigger>;
+declare const MenubarTrigger: React.ForwardRefExoticComponent<MenubarTriggerProps & React.RefAttributes<GuiElement>>;
+export type MenubarContentProps = React.ComponentProps<typeof Menu.Content> & {
+    sideOffset?: number;
+    align?: 'start' | 'center' | 'end';
+};
+declare const MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarContentProps, "ref"> & React.RefAttributes<GuiElement>>;
+declare const MenubarSubContent: React.ForwardRefExoticComponent<Omit<import("@hanzo/gui").MenuSubContentProps & {
+    scope?: string;
+} & React.RefAttributes<GuiElement> & Partial<Omit<import("@hanzo/gui").NativeMenuSubContentProps, keyof import("@hanzo/gui").MenuSubContentProps | keyof React.RefAttributes<GuiElement>>>, "ref"> & React.RefAttributes<GuiElement>>;
+export type MenubarItemProps = Omit<React.ComponentProps<typeof Menu.Item>, 'inset' | 'variant'> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+};
+declare const MenubarItem: React.ForwardRefExoticComponent<Omit<MenubarItemProps, "ref"> & React.RefAttributes<GuiElement>>;
+declare const MenubarCheckboxItem: React.ForwardRefExoticComponent<Omit<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    unstyled?: boolean | undefined;
+}>, "scope" | keyof import("@hanzo/gui").MenuCheckboxItemProps> & import("@hanzo/gui").MenuCheckboxItemProps & {
+    scope?: string;
+} & React.RefAttributes<GuiElement> & Partial<Omit<Omit<import("@hanzo/gui").NativeMenuItemProps, "onSelect"> & {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    value?: "mixed" | "on" | "off" | boolean;
+    onValueChange?: (state: "mixed" | "on" | "off", prevState: "mixed" | "on" | "off") => void;
+    key: string;
+}, "scope" | keyof import("@hanzo/gui").MenuCheckboxItemProps | keyof React.RefAttributes<GuiElement>>>, "ref"> & React.RefAttributes<GuiElement>>;
+declare const MenubarRadioItem: React.ForwardRefExoticComponent<Omit<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    unstyled?: boolean | undefined;
+}>, "scope" | keyof import("@hanzo/gui").MenuRadioItemProps> & import("@hanzo/gui").MenuRadioItemProps & {
+    scope?: string;
+} & React.RefAttributes<GuiElement> & Partial<Omit<{
+    children: React.ReactNode;
+}, "scope" | keyof import("@hanzo/gui").MenuRadioItemProps | keyof React.RefAttributes<GuiElement>>>, "ref"> & React.RefAttributes<GuiElement>>;
+declare const MenubarSubTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("@hanzo/gui").MenuSubTriggerProps & {
+    scope?: string;
+} & React.RefAttributes<GuiElement> & Partial<Omit<{
+    children: React.ReactNode;
+    textValue?: string;
+    onSelect?: (event?: Event) => void;
+} & {
+    disabled?: boolean;
+    hidden?: boolean;
+    destructive?: boolean;
+    key: string;
+} & {
+    key: string;
+}, "scope" | keyof import("@hanzo/gui").MenuSubTriggerProps | keyof React.RefAttributes<GuiElement>>>, "inset"> & {
+    inset?: boolean;
+}, "ref"> & React.RefAttributes<GuiElement>>;
+declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    size?: import("@hanzogui/web").FontSizeTokens | undefined;
+}>, keyof import("@hanzo/gui").MenuLabelProps> & import("@hanzo/gui").MenuLabelProps & React.RefAttributes<import("@hanzogui/web").GuiTextElement> & Partial<Omit<import("@hanzo/gui").NativeMenuLabelProps, "adjustsFontSizeToFit" | "allowFontScaling" | "android_hyphenationFrequency" | "color" | "dataDetectorType" | "dynamicTypeRamp" | "elevation" | "ellipsis" | "ellipsizeMode" | "fontFamily" | "fontSize" | "fontStyle" | "fontVariant" | "fontWeight" | "includeFontPadding" | "letterSpacing" | "lineBreakMode" | "lineBreakStrategyIOS" | "lineHeight" | "maxFontSizeMultiplier" | "minimumFontScale" | "numberOfLines" | "pressRetentionOffset" | "selectable" | "selectionColor" | "size" | "suppressHighlighting" | "textAlign" | "textAlignVertical" | "textBreakStrategy" | "textDecorationColor" | "textDecorationDistance" | "textDecorationLine" | "textDecorationStyle" | "textOverflow" | "textShadow" | "textShadowColor" | "textShadowOffset" | "textShadowRadius" | "textTransform" | "whiteSpace" | "wordWrap" | "writingDirection" | keyof import("@hanzo/gui").MenuLabelProps | keyof React.RefAttributes<import("@hanzogui/web").GuiTextElement>>>, "inset"> & {
+    inset?: boolean;
+}, "ref"> & React.RefAttributes<GuiElement>>;
+declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    unstyled?: boolean | undefined;
+}>, keyof import("@hanzo/gui").MenuSeparatorProps> & import("@hanzo/gui").MenuSeparatorProps & React.RefAttributes<GuiElement> & Partial<Omit<import("@hanzo/gui").NativeMenuSeparatorProps, keyof import("@hanzo/gui").MenuSeparatorProps | keyof React.RefAttributes<GuiElement>>>, "ref"> & React.RefAttributes<GuiElement>>;
+/** Right-aligned shortcut hint. gui `Text`, not a raw `<span>`, so it renders on native. */
+declare function MenubarShortcut(props: React.ComponentProps<typeof Text>): React.JSX.Element;
+declare const MenubarGroup: typeof Menu.Group;
+declare const MenubarPortal: typeof Menu.Portal;
+declare const MenubarSub: typeof Menu.Sub;
+declare const MenubarRadioGroup: typeof Menu.RadioGroup;
+export { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarCheckboxItem, MenubarRadioItem, MenubarLabel, MenubarSeparator, MenubarShortcut, MenubarGroup, MenubarPortal, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarRadioGroup, };
+//# sourceMappingURL=menubar.d.ts.map

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

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

package/dist/backends/gui/menubar.js

@@ -0,0 +1,177 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Menubar — a persistent row of pull-down menus, the kind a desktop app keeps
+ * across the top of its window (File, Edit, View, ...).
+ *
+ * Each `MenubarMenu` is its own `@hanzo/gui` `Menu`, so a single trigger click
+ * opens a real menu with the full compound surface (items, checkbox items, a
+ * radio group, separators, a label, a submenu) and every a11y/dismiss/typeahead
+ * behaviour that `Menu` already has. What THIS file adds on top, because a row
+ * of independent menus is not yet a menubar, is the coordination between them:
+ * one open menu at a time, hovering a sibling trigger while a menu is open
+ * switches to it instead of requiring a second click, and the arrow keys rove
+ * focus across the triggers (Home/End jump to the first/last). That state lives
+ * in one root context, read by `MenubarTrigger` and `MenubarMenu` — neither
+ * hand-rolls it a second time.
+ *
+ * The rows, checkbox rows, radio rows, label, separator and submenu below are
+ * the same 32px-row, 8px-gutter, 44px-tap design as `dropdown-menu.tsx` and
+ * `context-menu.tsx` — one menu design, not three. `MenubarContent` mounts its
+ * own `Menu.Portal` and re-applies the trigger's resolved theme inside it via
+ * `PortalTheme` (gui portals re-root the subtree, so React theme context does
+ * not otherwise flow there).
+ *
+ * Cross-platform: gui style props only — no Tailwind class strings, no Radix,
+ * no DOM APIs beyond the `data-slot` markers every gui backend component uses
+ * to publish its parts for CSS and tests.
+ */
+import * as React from 'react';
+import { Menu, Text, XStack } from '@hanzo/gui';
+import { Check, ChevronRight, Circle } from '@hanzogui/lucide-icons-2';
+import { touch } from './gesture.js';
+import { ink } from './ink.js';
+import { slot } from './slot.js';
+import { PortalTheme, useThemeName } from '../../product/menu/portal-theme.js';
+// ── Geometry — the one menu design, restated (module-private in the siblings) ──
+const ROW_H = 32;
+const TAP_MIN = 44;
+const ROW_PX = 8;
+const MIN_W = 192;
+const INSET_PL = 32;
+const INDICATOR_SLOT = 14;
+const ICON = 16;
+const BAR_H = 40;
+const panel = {
+    bg: '$panel',
+    borderColor: '$borderColor',
+    borderWidth: 1,
+    rounded: '$4',
+    p: 4,
+    minW: MIN_W,
+    overflow: 'hidden',
+    shadowColor: 'rgba(0,0,0,0.45)',
+    shadowRadius: 20,
+    shadowOffset: { width: 0, height: 10 },
+};
+const row = {
+    items: 'center',
+    gap: ROW_PX,
+    px: ROW_PX,
+    minH: ROW_H,
+    rounded: '$3',
+    select: 'none',
+    cursor: 'pointer',
+    ...touch(ROW_H, TAP_MIN, 'y'),
+    hoverStyle: { bg: '$raised' },
+    focusStyle: { bg: '$raised' },
+    pressStyle: { bg: '$rim' },
+};
+/** Row text style — free-form children go through `ink()` so a bare string renders on native. */
+const label = { size: '$2', color: '$ink' };
+/** Trigger text style — same type scale, medium weight to read as a menu title. */
+const triggerLabel = { size: '$2', color: '$ink', fontWeight: '500' };
+/** Left indicator well shared by checkbox + radio rows. */
+const Indicator = ({ children }) => (_jsx(XStack, { position: "absolute", l: ROW_PX, width: INDICATOR_SLOT, height: INDICATOR_SLOT, items: "center", justify: "center", pointerEvents: "none", children: _jsx(Menu.ItemIndicator, { children: children }) }));
+const MenubarContext = /* @__PURE__ */ React.createContext(null);
+/** Which menu a `MenubarMenu` is, read by its `MenubarTrigger`. */
+const MenubarMenuIdContext = /* @__PURE__ */ React.createContext(null);
+// gui puts popper geometry (`offset`, `placement`) on the `Menu` ROOT, while the
+// compound API puts `sideOffset`/`align` on `Content` — one value, one owner:
+// the root holds it, Content publishes into it via these two contexts, freshly
+// scoped per `MenubarMenu` instance. Same split as `dropdown-menu.tsx`.
+const OffsetContext = /* @__PURE__ */ React.createContext(null);
+const PlacementContext = /* @__PURE__ */ React.createContext(null);
+const DEFAULT_OFFSET = 8;
+function Menubar({ value, defaultValue, onValueChange, children, ...props }) {
+    const [uncontrolled, setUncontrolled] = React.useState(defaultValue);
+    const active = value !== undefined ? value : uncontrolled;
+    const setValue = React.useCallback((next) => {
+        if (value === undefined)
+            setUncontrolled(next);
+        onValueChange?.(next);
+    }, [value, onValueChange]);
+    /** Arrow/Home/End rove the triggers; a live menu follows focus onto the next one. */
+    const onKeyDown = (event) => {
+        if (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key))
+            return;
+        const root = event.currentTarget;
+        const triggers = [...root.querySelectorAll('[data-slot="menubar-trigger"]')];
+        const at = triggers.indexOf(document.activeElement);
+        if (at === -1)
+            return;
+        event.preventDefault();
+        const next = event.key === 'Home'
+            ? 0
+            : event.key === 'End'
+                ? triggers.length - 1
+                : event.key === 'ArrowRight'
+                    ? (at + 1) % triggers.length
+                    : (at - 1 + triggers.length) % triggers.length;
+        triggers[next]?.focus();
+        if (active !== undefined)
+            setValue(triggers[next]?.dataset.menubarValue);
+    };
+    return (_jsx(MenubarContext.Provider, { value: { value: active, setValue }, children: _jsx(XStack, { ...slot('menubar'), role: "menubar", items: "center", gap: 4, p: 4, minH: BAR_H, rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$background", onKeyDown: onKeyDown, ...props, children: children }) }));
+}
+function MenubarMenu({ value, children, ...props }) {
+    const root = React.useContext(MenubarContext);
+    const auto = React.useId();
+    const id = value ?? auto;
+    const [offset, setOffset] = React.useState(DEFAULT_OFFSET);
+    const [placement, setPlacement] = React.useState(undefined);
+    return (_jsx(MenubarMenuIdContext.Provider, { value: id, children: _jsx(OffsetContext.Provider, { value: setOffset, children: _jsx(PlacementContext.Provider, { value: setPlacement, children: _jsx(Menu, { open: root ? root.value === id : undefined, onOpenChange: (open) => root?.setValue(open ? id : undefined), offset: offset, ...(placement ? { placement } : null), ...props, children: children }) }) }) }));
+}
+const MenubarTrigger = /* @__PURE__ */ React.forwardRef(function MenubarTrigger({ children, onMouseEnter, ...props }, ref) {
+    const root = React.useContext(MenubarContext);
+    const id = React.useContext(MenubarMenuIdContext);
+    const open = root != null && id != null && root.value === id;
+    return (_jsx(Menu.Trigger, { ref: ref, ...slot('menubar-trigger'), "data-menubar-value": id ?? undefined, "data-state": open ? 'open' : 'closed', tabIndex: 0, items: "center", select: "none", cursor: "pointer", px: 12, minH: ROW_H, rounded: "$3", bg: open ? '$raised' : 'transparent', hoverStyle: { bg: '$raised' }, focusStyle: { bg: '$raised' }, ...touch(ROW_H, TAP_MIN, 'y'), onMouseEnter: (event) => {
+            if (root?.value !== undefined && id != null)
+                root.setValue(id);
+            onMouseEnter?.(event);
+        }, ...props, children: ink(children, undefined, triggerLabel) }));
+});
+/** `align`, as the suffix of the floating-ui placement string the root's `Menu` reads. */
+const placementFor = (align) => align && align !== 'center' ? `bottom-${align}` : 'bottom';
+const MenubarContent = /* @__PURE__ */ React.forwardRef(function MenubarContent({ sideOffset = DEFAULT_OFFSET, align = 'start', children, ...props }, ref) {
+    const themeName = useThemeName();
+    const setOffset = React.useContext(OffsetContext);
+    const setPlacement = React.useContext(PlacementContext);
+    React.useEffect(() => setOffset?.(sideOffset), [setOffset, sideOffset]);
+    React.useEffect(() => setPlacement?.(placementFor(align)), [setPlacement, align]);
+    return (_jsx(Menu.Portal, { children: _jsx(PortalTheme, { name: themeName, children: _jsx(Menu.Content, { ref: ref, ...slot('menubar-content'), ...panel, ...props, children: children }) }) }));
+});
+const MenubarSubContent = /* @__PURE__ */ React.forwardRef(function MenubarSubContent(props, ref) {
+    return _jsx(Menu.SubContent, { ref: ref, ...slot('menubar-sub-content'), ...panel, ...props });
+});
+const MenubarItem = /* @__PURE__ */ React.forwardRef(function MenubarItem({ inset, variant = 'default', disabled, children, ...props }, ref) {
+    return (_jsx(Menu.Item, { ref: ref, ...slot('menubar-item'), "data-inset": inset, "data-variant": variant, disabled: disabled, ...row, pl: inset ? INSET_PL : ROW_PX, theme: variant === 'destructive' ? 'red' : undefined, opacity: disabled ? 0.5 : 1, cursor: disabled ? 'default' : 'pointer', ...props, children: ink(children, undefined, label) }));
+});
+const MenubarCheckboxItem = /* @__PURE__ */ React.forwardRef(function MenubarCheckboxItem({ children, checked, ...props }, ref) {
+    return (_jsxs(Menu.CheckboxItem, { ref: ref, ...slot('menubar-checkbox-item'), checked: checked, ...row, pl: INSET_PL, ...props, children: [_jsx(Indicator, { children: _jsx(Check, { size: ICON }) }), ink(children, undefined, label)] }));
+});
+const MenubarRadioItem = /* @__PURE__ */ React.forwardRef(function MenubarRadioItem({ children, value, ...props }, ref) {
+    return (_jsxs(Menu.RadioItem, { ref: ref, ...slot('menubar-radio-item'), value: value, ...row, pl: INSET_PL, ...props, children: [_jsx(Indicator, { children: _jsx(Circle, { size: 8, fill: "currentColor" }) }), ink(children, undefined, label)] }));
+});
+const MenubarSubTrigger = /* @__PURE__ */ React.forwardRef(function MenubarSubTrigger({ inset, children, ...props }, ref) {
+    return (_jsxs(Menu.SubTrigger, { ref: ref, ...slot('menubar-sub-trigger'), "data-inset": inset, ...row, pl: inset ? INSET_PL : ROW_PX, ...props, children: [ink(children, undefined, label), _jsx(ChevronRight, { size: ICON, ml: "auto", opacity: 0.6 })] }));
+});
+// ── Static rows ─────────────────────────────────────────────────────────────────
+const MenubarLabel = /* @__PURE__ */ React.forwardRef(function MenubarLabel({ inset, ...props }, ref) {
+    return (_jsx(Menu.Label, { ref: ref, ...slot('menubar-label'), "data-inset": inset, px: ROW_PX, py: 4, pl: inset ? INSET_PL : ROW_PX, fontSize: "$2", fontWeight: "500", color: "$ink", select: "none", ...props }));
+});
+const MenubarSeparator = /* @__PURE__ */ React.forwardRef(function MenubarSeparator(props, ref) {
+    return (_jsx(Menu.Separator, { ref: ref, ...slot('menubar-separator'), height: 1, bg: "$borderColor", mx: 4, my: 4, ...props }));
+});
+/** Right-aligned shortcut hint. gui `Text`, not a raw `<span>`, so it renders on native. */
+function MenubarShortcut(props) {
+    return (_jsx(Text, { ...slot('menubar-shortcut'), ml: "auto", fontSize: "$1", letterSpacing: 1, color: "$quiet", ...props }));
+}
+// ── Passthroughs — the gui part already IS the part ─────────────────────────────
+const MenubarGroup = Menu.Group;
+const MenubarPortal = Menu.Portal;
+const MenubarSub = Menu.Sub;
+const MenubarRadioGroup = Menu.RadioGroup;
+export { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarCheckboxItem, MenubarRadioItem, MenubarLabel, MenubarSeparator, MenubarShortcut, MenubarGroup, MenubarPortal, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarRadioGroup, };
+//# sourceMappingURL=menubar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.js","sourceRoot":"","sources":["../../../src/backends/gui/menubar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAmB,MAAM,YAAY,CAAA;AAChE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAEtE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAE3E,kFAAkF;AAClF,MAAM,KAAK,GAAG,EAAE,CAAA;AAChB,MAAM,OAAO,GAAG,EAAE,CAAA;AAClB,MAAM,MAAM,GAAG,CAAC,CAAA;AAChB,MAAM,KAAK,GAAG,GAAG,CAAA;AACjB,MAAM,QAAQ,GAAG,EAAE,CAAA;AACnB,MAAM,cAAc,GAAG,EAAE,CAAA;AACzB,MAAM,IAAI,GAAG,EAAE,CAAA;AACf,MAAM,KAAK,GAAG,EAAE,CAAA;AAEhB,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,QAAQ;IACZ,WAAW,EAAE,cAAc;IAC3B,WAAW,EAAE,CAAC;IACd,OAAO,EAAE,IAAI;IACb,CAAC,EAAE,CAAC;IACJ,IAAI,EAAE,KAAK;IACX,QAAQ,EAAE,QAAQ;IAClB,WAAW,EAAE,kBAAkB;IAC/B,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;CAC9B,CAAA;AAEV,MAAM,GAAG,GAAG;IACV,KAAK,EAAE,QAAQ;IACf,GAAG,EAAE,MAAM;IACX,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,KAAK;IACX,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,SAAS;IACjB,GAAG,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC;IAC7B,UAAU,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE;IAC7B,UAAU,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE;IAC7B,UAAU,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE;CAClB,CAAA;AAEV,iGAAiG;AACjG,MAAM,KAAK,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAW,CAAA;AACpD,mFAAmF;AACnF,MAAM,YAAY,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAW,CAAA;AAE9E,2DAA2D;AAC3D,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE,CAAC,CACjE,KAAC,MAAM,IACL,QAAQ,EAAC,UAAU,EACnB,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,cAAc,EACtB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,aAAa,EAAC,MAAM,YAEpB,KAAC,IAAI,CAAC,aAAa,cAAE,QAAQ,GAAsB,GAC5C,CACV,CAAA;AAOD,MAAM,cAAc,GAAG,eAAe,CAAC,KAAK,CAAC,aAAa,CAAsB,IAAI,CAAC,CAAA;AACrF,mEAAmE;AACnE,MAAM,oBAAoB,GAAG,eAAe,CAAC,KAAK,CAAC,aAAa,CAAgB,IAAI,CAAC,CAAA;AAErF,iFAAiF;AACjF,8EAA8E;AAC9E,+EAA+E;AAC/E,wEAAwE;AACxE,MAAM,aAAa,GAAG,eAAe,CAAC,KAAK,CAAC,aAAa,CAA+B,IAAI,CAAC,CAAA;AAE7F,MAAM,gBAAgB,GAAG,eAAe,CAAC,KAAK,CAAC,aAAa,CAE1D,IAAI,CAAC,CAAA;AACP,MAAM,cAAc,GAAG,CAAC,CAAA;AASxB,SAAS,OAAO,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgB;IACvF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;IACpE,MAAM,MAAM,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAA;IACzD,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,CAAC,IAAwB,EAAE,EAAE;QAC3B,IAAI,KAAK,KAAK,SAAS;YAAE,eAAe,CAAC,IAAI,CAAC,CAAA;QAC9C,aAAa,EAAE,CAAC,IAAI,CAAC,CAAA;IACvB,CAAC,EACD,CAAC,KAAK,EAAE,aAAa,CAAC,CACvB,CAAA;IAED,qFAAqF;IACrF,MAAM,SAAS,GAAG,CAAC,KAA0B,EAAE,EAAE;QAC/C,IAAI,CAAC,CAAC,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC;YAAE,OAAM;QAC3E,MAAM,IAAI,GAAG,KAAK,CAAC,aAA4B,CAAA;QAC/C,MAAM,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAc,+BAA+B,CAAC,CAAC,CAAA;QACzF,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,aAA4B,CAAC,CAAA;QAClE,IAAI,EAAE,KAAK,CAAC,CAAC;YAAE,OAAM;QACrB,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,MAAM,IAAI,GACR,KAAK,CAAC,GAAG,KAAK,MAAM;YAClB,CAAC,CAAC,CAAC;YACH,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,KAAK;gBACnB,CAAC,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;gBACrB,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,YAAY;oBAC1B,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM;oBAC5B,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAA;QACtD,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAA;QACvB,IAAI,MAAM,KAAK,SAAS;YAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IAC1E,CAAC,CAAA;IAED,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,YACzD,KAAC,MAAM,OACD,IAAI,CAAC,SAAS,CAAC,EACnB,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,QAAQ,EACd,GAAG,EAAE,CAAC,EACN,CAAC,EAAE,CAAC,EACJ,IAAI,EAAE,KAAK,EACX,OAAO,EAAC,IAAI,EACZ,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,cAAc,EAC1B,EAAE,EAAC,aAAa,EAChB,SAAS,EAAE,SAAS,KAChB,KAAK,YAER,QAAQ,GACF,GACe,CAC3B,CAAA;AACH,CAAC;AAOD,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB;IAClE,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAA;IAC7C,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;IAC1B,MAAM,EAAE,GAAG,KAAK,IAAI,IAAI,CAAA;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAA;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAwB,SAAS,CAAC,CAAA;IAClF,OAAO,CACL,KAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YACtC,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,YACtC,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAC5C,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EAC1C,YAAY,EAAE,CAAC,IAAa,EAAE,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,EACtE,MAAM,EAAE,MAAM,KACV,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAClC,KAAK,YAER,QAAQ,GACJ,GACmB,GACL,GACK,CACjC,CAAA;AACH,CAAC;AAKD,MAAM,cAAc,GAEhB,eAAe,CAAC,KAAK,CAAC,UAAU,CAAkC,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACrI,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAA;IAC7C,MAAM,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAA;IACjD,MAAM,IAAI,GAAG,IAAI,IAAI,IAAI,IAAI,EAAE,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE,CAAA;IAC5D,OAAO,CACL,KAAC,IAAI,CAAC,OAAO,IACX,GAAG,EAAE,GAAG,KACJ,IAAI,CAAC,iBAAiB,CAAC,wBAEP,EAAE,IAAI,SAAS,gBACvB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EACpC,QAAQ,EAAE,CAAC,EACX,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,MAAM,EACb,MAAM,EAAC,SAAS,EAChB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,KAAK,EACX,OAAO,EAAC,IAAI,EACZ,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EACpC,UAAU,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAC7B,UAAU,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,KACzB,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,EAC9B,YAAY,EAAE,CAAC,KAAuB,EAAE,EAAE;YACxC,IAAI,IAAI,EAAE,KAAK,KAAK,SAAS,IAAI,EAAE,IAAI,IAAI;gBAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;YAC9D,YAAY,EAAE,CAAC,KAAc,CAAC,CAAA;QAChC,CAAC,KACG,KAAK,YAER,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,YAAY,CAAC,GAC1B,CAChB,CAAA;AACH,CAAC,CAAC,CAAA;AAQF,0FAA0F;AAC1F,MAAM,YAAY,GAAG,CAAC,KAA6C,EAAa,EAAE,CAChF,KAAK,IAAI,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAE,UAAU,KAAK,EAAgB,CAAC,CAAC,CAAE,QAAsB,CAAA;AAE1F,MAAM,cAAc,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CACrD,SAAS,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,EAAE,KAAK,GAAG,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC/F,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;IACjD,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAA;IACvD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;IACvE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAA;IACjF,OAAO,CACL,KAAC,IAAI,CAAC,MAAM,cACV,KAAC,WAAW,IAAC,IAAI,EAAE,SAAS,YAC1B,KAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAE,GAAG,KAAM,IAAI,CAAC,iBAAiB,CAAC,KAAM,KAAK,KAAM,KAAK,YACtE,QAAQ,GACI,GACH,GACF,CACf,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAGxD,SAAS,iBAAiB,CAAC,KAAK,EAAE,GAAG;IACrC,OAAO,KAAC,IAAI,CAAC,UAAU,IAAC,GAAG,EAAE,GAAG,KAAM,IAAI,CAAC,qBAAqB,CAAC,KAAM,KAAK,KAAM,KAAK,GAAI,CAAA;AAC7F,CAAC,CAAC,CAAA;AAWF,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAClD,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACpF,OAAO,CACL,KAAC,IAAI,CAAC,IAAI,IACR,GAAG,EAAE,GAAG,KACJ,IAAI,CAAC,cAAc,CAAC,gBACZ,KAAK,kBACH,OAAO,EACrB,QAAQ,EAAE,QAAQ,KACd,GAAG,EACP,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAC7B,KAAK,EAAE,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACpD,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAC3B,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,KACpC,KAAK,YAER,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,GACtB,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,mBAAmB,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAG1D,SAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACjE,OAAO,CACL,MAAC,IAAI,CAAC,YAAY,IAChB,GAAG,EAAE,GAAG,KACJ,IAAI,CAAC,uBAAuB,CAAC,EACjC,OAAO,EAAE,OAAO,KACZ,GAAG,EACP,EAAE,EAAE,QAAQ,KACR,KAAK,aAET,KAAC,SAAS,cACR,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,GAAI,GACX,EACX,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,IACd,CACrB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAGvD,SAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC5D,OAAO,CACL,MAAC,IAAI,CAAC,SAAS,IACb,GAAG,EAAE,GAAG,KACJ,IAAI,CAAC,oBAAoB,CAAC,EAC9B,KAAK,EAAE,KAAK,KACR,GAAG,EACP,EAAE,EAAE,QAAQ,KACR,KAAK,aAET,KAAC,SAAS,cACR,KAAC,MAAM,IAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,cAAc,GAAG,GAC7B,EACX,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,IACjB,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAGxD,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC7D,OAAO,CACL,MAAC,IAAI,CAAC,UAAU,IACd,GAAG,EAAE,GAAG,KACJ,IAAI,CAAC,qBAAqB,CAAC,gBACnB,KAAK,KACb,GAAG,EACP,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,KACzB,KAAK,aAER,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,EAChC,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,GAAI,IACpC,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,mFAAmF;AACnF,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAGnD,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC9C,OAAO,CACL,KAAC,IAAI,CAAC,KAAK,IACT,GAAG,EAAE,GAAG,KACJ,IAAI,CAAC,eAAe,CAAC,gBACb,KAAK,EACjB,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAC7B,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,KAAK,EAChB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,KACT,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAGvD,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG;IACpC,OAAO,CACL,KAAC,IAAI,CAAC,SAAS,IACb,GAAG,EAAE,GAAG,KACJ,IAAI,CAAC,mBAAmB,CAAC,EAC7B,MAAM,EAAE,CAAC,EACT,EAAE,EAAC,cAAc,EACjB,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,KACD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,4FAA4F;AAC5F,SAAS,eAAe,CAAC,KAAwC;IAC/D,OAAO,CACL,KAAC,IAAI,OAAK,IAAI,CAAC,kBAAkB,CAAC,EAAE,EAAE,EAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,KAAK,KAAK,GAAI,CAC3G,CAAA;AACH,CAAC;AAED,mFAAmF;AACnF,MAAM,YAAY,GAAsB,IAAI,CAAC,KAAK,CAAA;AAClD,MAAM,aAAa,GAAuB,IAAI,CAAC,MAAM,CAAA;AACrD,MAAM,UAAU,GAAoB,IAAI,CAAC,GAAG,CAAA;AAC5C,MAAM,iBAAiB,GAA2B,IAAI,CAAC,UAAU,CAAA;AAEjE,OAAO,EACL,OAAO,EACP,WAAW,EACX,cAAc,EACd,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,YAAY,EACZ,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,GAClB,CAAA"}

package/dist/backends/gui/message-dock.cjs

@@ -0,0 +1,111 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageDock = MessageDock;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * MessageDock — a fixed stack of dismissable status cards, anchored to a
+ * corner or edge of the viewport (`top`, `bottom`, `top-right`, `bottom-right`).
+ *
+ * Unlike `Toaster` (a queue driven through an imperative `toast()` call), a
+ * dock is fully controlled: the caller owns the `messages` array and decides
+ * what survives a close. Each card carries a `type` — `info`, `success`,
+ * `warning` or `error` — that tints its border and background the way
+ * `Banner`'s variant ladder does; an untyped message renders on the plain
+ * surface tokens. `onClose` only reports which id was dismissed, the same
+ * contract `Banner.onClose` uses — the dock itself holds no visibility state.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const ink_1 = require("./ink.cjs");
+const slot_1 = require("./slot.cjs");
+const gesture_1 = require("./gesture.cjs");
+const button_1 = require("./button.cjs");
+const CLOSE = 24;
+const CARD_MIN_WIDTH = 300;
+const CardContext = /* @__PURE__ */ (0, gui_1.createStyledContext)({
+    type: 'default',
+});
+const DockFrame = (0, gui_1.styled)(gui_1.YStack, {
+    name: 'MessageDock',
+    position: 'fixed',
+    gap: '$2',
+    z: 50,
+    // Named `anchor`, not `position`: gui's own `position` prop is the CSS
+    // property (`fixed` above), and a variant sharing that name would fight it —
+    // the same reason `dock.tsx` calls its edge variant `edge`.
+    variants: {
+        anchor: {
+            top: { t: '$4', l: '50%', style: { transform: 'translateX(-50%)' } },
+            bottom: { b: '$4', l: '50%', style: { transform: 'translateX(-50%)' } },
+            'top-right': { t: '$4', r: '$4' },
+            'bottom-right': { b: '$4', r: '$4' },
+        },
+    },
+    defaultVariants: { anchor: 'bottom-right' },
+});
+const CardFrame = (0, gui_1.styled)(gui_1.YStack, {
+    name: 'MessageDockCard',
+    context: CardContext,
+    position: 'relative',
+    minW: CARD_MIN_WIDTH,
+    rounded: '$4',
+    borderWidth: 1,
+    borderColor: '$borderColor',
+    bg: '$background',
+    p: '$4',
+    shadowColor: '$dim',
+    shadowRadius: 16,
+    shadowOpacity: 0.2,
+    variants: {
+        type: {
+            default: {},
+            info: { borderColor: '$blue9', bg: '$blue2' },
+            success: { borderColor: '$green9', bg: '$green2' },
+            warning: { borderColor: '$yellow9', bg: '$yellow2' },
+            error: { borderColor: '$red9', bg: '$red2' },
+        },
+    },
+    defaultVariants: { type: 'default' },
+});
+const CardTitle = (0, gui_1.styled)(gui_1.SizableText, {
+    name: 'MessageDockCardTitle',
+    context: CardContext,
+    render: 'h4',
+    size: '$3',
+    fontWeight: '500',
+    color: '$ink',
+    variants: {
+        type: {
+            default: {},
+            info: { color: '$blue12' },
+            success: { color: '$green12' },
+            warning: { color: '$yellow12' },
+            error: { color: '$red12' },
+        },
+    },
+});
+const CardDescription = (0, gui_1.styled)(gui_1.SizableText, {
+    name: 'MessageDockCardDescription',
+    context: CardContext,
+    render: 'div',
+    size: '$2',
+    mt: '$1',
+    color: '$quiet',
+    variants: {
+        type: {
+            default: {},
+            info: { color: '$blue11' },
+            success: { color: '$green11' },
+            warning: { color: '$yellow11' },
+            error: { color: '$red11' },
+        },
+    },
+});
+function MessageDock({ messages, onClose, position = 'bottom-right', ...props }) {
+    const resolved = position ?? 'bottom-right';
+    return ((0, jsx_runtime_1.jsx)(DockFrame, { ...(0, slot_1.slot)('message-dock'), "data-position": resolved, anchor: resolved, ...props, children: messages.map((message) => {
+            const type = message.type ?? 'default';
+            return ((0, jsx_runtime_1.jsx)(CardFrame, { ...(0, slot_1.slot)('message-dock-card'), "data-message-id": message.id, "data-type": type, type: type, role: "status", children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "flex-start", justify: "space-between", gap: "$4", children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, pr: onClose ? CLOSE : 0, children: [(0, jsx_runtime_1.jsx)(CardTitle, { type: type, ...(0, slot_1.slot)('message-dock-card-title'), children: (0, ink_1.ink)(message.title) }), message.description ? ((0, jsx_runtime_1.jsx)(CardDescription, { type: type, ...(0, slot_1.slot)('message-dock-card-description'), children: (0, ink_1.ink)(message.description) })) : null] }), onClose ? ((0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)('message-dock-card-close'), variant: "ghost", size: "icon", minH: CLOSE, minW: CLOSE, ...(0, gesture_1.touch)(CLOSE), position: "absolute", t: "$3", r: "$3", "aria-label": "Close", onPress: () => onClose(message.id), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, { size: 16 }) })) : null] }) }, message.id));
+        }) }));
+}

package/dist/backends/gui/message-dock.d.ts

@@ -0,0 +1,22 @@
+import type { ComponentProps } from 'react';
+export type MessageDockMessageType = 'info' | 'success' | 'warning' | 'error';
+export type MessageDockMessage = {
+    id: string;
+    type?: MessageDockMessageType;
+    title: string;
+    description?: string;
+};
+export type MessageDockPosition = 'top' | 'bottom' | 'top-right' | 'bottom-right';
+declare const DockFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
+    anchor?: "bottom" | "bottom-right" | "top" | "top-right" | undefined;
+    elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
+    fullscreen?: boolean | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export type MessageDockProps = Omit<ComponentProps<typeof DockFrame>, 'anchor' | 'position' | 'children'> & {
+    messages: MessageDockMessage[];
+    onClose?: (id: string) => void;
+    position?: MessageDockPosition | null;
+};
+declare function MessageDock({ messages, onClose, position, ...props }: MessageDockProps): import("react").JSX.Element;
+export { MessageDock };
+//# sourceMappingURL=message-dock.d.ts.map

package/dist/backends/gui/message-dock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-dock.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/message-dock.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAM3C,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAE7E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,sBAAsB,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,QAAQ,GAAG,WAAW,GAAG,cAAc,CAAA;AASjF,QAAA,MAAM,SAAS;;;;8CAmBb,CAAA;AAuEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC,GAAG;IAC1G,QAAQ,EAAE,kBAAkB,EAAE,CAAA;IAC9B,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;CACtC,CAAA;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAyB,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAiDhG;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/backends/gui/message-dock.js

@@ -0,0 +1,110 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * MessageDock — a fixed stack of dismissable status cards, anchored to a
+ * corner or edge of the viewport (`top`, `bottom`, `top-right`, `bottom-right`).
+ *
+ * Unlike `Toaster` (a queue driven through an imperative `toast()` call), a
+ * dock is fully controlled: the caller owns the `messages` array and decides
+ * what survives a close. Each card carries a `type` — `info`, `success`,
+ * `warning` or `error` — that tints its border and background the way
+ * `Banner`'s variant ladder does; an untyped message renders on the plain
+ * surface tokens. `onClose` only reports which id was dismissed, the same
+ * contract `Banner.onClose` uses — the dock itself holds no visibility state.
+ */
+import { XStack, YStack, SizableText, createStyledContext, styled } from '@hanzo/gui';
+import { X } from '@hanzogui/lucide-icons-2';
+import { ink } from './ink.js';
+import { slot } from './slot.js';
+import { touch } from './gesture.js';
+import { Button } from './button.js';
+const CLOSE = 24;
+const CARD_MIN_WIDTH = 300;
+const CardContext = /* @__PURE__ */ createStyledContext({
+    type: 'default',
+});
+const DockFrame = styled(YStack, {
+    name: 'MessageDock',
+    position: 'fixed',
+    gap: '$2',
+    z: 50,
+    // Named `anchor`, not `position`: gui's own `position` prop is the CSS
+    // property (`fixed` above), and a variant sharing that name would fight it —
+    // the same reason `dock.tsx` calls its edge variant `edge`.
+    variants: {
+        anchor: {
+            top: { t: '$4', l: '50%', style: { transform: 'translateX(-50%)' } },
+            bottom: { b: '$4', l: '50%', style: { transform: 'translateX(-50%)' } },
+            'top-right': { t: '$4', r: '$4' },
+            'bottom-right': { b: '$4', r: '$4' },
+        },
+    },
+    defaultVariants: { anchor: 'bottom-right' },
+});
+const CardFrame = styled(YStack, {
+    name: 'MessageDockCard',
+    context: CardContext,
+    position: 'relative',
+    minW: CARD_MIN_WIDTH,
+    rounded: '$4',
+    borderWidth: 1,
+    borderColor: '$borderColor',
+    bg: '$background',
+    p: '$4',
+    shadowColor: '$dim',
+    shadowRadius: 16,
+    shadowOpacity: 0.2,
+    variants: {
+        type: {
+            default: {},
+            info: { borderColor: '$blue9', bg: '$blue2' },
+            success: { borderColor: '$green9', bg: '$green2' },
+            warning: { borderColor: '$yellow9', bg: '$yellow2' },
+            error: { borderColor: '$red9', bg: '$red2' },
+        },
+    },
+    defaultVariants: { type: 'default' },
+});
+const CardTitle = styled(SizableText, {
+    name: 'MessageDockCardTitle',
+    context: CardContext,
+    render: 'h4',
+    size: '$3',
+    fontWeight: '500',
+    color: '$ink',
+    variants: {
+        type: {
+            default: {},
+            info: { color: '$blue12' },
+            success: { color: '$green12' },
+            warning: { color: '$yellow12' },
+            error: { color: '$red12' },
+        },
+    },
+});
+const CardDescription = styled(SizableText, {
+    name: 'MessageDockCardDescription',
+    context: CardContext,
+    render: 'div',
+    size: '$2',
+    mt: '$1',
+    color: '$quiet',
+    variants: {
+        type: {
+            default: {},
+            info: { color: '$blue11' },
+            success: { color: '$green11' },
+            warning: { color: '$yellow11' },
+            error: { color: '$red11' },
+        },
+    },
+});
+function MessageDock({ messages, onClose, position = 'bottom-right', ...props }) {
+    const resolved = position ?? 'bottom-right';
+    return (_jsx(DockFrame, { ...slot('message-dock'), "data-position": resolved, anchor: resolved, ...props, children: messages.map((message) => {
+            const type = message.type ?? 'default';
+            return (_jsx(CardFrame, { ...slot('message-dock-card'), "data-message-id": message.id, "data-type": type, type: type, role: "status", children: _jsxs(XStack, { items: "flex-start", justify: "space-between", gap: "$4", children: [_jsxs(YStack, { flex: 1, pr: onClose ? CLOSE : 0, children: [_jsx(CardTitle, { type: type, ...slot('message-dock-card-title'), children: ink(message.title) }), message.description ? (_jsx(CardDescription, { type: type, ...slot('message-dock-card-description'), children: ink(message.description) })) : null] }), onClose ? (_jsx(Button, { ...slot('message-dock-card-close'), variant: "ghost", size: "icon", minH: CLOSE, minW: CLOSE, ...touch(CLOSE), position: "absolute", t: "$3", r: "$3", "aria-label": "Close", onPress: () => onClose(message.id), children: _jsx(X, { size: 16 }) })) : null] }) }, message.id));
+        }) }));
+}
+export { MessageDock };
+//# sourceMappingURL=message-dock.js.map

package/dist/backends/gui/message-dock.js.map

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

package/dist/backends/gui/mini-calendar.cjs

@@ -0,0 +1,25 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MiniCalendar = MiniCalendar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * MiniCalendar — a single compact month, framed, for picking one day.
+ *
+ * A thin shell around `Calendar` (`mode="single"`, one month, no outside days):
+ * the month arithmetic, the day grid, and the keyboard already live there, so
+ * this only fixes the shape a small inline picker needs — a 256px bordered
+ * frame — and narrows the props to the one date a caller actually gets back.
+ * `month`/`onMonthChange` pass straight through for a caller that pages the
+ * view without changing the pick.
+ */
+const gui_1 = require("@hanzo/gui");
+const sx_1 = require("../../sx.cjs");
+const calendar_1 = require("./calendar.cjs");
+const slot_1 = require("./slot.cjs");
+function MiniCalendar({ className, selected, onSelect, month, onMonthChange, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('mini-calendar'), width: 256, borderWidth: 1, borderColor: "$borderColor", rounded: "$4", ...(0, sx_1.sx)(className), ...props, children: (0, jsx_runtime_1.jsx)(calendar_1.Calendar, { mode: "single", showOutsideDays: false, selected: selected, 
+            // A pick always hands back a day; re-pressing the selected day is a
+            // no-op rather than the full Calendar's clear-on-repeat.
+            onSelect: (date) => date && onSelect?.(date), month: month, onMonthChange: onMonthChange }) }));
+}

package/dist/backends/gui/mini-calendar.d.ts

@@ -0,0 +1,22 @@
+/**
+ * MiniCalendar — a single compact month, framed, for picking one day.
+ *
+ * A thin shell around `Calendar` (`mode="single"`, one month, no outside days):
+ * the month arithmetic, the day grid, and the keyboard already live there, so
+ * this only fixes the shape a small inline picker needs — a 256px bordered
+ * frame — and narrows the props to the one date a caller actually gets back.
+ * `month`/`onMonthChange` pass straight through for a caller that pages the
+ * view without changing the pick.
+ */
+import { type YStackProps } from '@hanzo/gui';
+export interface MiniCalendarProps extends Omit<YStackProps, 'onSelect'> {
+    /** The picked day. */
+    selected?: Date;
+    onSelect?: (date: Date) => void;
+    /** The month shown, controlled. Uncontrolled starts at today's. */
+    month?: Date;
+    onMonthChange?: (month: Date) => void;
+}
+declare function MiniCalendar({ className, selected, onSelect, month, onMonthChange, ...props }: MiniCalendarProps): import("react").JSX.Element;
+export { MiniCalendar };
+//# sourceMappingURL=mini-calendar.d.ts.map

package/dist/backends/gui/mini-calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mini-calendar.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/mini-calendar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAMrD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IACtE,sBAAsB;IACtB,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,mEAAmE;IACnE,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAA;CACtC;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAuBzG;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}