@luxfi/ui 8.0.0 → 8.1.0

package/dist/magnetic.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface MagneticProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    strength?: number;
+}
+declare const Magnetic: React.ForwardRefExoticComponent<MagneticProps & React.RefAttributes<HTMLDivElement>>;
+export { Magnetic };
+//# sourceMappingURL=magnetic.d.ts.map

package/dist/magnetic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"magnetic.d.ts","sourceRoot":"","sources":["../src/magnetic.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,QAAQ,sFAsCb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/magnetic.js

@@ -0,0 +1,41 @@
+"use client";
+import * as React from 'react';
+import { Box, cn } from '@hanzo/ui';
+import { jsx } from 'react/jsx-runtime';
+
+var Magnetic = React.forwardRef(
+  ({ className, children, strength = 0.3, ...props }, ref) => {
+    const [position, setPosition] = React.useState({ x: 0, y: 0 });
+    const elementRef = React.useRef(null);
+    const handleMouseMove = (e) => {
+      const element = elementRef.current;
+      if (!element) return;
+      const rect = element.getBoundingClientRect();
+      const centerX = rect.left + rect.width / 2;
+      const centerY = rect.top + rect.height / 2;
+      const deltaX = (e.clientX - centerX) * strength;
+      const deltaY = (e.clientY - centerY) * strength;
+      setPosition({ x: deltaX, y: deltaY });
+    };
+    const handleMouseLeave = () => {
+      setPosition({ x: 0, y: 0 });
+    };
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        ref: elementRef,
+        className: cn("transition-transform", className),
+        style: {
+          transform: `translate(${position.x}px, ${position.y}px)`
+        },
+        onMouseMove: handleMouseMove,
+        onMouseLeave: handleMouseLeave,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Magnetic.displayName = "Magnetic";
+
+export { Magnetic };

package/dist/market-overview.cjs

@@ -0,0 +1,102 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function MarketOverview() {
+  const container = react.useRef(null);
+  react.useEffect(() => {
+    if (!container.current) return;
+    if (container.current.dataset.initialized === "true") {
+      return;
+    }
+    container.current.dataset.initialized = "true";
+    const script = document.createElement("script");
+    script.src = "https://s3.tradingview.com/external-embedding/embed-widget-market-overview.js";
+    script.type = "text/javascript";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      colorTheme: "dark",
+      dateRange: "12M",
+      locale: "en",
+      largeChartUrl: "",
+      isTransparent: false,
+      showFloatingTooltip: false,
+      plotLineColorGrowing: "rgba(41, 98, 255, 1)",
+      plotLineColorFalling: "rgba(41, 98, 255, 1)",
+      gridLineColor: "rgba(240, 243, 250, 0)",
+      scaleFontColor: "#DBDBDB",
+      belowLineFillColorGrowing: "rgba(41, 98, 255, 0.12)",
+      belowLineFillColorFalling: "rgba(41, 98, 255, 0.12)",
+      belowLineFillColorGrowingBottom: "rgba(41, 98, 255, 0)",
+      belowLineFillColorFallingBottom: "rgba(41, 98, 255, 0)",
+      symbolActiveColor: "rgba(41, 98, 255, 0.12)",
+      tabs: [
+        {
+          title: "Indices",
+          symbols: [
+            { s: "FOREXCOM:SPXUSD", d: "S&P 500 Index" },
+            { s: "FOREXCOM:NSXUSD", d: "US 100 Cash CFD" },
+            { s: "FOREXCOM:DJI", d: "Dow Jones Industrial Average Index" },
+            { s: "INDEX:NKY", d: "Japan 225" },
+            { s: "INDEX:DEU40", d: "DAX Index" },
+            { s: "FOREXCOM:UKXGBP", d: "FTSE 100 Index" }
+          ],
+          originalTitle: "Indices"
+        },
+        {
+          title: "Futures",
+          symbols: [
+            { s: "BMFBOVESPA:ISP1!", d: "S&P 500" },
+            { s: "BMFBOVESPA:EUR1!", d: "Euro" },
+            { s: "CMCMARKETS:GOLD", d: "Gold" },
+            { s: "PYTH:WTI3!", d: "WTI Crude Oil" },
+            { s: "BMFBOVESPA:CCM1!", d: "Corn" }
+          ],
+          originalTitle: "Futures"
+        },
+        {
+          title: "Bonds",
+          symbols: [
+            { s: "EUREX:FGBL1!", d: "Euro Bund" },
+            { s: "EUREX:FBTP1!", d: "Euro BTP" },
+            { s: "EUREX:FGBM1!", d: "Euro BOBL" }
+          ],
+          originalTitle: "Bonds"
+        },
+        {
+          title: "Forex",
+          symbols: [
+            { s: "FX:EURUSD", d: "EUR to USD" },
+            { s: "FX:GBPUSD", d: "GBP to USD" },
+            { s: "FX:USDJPY", d: "USD to JPY" },
+            { s: "FX:USDCHF", d: "USD to CHF" },
+            { s: "FX:AUDUSD", d: "AUD to USD" },
+            { s: "FX:USDCAD", d: "USD to CAD" }
+          ],
+          originalTitle: "Forex"
+        }
+      ],
+      support_host: "https://www.tradingview.com",
+      backgroundColor: "#0f0f0f",
+      width: "100%",
+      height: "550",
+      showSymbolLogo: true,
+      showChart: true
+    });
+    container.current.appendChild(script);
+    return () => {
+      if (container.current) {
+        delete container.current.dataset.initialized;
+        const scripts = container.current.querySelectorAll("script");
+        scripts.forEach((s) => s.remove());
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "tradingview-widget-container w-full", ref: container, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "tradingview-widget-container__widget" }) });
+}
+var market_overview_default = react.memo(MarketOverview);
+
+module.exports = market_overview_default;

package/dist/market-overview.d.ts

@@ -0,0 +1,4 @@
+declare function MarketOverview(): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof MarketOverview>;
+export default _default;
+//# sourceMappingURL=market-overview.d.ts.map

package/dist/market-overview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"market-overview.d.ts","sourceRoot":"","sources":["../src/market-overview.tsx"],"names":[],"mappings":"AAKA,iBAAS,cAAc,4CA4GtB;;AAED,wBAAmC"}

package/dist/market-overview.js

@@ -0,0 +1,100 @@
+"use client";
+import { memo, useRef, useEffect } from 'react';
+import { Box } from '@hanzo/ui';
+import { jsx } from 'react/jsx-runtime';
+
+function MarketOverview() {
+  const container = useRef(null);
+  useEffect(() => {
+    if (!container.current) return;
+    if (container.current.dataset.initialized === "true") {
+      return;
+    }
+    container.current.dataset.initialized = "true";
+    const script = document.createElement("script");
+    script.src = "https://s3.tradingview.com/external-embedding/embed-widget-market-overview.js";
+    script.type = "text/javascript";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      colorTheme: "dark",
+      dateRange: "12M",
+      locale: "en",
+      largeChartUrl: "",
+      isTransparent: false,
+      showFloatingTooltip: false,
+      plotLineColorGrowing: "rgba(41, 98, 255, 1)",
+      plotLineColorFalling: "rgba(41, 98, 255, 1)",
+      gridLineColor: "rgba(240, 243, 250, 0)",
+      scaleFontColor: "#DBDBDB",
+      belowLineFillColorGrowing: "rgba(41, 98, 255, 0.12)",
+      belowLineFillColorFalling: "rgba(41, 98, 255, 0.12)",
+      belowLineFillColorGrowingBottom: "rgba(41, 98, 255, 0)",
+      belowLineFillColorFallingBottom: "rgba(41, 98, 255, 0)",
+      symbolActiveColor: "rgba(41, 98, 255, 0.12)",
+      tabs: [
+        {
+          title: "Indices",
+          symbols: [
+            { s: "FOREXCOM:SPXUSD", d: "S&P 500 Index" },
+            { s: "FOREXCOM:NSXUSD", d: "US 100 Cash CFD" },
+            { s: "FOREXCOM:DJI", d: "Dow Jones Industrial Average Index" },
+            { s: "INDEX:NKY", d: "Japan 225" },
+            { s: "INDEX:DEU40", d: "DAX Index" },
+            { s: "FOREXCOM:UKXGBP", d: "FTSE 100 Index" }
+          ],
+          originalTitle: "Indices"
+        },
+        {
+          title: "Futures",
+          symbols: [
+            { s: "BMFBOVESPA:ISP1!", d: "S&P 500" },
+            { s: "BMFBOVESPA:EUR1!", d: "Euro" },
+            { s: "CMCMARKETS:GOLD", d: "Gold" },
+            { s: "PYTH:WTI3!", d: "WTI Crude Oil" },
+            { s: "BMFBOVESPA:CCM1!", d: "Corn" }
+          ],
+          originalTitle: "Futures"
+        },
+        {
+          title: "Bonds",
+          symbols: [
+            { s: "EUREX:FGBL1!", d: "Euro Bund" },
+            { s: "EUREX:FBTP1!", d: "Euro BTP" },
+            { s: "EUREX:FGBM1!", d: "Euro BOBL" }
+          ],
+          originalTitle: "Bonds"
+        },
+        {
+          title: "Forex",
+          symbols: [
+            { s: "FX:EURUSD", d: "EUR to USD" },
+            { s: "FX:GBPUSD", d: "GBP to USD" },
+            { s: "FX:USDJPY", d: "USD to JPY" },
+            { s: "FX:USDCHF", d: "USD to CHF" },
+            { s: "FX:AUDUSD", d: "AUD to USD" },
+            { s: "FX:USDCAD", d: "USD to CAD" }
+          ],
+          originalTitle: "Forex"
+        }
+      ],
+      support_host: "https://www.tradingview.com",
+      backgroundColor: "#0f0f0f",
+      width: "100%",
+      height: "550",
+      showSymbolLogo: true,
+      showChart: true
+    });
+    container.current.appendChild(script);
+    return () => {
+      if (container.current) {
+        delete container.current.dataset.initialized;
+        const scripts = container.current.querySelectorAll("script");
+        scripts.forEach((s) => s.remove());
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(Box, { className: "tradingview-widget-container w-full", ref: container, children: /* @__PURE__ */ jsx(Box, { className: "tradingview-widget-container__widget" }) });
+}
+var market_overview_default = memo(MarketOverview);
+
+export { market_overview_default as default };

package/dist/marquee.cjs

@@ -0,0 +1,67 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Marquee = React__namespace.forwardRef(
+  ({
+    className,
+    children,
+    repeat = 2,
+    reverse = false,
+    pauseOnHover = false,
+    vertical = false,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Box,
+      {
+        ref,
+        className: ui.cn(
+          "group flex overflow-hidden",
+          vertical ? "flex-col" : "flex-row",
+          className
+        ),
+        ...props,
+        children: Array.from({ length: repeat }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Box,
+          {
+            className: ui.cn(
+              "flex shrink-0",
+              vertical ? "animate-marquee-vertical flex-col" : "animate-marquee",
+              reverse && (vertical ? "[animation-direction:reverse]" : "[animation-direction:reverse]"),
+              pauseOnHover && "group-hover:[animation-play-state:paused]"
+            ),
+            children
+          },
+          i
+        ))
+      }
+    );
+  }
+);
+Marquee.displayName = "Marquee";
+
+exports.Marquee = Marquee;

package/dist/marquee.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export interface MarqueeProps extends React.HTMLAttributes<HTMLDivElement> {
+    repeat?: number;
+    reverse?: boolean;
+    pauseOnHover?: boolean;
+    vertical?: boolean;
+}
+declare const Marquee: React.ForwardRefExoticComponent<MarqueeProps & React.RefAttributes<HTMLDivElement>>;
+export { Marquee };
+//# sourceMappingURL=marquee.d.ts.map

package/dist/marquee.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marquee.d.ts","sourceRoot":"","sources":["../src/marquee.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,OAAO,qFA4CZ,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/marquee.js

@@ -0,0 +1,45 @@
+"use client";
+import * as React from 'react';
+import { Box, cn } from '@hanzo/ui';
+import { jsx } from 'react/jsx-runtime';
+
+var Marquee = React.forwardRef(
+  ({
+    className,
+    children,
+    repeat = 2,
+    reverse = false,
+    pauseOnHover = false,
+    vertical = false,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        ref,
+        className: cn(
+          "group flex overflow-hidden",
+          vertical ? "flex-col" : "flex-row",
+          className
+        ),
+        ...props,
+        children: Array.from({ length: repeat }).map((_, i) => /* @__PURE__ */ jsx(
+          Box,
+          {
+            className: cn(
+              "flex shrink-0",
+              vertical ? "animate-marquee-vertical flex-col" : "animate-marquee",
+              reverse && (vertical ? "[animation-direction:reverse]" : "[animation-direction:reverse]"),
+              pauseOnHover && "group-hover:[animation-play-state:paused]"
+            ),
+            children
+          },
+          i
+        ))
+      }
+    );
+  }
+);
+Marquee.displayName = "Marquee";
+
+export { Marquee };

package/dist/menu-dock.cjs

@@ -0,0 +1,64 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var MenuDock = React__namespace.forwardRef(
+  ({ className, items, orientation = "horizontal", ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Box,
+      {
+        ref,
+        className: ui.cn(
+          "flex gap-2 rounded-full border bg-background/95 p-2 shadow-lg backdrop-blur",
+          orientation === "vertical" ? "flex-col" : "flex-row",
+          className
+        ),
+        ...props,
+        children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Box,
+          {
+            tag: "button",
+            onClick: item.onClick,
+            className: ui.cn(
+              "group relative flex items-center justify-center rounded-full p-3 transition-colors hover:bg-accent",
+              item.active && "bg-primary text-primary-foreground hover:bg-primary/90"
+            ),
+            title: item.label,
+            children: [
+              item.icon,
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "sr-only", children: item.label }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "absolute -top-8 left-1/2 -translate-x-1/2 whitespace-nowrap rounded bg-popover px-2 py-1 text-xs text-popover-foreground opacity-0 transition-opacity group-hover:opacity-100", children: item.label })
+            ]
+          },
+          index
+        ))
+      }
+    );
+  }
+);
+MenuDock.displayName = "MenuDock";
+
+exports.MenuDock = MenuDock;

package/dist/menu-dock.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+export interface MenuDockItem {
+    icon: React.ReactNode;
+    label: string;
+    onClick?: () => void;
+    active?: boolean;
+}
+export interface MenuDockProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: MenuDockItem[];
+    orientation?: "horizontal" | "vertical";
+}
+declare const MenuDock: React.ForwardRefExoticComponent<MenuDockProps & React.RefAttributes<HTMLDivElement>>;
+export { MenuDock };
+//# sourceMappingURL=menu-dock.d.ts.map

package/dist/menu-dock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-dock.d.ts","sourceRoot":"","sources":["../src/menu-dock.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC;AAED,QAAA,MAAM,QAAQ,sFAiCb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/menu-dock.js

@@ -0,0 +1,42 @@
+"use client";
+import * as React from 'react';
+import { Box, cn } from '@hanzo/ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var MenuDock = React.forwardRef(
+  ({ className, items, orientation = "horizontal", ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        ref,
+        className: cn(
+          "flex gap-2 rounded-full border bg-background/95 p-2 shadow-lg backdrop-blur",
+          orientation === "vertical" ? "flex-col" : "flex-row",
+          className
+        ),
+        ...props,
+        children: items.map((item, index) => /* @__PURE__ */ jsxs(
+          Box,
+          {
+            tag: "button",
+            onClick: item.onClick,
+            className: cn(
+              "group relative flex items-center justify-center rounded-full p-3 transition-colors hover:bg-accent",
+              item.active && "bg-primary text-primary-foreground hover:bg-primary/90"
+            ),
+            title: item.label,
+            children: [
+              item.icon,
+              /* @__PURE__ */ jsx(Box, { tag: "span", className: "sr-only", children: item.label }),
+              /* @__PURE__ */ jsx(Box, { tag: "span", className: "absolute -top-8 left-1/2 -translate-x-1/2 whitespace-nowrap rounded bg-popover px-2 py-1 text-xs text-popover-foreground opacity-0 transition-opacity group-hover:opacity-100", children: item.label })
+            ]
+          },
+          index
+        ))
+      }
+    );
+  }
+);
+MenuDock.displayName = "MenuDock";
+
+export { MenuDock };

package/dist/menubar.cjs

@@ -0,0 +1,116 @@
+"use client";
+'use strict';
+
+var gui = require('@hanzo/gui');
+var ui = require('@hanzo/ui');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var BarContext = react.createContext(null);
+function Menubar({ children, ...rest }) {
+  const [open, setOpen] = react.useState(null);
+  return /* @__PURE__ */ jsxRuntime.jsx(BarContext.Provider, { value: { open, setOpen }, children: /* @__PURE__ */ jsxRuntime.jsx(
+    gui.XStack,
+    {
+      role: "menubar",
+      items: "center",
+      gap: 4,
+      p: 4,
+      rounded: "var(--radius-md, 0.5rem)",
+      borderWidth: 1,
+      borderColor: "var(--color-border-divider)",
+      bg: "var(--color-bg-primary)",
+      ...rest,
+      children
+    }
+  ) });
+}
+var seq = 0;
+function MenubarMenu({ children }) {
+  const bar = react.useContext(BarContext);
+  const [id] = react.useState(() => `menubar-${seq += 1}`);
+  const [own, setOwn] = react.useState(false);
+  const open = bar ? bar.open === id : own;
+  const setOpen = (next) => bar ? bar.setOpen(next ? id : null) : setOwn(next);
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenu, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntime.jsx(MenuIdContext.Provider, { value: { id, open, setOpen }, children }) });
+}
+var MenuIdContext = react.createContext(null);
+function MenubarTrigger({ children, ...rest }) {
+  const bar = react.useContext(BarContext);
+  const menu = react.useContext(MenuIdContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    gui.XStack,
+    {
+      role: "menuitem",
+      items: "center",
+      px: 12,
+      height: 32,
+      rounded: "var(--radius-sm, 0.375rem)",
+      cursor: "pointer",
+      bg: menu?.open ? "var(--color-accent-bg)" : "transparent",
+      style: { color: menu?.open ? "var(--color-accent-fg)" : "var(--color-text-primary)" },
+      hoverStyle: { backgroundColor: "var(--color-hover)" },
+      onMouseEnter: () => {
+        if (bar?.open && menu && bar.open !== menu.id) bar.setOpen(menu.id);
+      },
+      ...rest,
+      children
+    }
+  ) });
+}
+
+Object.defineProperty(exports, "MenubarCheckboxItem", {
+  enumerable: true,
+  get: function () { return ui.DropdownMenuCheckboxItem; }
+});
+Object.defineProperty(exports, "MenubarContent", {
+  enumerable: true,
+  get: function () { return ui.DropdownMenuContent; }
+});
+Object.defineProperty(exports, "MenubarGroup", {
+  enumerable: true,
+  get: function () { return ui.DropdownMenuGroup; }
+});
+Object.defineProperty(exports, "MenubarItem", {
+  enumerable: true,
+  get: function () { return ui.DropdownMenuItem; }
+});
+Object.defineProperty(exports, "MenubarLabel", {
+  enumerable: true,
+  get: function () { return ui.DropdownMenuLabel; }
+});
+Object.defineProperty(exports, "MenubarPortal", {
+  enumerable: true,
+  get: function () { return ui.DropdownMenuPortal; }
+});
+Object.defineProperty(exports, "MenubarRadioGroup", {
+  enumerable: true,
+  get: function () { return ui.DropdownMenuRadioGroup; }
+});
+Object.defineProperty(exports, "MenubarRadioItem", {
+  enumerable: true,
+  get: function () { return ui.DropdownMenuRadioItem; }
+});
+Object.defineProperty(exports, "MenubarSeparator", {
+  enumerable: true,
+  get: function () { return ui.DropdownMenuSeparator; }
+});
+Object.defineProperty(exports, "MenubarShortcut", {
+  enumerable: true,
+  get: function () { return ui.DropdownMenuShortcut; }
+});
+Object.defineProperty(exports, "MenubarSub", {
+  enumerable: true,
+  get: function () { return ui.DropdownMenuSub; }
+});
+Object.defineProperty(exports, "MenubarSubContent", {
+  enumerable: true,
+  get: function () { return ui.DropdownMenuSubContent; }
+});
+Object.defineProperty(exports, "MenubarSubTrigger", {
+  enumerable: true,
+  get: function () { return ui.DropdownMenuSubTrigger; }
+});
+exports.Menubar = Menubar;
+exports.MenubarMenu = MenubarMenu;
+exports.MenubarTrigger = MenubarTrigger;

package/dist/menubar.d.ts

@@ -0,0 +1,30 @@
+/**
+ * A menubar is a row of menus.
+ *
+ * What it adds over a row of dropdowns is one behaviour: once a menu is open,
+ * POINTING at a sibling opens it, without a click. Everything else a menubar
+ * does — open state, click-away, keyboard navigation, portalling — is what
+ * `DropdownMenu` does, so the rest of this file is that menu under the names a
+ * menubar uses.
+ */
+import { XStack } from '@hanzo/gui';
+import { DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger } from '@hanzo/ui';
+import { type ComponentProps, type ReactNode } from 'react';
+export declare function Menubar({ children, ...rest }: ComponentProps<typeof XStack>): import("react/jsx-runtime").JSX.Element;
+/**
+ * One menu in the bar.
+ *
+ * Controlled by the bar when it is inside one, and self-controlled when it is
+ * not — so a `MenubarMenu` lifted out of a `Menubar` still opens, rather than
+ * silently doing nothing.
+ */
+export declare function MenubarMenu({ children }: {
+    readonly children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * The label you click — and, once any menu in the bar is open, the label you
+ * only have to point at. That is the single thing a menubar adds.
+ */
+export declare function MenubarTrigger({ children, ...rest }: ComponentProps<typeof XStack>): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenuCheckboxItem as MenubarCheckboxItem, DropdownMenuContent as MenubarContent, DropdownMenuGroup as MenubarGroup, DropdownMenuItem as MenubarItem, DropdownMenuLabel as MenubarLabel, DropdownMenuPortal as MenubarPortal, DropdownMenuRadioGroup as MenubarRadioGroup, DropdownMenuRadioItem as MenubarRadioItem, DropdownMenuSeparator as MenubarSeparator, DropdownMenuShortcut as MenubarShortcut, DropdownMenuSub as MenubarSub, DropdownMenuSubContent as MenubarSubContent, DropdownMenuSubTrigger as MenubarSubTrigger, };
+//# sourceMappingURL=menubar.d.ts.map

package/dist/menubar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../src/menubar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAEL,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EAEvB,MAAM,WAAW,CAAA;AAClB,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAcd,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,2CAmB3E;AAID;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,2CAa1E;AAQD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,2CA2BlF;AAGD,OAAO,EACL,wBAAwB,IAAI,mBAAmB,EAC/C,mBAAmB,IAAI,cAAc,EACrC,iBAAiB,IAAI,YAAY,EACjC,gBAAgB,IAAI,WAAW,EAC/B,iBAAiB,IAAI,YAAY,EACjC,kBAAkB,IAAI,aAAa,EACnC,sBAAsB,IAAI,iBAAiB,EAC3C,qBAAqB,IAAI,gBAAgB,EACzC,qBAAqB,IAAI,gBAAgB,EACzC,oBAAoB,IAAI,eAAe,EACvC,eAAe,IAAI,UAAU,EAC7B,sBAAsB,IAAI,iBAAiB,EAC3C,sBAAsB,IAAI,iBAAiB,GAC5C,CAAA"}