@hanzo/ui 8.0.25 → 8.0.27

package/dist/chunk-DC52DQ27.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/product/menu/portal-theme.tsx","../src/backends/gui/dropdown-menu.tsx"],"names":["jsx","Theme","XStack","Menu","React","jsxs","YStack","Text","Check","ChevronRight","DropdownMenuContent","useThemeName","DropdownMenuSubContent","DropdownMenuItem","DropdownMenuCheckboxItem","DropdownMenuRadioItem","Circle","DropdownMenuSubTrigger","DropdownMenuLabel","DropdownMenuSeparator"],"mappings":"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","file":"chunk-DC52DQ27.cjs","sourcesContent":["'use client'\n\n/**\n * PortalTheme — the ONE fix for \"themed content escapes its theme through a portal\".\n *\n * @hanzo/gui's `Popover.Content` and `Portal` render their children in a SEPARATE\n * React subtree (a Gorhom-style portal host mounted at the app root), NOT via\n * `ReactDOM.createPortal`. React context therefore does NOT flow from the trigger's\n * location to the host. Under a nested `<Theme name=\"dark\">` the portaled content\n * lands OUTSIDE that theme context and Tamagui throws \"Missing theme\" (or renders\n * unthemed).\n *\n * The fix is two-part and must stay two-part:\n *   1. At the TRIGGER site (theme context still available) capture the resolved\n *      theme name with `useThemeName()`.\n *   2. INSIDE the portaled content re-apply it: `<PortalTheme name={captured}>`.\n *\n * Every portal-backed menu in this package (DropdownMenu, ContextMenu, SelectMenu,\n * ComboBox) uses this so a menu renders identically whether it is opened under the\n * root theme or under any nested `<Theme>`, light or dark.\n */\nimport type { ReactNode } from 'react'\nimport { Theme, useThemeName } from '@hanzo/gui'\n\n/** Capture the current resolved theme name at the trigger site. Re-exported so the\n *  capture + re-apply pair reads from one module. */\nexport { useThemeName }\n\nexport function PortalTheme({ name, children }: { name: string; children: ReactNode }) {\n  // `name` is the resolved theme name (e.g. \"dark\", or a compound \"dark_purple\").\n  // Tamagui's `Theme` accepts the resolved name and reconstructs the context.\n  return <Theme name={name as never}>{children}</Theme>\n}\n","\"use client\"\n\n/**\n * DropdownMenu — the ONE compound menu, native to @hanzo/gui.\n *\n * @hanzogui/menu already ships the whole compound surface (Root/Trigger/Portal/\n * Content/Group/Label/Item/CheckboxItem/RadioGroup/RadioItem/ItemIndicator/\n * Separator/Sub/SubTrigger/SubContent) with the a11y, roving focus, popper\n * placement and dismiss behaviour. This file only FLATTENS `Menu.X` into the 15\n * `DropdownMenuX` names and dresses them in the Hanzo tokens, so there is one\n * menu component rather than two shapes of the same idea.\n *\n * Cross-platform: gui style props only — no Tailwind class strings, no Radix, no\n * DOM APIs. Rows are 32px tall (the design density) with a 6px vertical `hitSlop`\n * so the real tap target is 44px on touch hosts.\n *\n * `DropdownMenuContent` mounts its OWN `Menu.Portal`, so callers never wrap it —\n * and re-applies the trigger's resolved theme inside the portal via `PortalTheme`\n * (gui portals re-root the subtree, so React theme context does not flow).\n */\nimport * as React from \"react\"\nimport { Menu, Text, XStack, YStack, type GuiElement } from \"@hanzo/gui\"\nimport { Check, ChevronRight, Circle } from \"@hanzogui/lucide-icons-2\"\n\nimport type { MenuItemSpec } from \"../../product/menu/items\"\nimport { PortalTheme, useThemeName } from \"../../product/menu/portal-theme\"\n\n// ── Geometry — literal px on the 8-grid; 32px row + 6px hitSlop = 44px tap ──────\nconst ROW_H = 32\nconst TAP_MIN = 44\nconst HIT_SLOP = {\n  top: (TAP_MIN - ROW_H) / 2,\n  bottom: (TAP_MIN - ROW_H) / 2,\n  left: 0,\n  right: 0,\n}\nconst ROW_PX = 8\nconst INSET_PL = 32\nconst INDICATOR_SLOT = 14\nconst ICON = 16\n\nconst panel = {\n  bg: \"$color2\",\n  borderColor: \"$borderColor\",\n  borderWidth: 1,\n  rounded: \"$4\",\n  p: 4,\n  minW: 128,\n  overflow: \"hidden\",\n  shadowColor: \"rgba(0,0,0,0.45)\",\n  shadowRadius: 20,\n  shadowOffset: { width: 0, height: 10 },\n} as const\n\nconst row = {\n  items: \"center\",\n  gap: ROW_PX,\n  px: ROW_PX,\n  minH: ROW_H,\n  rounded: \"$3\",\n  select: \"none\",\n  cursor: \"pointer\",\n  hitSlop: HIT_SLOP,\n  hoverStyle: { bg: \"$color5\" },\n  focusStyle: { bg: \"$color5\" },\n  pressStyle: { bg: \"$color6\" },\n} as const\n\n/** Left indicator well shared by checkbox + radio rows. */\nconst Indicator = ({ children }: { children: React.ReactNode }) => (\n  <XStack\n    position=\"absolute\"\n    l={ROW_PX}\n    width={INDICATOR_SLOT}\n    height={INDICATOR_SLOT}\n    items=\"center\"\n    justify=\"center\"\n    pointerEvents=\"none\"\n  >\n    <Menu.ItemIndicator>{children}</Menu.ItemIndicator>\n  </XStack>\n)\n\n// ── Root — owns popper geometry ─────────────────────────────────────────────────\n// gui puts `offset` on the Popper ROOT; the compound API puts `sideOffset` on\n// Content. One value, one owner: the root holds it, Content publishes into it.\nconst OffsetContext = /* @__PURE__ */ React.createContext<\n  ((n: number) => void) | null\n>(null)\nconst DEFAULT_OFFSET = 4\n\nexport type DropdownMenuProps = Omit<\n  React.ComponentProps<typeof Menu>,\n  \"offset\"\n> & {\n  offset?: number\n  /**\n   * Declarative form. Give a `trigger` element and an `items` spec and the menu\n   * builds itself out of the very same compound parts a hand-written `children`\n   * tree would use — one component, one API, one rendering, whichever form the\n   * call site prefers.\n   */\n  trigger?: React.ReactElement\n  items?: MenuItemSpec[]\n  minWidth?: number\n  maxHeight?: number\n}\n\nfunction DropdownMenu({\n  offset = DEFAULT_OFFSET,\n  trigger,\n  items,\n  minWidth,\n  maxHeight,\n  children,\n  ...props\n}: DropdownMenuProps) {\n  const [current, setOffset] = React.useState(offset)\n  React.useEffect(() => setOffset(offset), [offset])\n  return (\n    <OffsetContext.Provider value={setOffset}>\n      <Menu offset={current} {...props}>\n        {trigger ? (\n          <DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>\n        ) : null}\n        {items ? (\n          <DropdownMenuContent minW={minWidth} maxH={maxHeight}>\n            {items.map(renderSpec)}\n          </DropdownMenuContent>\n        ) : null}\n        {children}\n      </Menu>\n    </OffsetContext.Provider>\n  )\n}\n\n/** One spec row -> the matching compound part. Never a second row renderer. */\nconst renderSpec = (spec: MenuItemSpec, i: number) => {\n  if (spec.type === \"separator\")\n    return <DropdownMenuSeparator key={spec.key ?? `sep-${i}`} />\n  if (spec.type === \"label\")\n    return (\n      <DropdownMenuLabel key={spec.key ?? `label-${i}`}>\n        {spec.label}\n      </DropdownMenuLabel>\n    )\n  return (\n    <DropdownMenuItem\n      key={spec.key}\n      disabled={spec.disabled}\n      variant={spec.destructive ? \"destructive\" : \"default\"}\n      onSelect={spec.onSelect}\n    >\n      {spec.icon ? (\n        <XStack\n          width={ICON}\n          height={ICON}\n          items=\"center\"\n          justify=\"center\"\n          shrink={0}\n        >\n          {spec.icon}\n        </XStack>\n      ) : null}\n      <YStack flex={1} minW={0}>\n        <Text fontSize=\"$2\" color=\"$color12\" numberOfLines={1}>\n          {spec.label}\n        </Text>\n        {spec.description ? (\n          <Text fontSize=\"$1\" color=\"$color11\" numberOfLines={1}>\n            {spec.description}\n          </Text>\n        ) : null}\n      </YStack>\n      {spec.shortcut ? (\n        <DropdownMenuShortcut>{spec.shortcut}</DropdownMenuShortcut>\n      ) : null}\n      {spec.selected ? <Check size={ICON - 2} ml=\"auto\" /> : null}\n      {spec.hasSubmenu ? (\n        <ChevronRight size={ICON - 2} ml=\"auto\" opacity={0.6} />\n      ) : null}\n    </DropdownMenuItem>\n  )\n}\n\n// ── Passthroughs — the gui part already IS the part ─────────────────────────────\nconst DropdownMenuTrigger: typeof Menu.Trigger = Menu.Trigger\nconst DropdownMenuGroup: typeof Menu.Group = Menu.Group\nconst DropdownMenuPortal: typeof Menu.Portal = Menu.Portal\nconst DropdownMenuSub: typeof Menu.Sub = Menu.Sub\nconst DropdownMenuRadioGroup: typeof Menu.RadioGroup = Menu.RadioGroup\n\n// ── Content — self-portalling, theme-forwarded ──────────────────────────────────\ntype ContentProps = React.ComponentProps<typeof Menu.Content> & {\n  sideOffset?: number\n}\n\nconst DropdownMenuContent = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  ContentProps\n>(function DropdownMenuContent(\n  { sideOffset = DEFAULT_OFFSET, children, ...props },\n  ref\n) {\n  const themeName = useThemeName()\n  const setOffset = React.useContext(OffsetContext)\n  React.useEffect(() => setOffset?.(sideOffset), [setOffset, sideOffset])\n  return (\n    <Menu.Portal>\n      <PortalTheme name={themeName}>\n        <Menu.Content\n          ref={ref}\n          data-slot=\"dropdown-menu-content\"\n          {...panel}\n          {...props}\n        >\n          {children}\n        </Menu.Content>\n      </PortalTheme>\n    </Menu.Portal>\n  )\n})\n\nconst DropdownMenuSubContent = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  React.ComponentProps<typeof Menu.SubContent>\n>(function DropdownMenuSubContent(props, ref) {\n  return (\n    <Menu.SubContent\n      ref={ref}\n      data-slot=\"dropdown-menu-sub-content\"\n      {...panel}\n      {...props}\n    />\n  )\n})\n\n// ── Rows ────────────────────────────────────────────────────────────────────────\ntype ItemProps = Omit<React.ComponentProps<typeof Menu.Item>, \"variant\"> & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}\n\nconst DropdownMenuItem = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  ItemProps\n>(function DropdownMenuItem(\n  { inset, variant = \"default\", disabled, ...props },\n  ref\n) {\n  return (\n    <Menu.Item\n      ref={ref}\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      disabled={disabled}\n      {...row}\n      pl={inset ? INSET_PL : ROW_PX}\n      theme={variant === \"destructive\" ? \"red\" : undefined}\n      opacity={disabled ? 0.5 : 1}\n      cursor={disabled ? \"default\" : \"pointer\"}\n      {...props}\n    />\n  )\n})\n\nconst DropdownMenuCheckboxItem = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  React.ComponentProps<typeof Menu.CheckboxItem>\n>(function DropdownMenuCheckboxItem({ children, checked, ...props }, ref) {\n  return (\n    <Menu.CheckboxItem\n      ref={ref}\n      data-slot=\"dropdown-menu-checkbox-item\"\n      checked={checked}\n      {...row}\n      pl={INSET_PL}\n      {...props}\n    >\n      <Indicator>\n        <Check size={ICON} />\n      </Indicator>\n      {children}\n    </Menu.CheckboxItem>\n  )\n})\n\nconst DropdownMenuRadioItem = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  React.ComponentProps<typeof Menu.RadioItem>\n>(function DropdownMenuRadioItem({ children, ...props }, ref) {\n  return (\n    <Menu.RadioItem\n      ref={ref}\n      data-slot=\"dropdown-menu-radio-item\"\n      {...row}\n      pl={INSET_PL}\n      {...props}\n    >\n      <Indicator>\n        <Circle size={8} fill=\"currentColor\" />\n      </Indicator>\n      {children}\n    </Menu.RadioItem>\n  )\n})\n\nconst DropdownMenuSubTrigger = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  React.ComponentProps<typeof Menu.SubTrigger> & { inset?: boolean }\n>(function DropdownMenuSubTrigger({ inset, children, ...props }, ref) {\n  return (\n    <Menu.SubTrigger\n      ref={ref}\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      {...row}\n      pl={inset ? INSET_PL : ROW_PX}\n      {...props}\n    >\n      {children}\n      <ChevronRight size={ICON} ml=\"auto\" opacity={0.6} />\n    </Menu.SubTrigger>\n  )\n})\n\n// ── Static rows ─────────────────────────────────────────────────────────────────\nconst DropdownMenuLabel = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  React.ComponentProps<typeof Menu.Label> & { inset?: boolean }\n>(function DropdownMenuLabel({ inset, ...props }, ref) {\n  return (\n    <Menu.Label\n      ref={ref}\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      px={ROW_PX}\n      py={4}\n      pl={inset ? INSET_PL : ROW_PX}\n      fontSize=\"$2\"\n      fontWeight=\"500\"\n      color=\"$color12\"\n      select=\"none\"\n      {...props}\n    />\n  )\n})\n\nconst DropdownMenuSeparator = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  React.ComponentProps<typeof Menu.Separator>\n>(function DropdownMenuSeparator(props, ref) {\n  return (\n    <Menu.Separator\n      ref={ref}\n      data-slot=\"dropdown-menu-separator\"\n      height={1}\n      bg=\"$borderColor\"\n      mx={4}\n      my={4}\n      {...props}\n    />\n  )\n})\n\n/** Right-aligned shortcut hint. gui `Text`, not a raw `<span>`, so it renders on native. */\nfunction DropdownMenuShortcut(props: React.ComponentProps<typeof Text>) {\n  return (\n    <Text\n      data-slot=\"dropdown-menu-shortcut\"\n      ml=\"auto\"\n      fontSize=\"$1\"\n      letterSpacing={1}\n      color=\"$color11\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n}\n"]}

package/dist/chunk-NQUA5YRQ.cjs

@@ -0,0 +1,55 @@
+'use client';
+'use strict';
+
+var chunkDC52DQ27_cjs = require('./chunk-DC52DQ27.cjs');
+var gui = require('@hanzo/gui');
+var lucideIcons2 = require('@hanzogui/lucide-icons-2');
+var jsxRuntime = require('react/jsx-runtime');
+
+function SelectMenu({
+  options,
+  value,
+  onChange,
+  allLabel = "All",
+  icon,
+  minWidth = 130,
+  required,
+  minHeight,
+  disabled,
+  ariaLabel
+}) {
+  const active = value === null ? null : options.find((o) => o.key === value) ?? null;
+  const triggerLabel = active ? active.label : allLabel;
+  const items = [
+    ...required ? [] : [{ key: "__all__", label: allLabel, selected: value === null, onSelect: () => onChange(null) }],
+    ...options.map((o) => ({ key: o.key, label: o.label, selected: value === o.key, onSelect: () => onChange(o.key) }))
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkDC52DQ27_cjs.DropdownMenu,
+    {
+      minWidth: Math.max(minWidth, 160),
+      trigger: /* @__PURE__ */ jsxRuntime.jsx(
+        gui.Button,
+        {
+          size: minHeight && minHeight >= 40 ? "$4" : "$2",
+          minW: minWidth,
+          minH: minHeight,
+          disabled,
+          "aria-label": ariaLabel,
+          justify: "space-between",
+          borderWidth: 1,
+          borderColor: "$borderColor",
+          bg: !required && value !== null ? "$color5" : "transparent",
+          icon,
+          iconAfter: /* @__PURE__ */ jsxRuntime.jsx(lucideIcons2.ChevronDown, { size: 14, opacity: 0.6 }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(gui.Text, { fontSize: "$2", color: "$color12", numberOfLines: 1, flex: 1, children: triggerLabel })
+        }
+      ),
+      items
+    }
+  );
+}
+
+exports.SelectMenu = SelectMenu;
+//# sourceMappingURL=chunk-NQUA5YRQ.cjs.map
+//# sourceMappingURL=chunk-NQUA5YRQ.cjs.map

package/dist/chunk-NQUA5YRQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/product/SelectMenu.tsx"],"names":["jsx","DropdownMenu","Button","ChevronDown","Text"],"mappings":";;;;;;;AAwBO,SAAS,UAAA,CAA6B;AAAA,EAC3C,OAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,IAAA;AAAA,EACA,QAAA,GAAW,GAAA;AAAA,EACX,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAgBG;AACD,EAAA,MAAM,MAAA,GAAS,KAAA,KAAU,IAAA,GAAO,IAAA,GAAO,OAAA,CAAQ,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,GAAA,KAAQ,KAAK,CAAA,IAAK,IAAA;AAC/E,EAAA,MAAM,YAAA,GAAe,MAAA,GAAS,MAAA,CAAO,KAAA,GAAQ,QAAA;AAE7C,EAAA,MAAM,KAAA,GAAwB;AAAA,IAC5B,GAAI,QAAA,GACA,KACA,CAAC,EAAE,KAAK,SAAA,EAAW,KAAA,EAAO,QAAA,EAAU,QAAA,EAAU,UAAU,IAAA,EAAM,QAAA,EAAU,MAAM,QAAA,CAAS,IAAI,GAAG,CAAA;AAAA,IAClG,GAAG,QAAQ,GAAA,CAAI,CAAC,OAAO,EAAE,GAAA,EAAK,CAAA,CAAE,GAAA,EAAK,KAAA,EAAO,CAAA,CAAE,OAAO,QAAA,EAAU,KAAA,KAAU,EAAE,GAAA,EAAK,QAAA,EAAU,MAAM,QAAA,CAAS,CAAA,CAAE,GAAG,CAAA,EAAE,CAAE;AAAA,GACpH;AAEA,EAAA,uBACEA,cAAA;AAAA,IAACC,8BAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,IAAA,CAAK,GAAA,CAAI,QAAA,EAAU,GAAG,CAAA;AAAA,MAChC,OAAA,kBACED,cAAA;AAAA,QAACE,UAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,SAAA,IAAa,SAAA,IAAa,EAAA,GAAK,IAAA,GAAO,IAAA;AAAA,UAC5C,IAAA,EAAM,QAAA;AAAA,UACN,IAAA,EAAM,SAAA;AAAA,UACN,QAAA;AAAA,UACA,YAAA,EAAY,SAAA;AAAA,UACZ,OAAA,EAAQ,eAAA;AAAA,UACR,WAAA,EAAa,CAAA;AAAA,UACb,WAAA,EAAY,cAAA;AAAA,UACZ,EAAA,EAAI,CAAC,QAAA,IAAY,KAAA,KAAU,OAAO,SAAA,GAAY,aAAA;AAAA,UAC9C,IAAA;AAAA,UACA,2BAAWF,cAAA,CAACG,wBAAA,EAAA,EAAY,IAAA,EAAM,EAAA,EAAI,SAAS,GAAA,EAAK,CAAA;AAAA,UAEhD,QAAA,kBAAAH,cAAA,CAACI,QAAA,EAAA,EAAK,QAAA,EAAS,IAAA,EAAK,KAAA,EAAM,YAAW,aAAA,EAAe,CAAA,EAAG,IAAA,EAAM,CAAA,EAC1D,QAAA,EAAA,YAAA,EACH;AAAA;AAAA,OACF;AAAA,MAEF;AAAA;AAAA,GACF;AAEJ","file":"chunk-NQUA5YRQ.cjs","sourcesContent":["'use client'\n\n/**\n * SelectMenu — a compact, reusable dropdown select. Renders a labelled trigger (\"All\n * types\", or the chosen option) and a menu list with a check on the active option.\n * Prop-driven + self-contained. `value === null` is the \"all\"/unfiltered state.\n *\n * `required` turns the same control into a \"pick exactly one of N\": the null row is\n * dropped and the value is never nullable. That is the SAME control, not a second\n * one — a required field picker and a filter differ only in whether \"none\" is an\n * option, so it stays one component rather than growing a fourth select.\n *\n * A thin DropdownMenu (the ONE menu mechanism) so it is pixel-identical to every other\n * menu and rides the same portal-theme-safe Portal path — no gui Popover, no Sheet\n * re-root, works on gui-native hosts.\n */\nimport type { ReactElement } from 'react'\nimport { Button, Text } from '@hanzo/gui'\nimport { ChevronDown } from '@hanzogui/lucide-icons-2'\nimport { DropdownMenu } from '../backends/gui/dropdown-menu'\nimport type { MenuItemSpec } from './menu/items'\n\nexport type SelectOption<T extends string> = { key: T; label: string }\n\nexport function SelectMenu<T extends string>({\n  options,\n  value,\n  onChange,\n  allLabel = 'All',\n  icon,\n  minWidth = 130,\n  required,\n  minHeight,\n  disabled,\n  ariaLabel,\n}: {\n  options: SelectOption<T>[]\n  value: T | null\n  onChange: (v: T | null) => void\n  /** Label shown (and first menu row) for the unfiltered `null` state. */\n  allLabel?: string\n  /** Optional leading icon in the trigger. */\n  icon?: ReactElement\n  minWidth?: number\n  /** Exactly one of `options` is always chosen — no \"all\"/none row. */\n  required?: boolean\n  /** Trigger height floor — pass the 44px tap floor on a phone. */\n  minHeight?: number\n  disabled?: boolean\n  /** Accessible name for an unlabelled trigger. */\n  ariaLabel?: string\n}) {\n  const active = value === null ? null : options.find((o) => o.key === value) ?? null\n  const triggerLabel = active ? active.label : allLabel\n\n  const items: MenuItemSpec[] = [\n    ...(required\n      ? []\n      : [{ key: '__all__', label: allLabel, selected: value === null, onSelect: () => onChange(null) }]),\n    ...options.map((o) => ({ key: o.key, label: o.label, selected: value === o.key, onSelect: () => onChange(o.key) })),\n  ]\n\n  return (\n    <DropdownMenu\n      minWidth={Math.max(minWidth, 160)}\n      trigger={\n        <Button\n          size={minHeight && minHeight >= 40 ? '$4' : '$2'}\n          minW={minWidth}\n          minH={minHeight}\n          disabled={disabled}\n          aria-label={ariaLabel}\n          justify=\"space-between\"\n          borderWidth={1}\n          borderColor=\"$borderColor\"\n          bg={!required && value !== null ? '$color5' : 'transparent'}\n          icon={icon}\n          iconAfter={<ChevronDown size={14} opacity={0.6} />}\n        >\n          <Text fontSize=\"$2\" color=\"$color12\" numberOfLines={1} flex={1}>\n            {triggerLabel}\n          </Text>\n        </Button>\n      }\n      items={items}\n    />\n  )\n}\n"]}

package/dist/chunk-PI3GSHLU.js

@@ -0,0 +1,263 @@
+'use client';
+import { Menu, Theme, XStack, YStack, Text, useThemeName } from '@hanzo/gui';
+export { useThemeName } from '@hanzo/gui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Check, ChevronRight, Circle } from '@hanzogui/lucide-icons-2';
+
+// src/product/menu/portal-theme.tsx
+function PortalTheme({ name, children }) {
+  return /* @__PURE__ */ jsx(Theme, { name, children });
+}
+var ROW_H = 32;
+var TAP_MIN = 44;
+var HIT_SLOP = {
+  top: (TAP_MIN - ROW_H) / 2,
+  bottom: (TAP_MIN - ROW_H) / 2,
+  left: 0,
+  right: 0
+};
+var ROW_PX = 8;
+var INSET_PL = 32;
+var INDICATOR_SLOT = 14;
+var ICON = 16;
+var panel = {
+  bg: "$color2",
+  borderColor: "$borderColor",
+  borderWidth: 1,
+  rounded: "$4",
+  p: 4,
+  minW: 128,
+  overflow: "hidden",
+  shadowColor: "rgba(0,0,0,0.45)",
+  shadowRadius: 20,
+  shadowOffset: { width: 0, height: 10 }
+};
+var row = {
+  items: "center",
+  gap: ROW_PX,
+  px: ROW_PX,
+  minH: ROW_H,
+  rounded: "$3",
+  select: "none",
+  cursor: "pointer",
+  hitSlop: HIT_SLOP,
+  hoverStyle: { bg: "$color5" },
+  focusStyle: { bg: "$color5" },
+  pressStyle: { bg: "$color6" }
+};
+var Indicator = ({ children }) => /* @__PURE__ */ jsx(
+  XStack,
+  {
+    position: "absolute",
+    l: ROW_PX,
+    width: INDICATOR_SLOT,
+    height: INDICATOR_SLOT,
+    items: "center",
+    justify: "center",
+    pointerEvents: "none",
+    children: /* @__PURE__ */ jsx(Menu.ItemIndicator, { children })
+  }
+);
+var OffsetContext = /* @__PURE__ */ React.createContext(null);
+var DEFAULT_OFFSET = 4;
+function DropdownMenu({
+  offset = DEFAULT_OFFSET,
+  trigger,
+  items,
+  minWidth,
+  maxHeight,
+  children,
+  ...props
+}) {
+  const [current, setOffset] = React.useState(offset);
+  React.useEffect(() => setOffset(offset), [offset]);
+  return /* @__PURE__ */ jsx(OffsetContext.Provider, { value: setOffset, children: /* @__PURE__ */ jsxs(Menu, { offset: current, ...props, children: [
+    trigger ? /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: trigger }) : null,
+    items ? /* @__PURE__ */ jsx(DropdownMenuContent, { minW: minWidth, maxH: maxHeight, children: items.map(renderSpec) }) : null,
+    children
+  ] }) });
+}
+var renderSpec = (spec, i) => {
+  if (spec.type === "separator")
+    return /* @__PURE__ */ jsx(DropdownMenuSeparator, {}, spec.key ?? `sep-${i}`);
+  if (spec.type === "label")
+    return /* @__PURE__ */ jsx(DropdownMenuLabel, { children: spec.label }, spec.key ?? `label-${i}`);
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuItem,
+    {
+      disabled: spec.disabled,
+      variant: spec.destructive ? "destructive" : "default",
+      onSelect: spec.onSelect,
+      children: [
+        spec.icon ? /* @__PURE__ */ jsx(
+          XStack,
+          {
+            width: ICON,
+            height: ICON,
+            items: "center",
+            justify: "center",
+            shrink: 0,
+            children: spec.icon
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs(YStack, { flex: 1, minW: 0, children: [
+          /* @__PURE__ */ jsx(Text, { fontSize: "$2", color: "$color12", numberOfLines: 1, children: spec.label }),
+          spec.description ? /* @__PURE__ */ jsx(Text, { fontSize: "$1", color: "$color11", numberOfLines: 1, children: spec.description }) : null
+        ] }),
+        spec.shortcut ? /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: spec.shortcut }) : null,
+        spec.selected ? /* @__PURE__ */ jsx(Check, { size: ICON - 2, ml: "auto" }) : null,
+        spec.hasSubmenu ? /* @__PURE__ */ jsx(ChevronRight, { size: ICON - 2, ml: "auto", opacity: 0.6 }) : null
+      ]
+    },
+    spec.key
+  );
+};
+var DropdownMenuTrigger = Menu.Trigger;
+var DropdownMenuGroup = Menu.Group;
+var DropdownMenuPortal = Menu.Portal;
+var DropdownMenuSub = Menu.Sub;
+var DropdownMenuRadioGroup = Menu.RadioGroup;
+var DropdownMenuContent = /* @__PURE__ */ React.forwardRef(function DropdownMenuContent2({ sideOffset = DEFAULT_OFFSET, children, ...props }, ref) {
+  const themeName = useThemeName();
+  const setOffset = React.useContext(OffsetContext);
+  React.useEffect(() => setOffset?.(sideOffset), [setOffset, sideOffset]);
+  return /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(PortalTheme, { name: themeName, children: /* @__PURE__ */ jsx(
+    Menu.Content,
+    {
+      ref,
+      "data-slot": "dropdown-menu-content",
+      ...panel,
+      ...props,
+      children
+    }
+  ) }) });
+});
+var DropdownMenuSubContent = /* @__PURE__ */ React.forwardRef(function DropdownMenuSubContent2(props, ref) {
+  return /* @__PURE__ */ jsx(
+    Menu.SubContent,
+    {
+      ref,
+      "data-slot": "dropdown-menu-sub-content",
+      ...panel,
+      ...props
+    }
+  );
+});
+var DropdownMenuItem = /* @__PURE__ */ React.forwardRef(function DropdownMenuItem2({ inset, variant = "default", disabled, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    Menu.Item,
+    {
+      ref,
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      disabled,
+      ...row,
+      pl: inset ? INSET_PL : ROW_PX,
+      theme: variant === "destructive" ? "red" : void 0,
+      opacity: disabled ? 0.5 : 1,
+      cursor: disabled ? "default" : "pointer",
+      ...props
+    }
+  );
+});
+var DropdownMenuCheckboxItem = /* @__PURE__ */ React.forwardRef(function DropdownMenuCheckboxItem2({ children, checked, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    Menu.CheckboxItem,
+    {
+      ref,
+      "data-slot": "dropdown-menu-checkbox-item",
+      checked,
+      ...row,
+      pl: INSET_PL,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Indicator, { children: /* @__PURE__ */ jsx(Check, { size: ICON }) }),
+        children
+      ]
+    }
+  );
+});
+var DropdownMenuRadioItem = /* @__PURE__ */ React.forwardRef(function DropdownMenuRadioItem2({ children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    Menu.RadioItem,
+    {
+      ref,
+      "data-slot": "dropdown-menu-radio-item",
+      ...row,
+      pl: INSET_PL,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Indicator, { children: /* @__PURE__ */ jsx(Circle, { size: 8, fill: "currentColor" }) }),
+        children
+      ]
+    }
+  );
+});
+var DropdownMenuSubTrigger = /* @__PURE__ */ React.forwardRef(function DropdownMenuSubTrigger2({ inset, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    Menu.SubTrigger,
+    {
+      ref,
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
+      ...row,
+      pl: inset ? INSET_PL : ROW_PX,
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRight, { size: ICON, ml: "auto", opacity: 0.6 })
+      ]
+    }
+  );
+});
+var DropdownMenuLabel = /* @__PURE__ */ React.forwardRef(function DropdownMenuLabel2({ inset, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    Menu.Label,
+    {
+      ref,
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      px: ROW_PX,
+      py: 4,
+      pl: inset ? INSET_PL : ROW_PX,
+      fontSize: "$2",
+      fontWeight: "500",
+      color: "$color12",
+      select: "none",
+      ...props
+    }
+  );
+});
+var DropdownMenuSeparator = /* @__PURE__ */ React.forwardRef(function DropdownMenuSeparator2(props, ref) {
+  return /* @__PURE__ */ jsx(
+    Menu.Separator,
+    {
+      ref,
+      "data-slot": "dropdown-menu-separator",
+      height: 1,
+      bg: "$borderColor",
+      mx: 4,
+      my: 4,
+      ...props
+    }
+  );
+});
+function DropdownMenuShortcut(props) {
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      "data-slot": "dropdown-menu-shortcut",
+      ml: "auto",
+      fontSize: "$1",
+      letterSpacing: 1,
+      color: "$color11",
+      ...props
+    }
+  );
+}
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, PortalTheme };
+//# sourceMappingURL=chunk-PI3GSHLU.js.map
+//# sourceMappingURL=chunk-PI3GSHLU.js.map

package/dist/chunk-PI3GSHLU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/product/menu/portal-theme.tsx","../src/backends/gui/dropdown-menu.tsx"],"names":["jsx","DropdownMenuContent","DropdownMenuSubContent","DropdownMenuItem","DropdownMenuCheckboxItem","DropdownMenuRadioItem","DropdownMenuSubTrigger","DropdownMenuLabel","DropdownMenuSeparator"],"mappings":"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","file":"chunk-PI3GSHLU.js","sourcesContent":["'use client'\n\n/**\n * PortalTheme — the ONE fix for \"themed content escapes its theme through a portal\".\n *\n * @hanzo/gui's `Popover.Content` and `Portal` render their children in a SEPARATE\n * React subtree (a Gorhom-style portal host mounted at the app root), NOT via\n * `ReactDOM.createPortal`. React context therefore does NOT flow from the trigger's\n * location to the host. Under a nested `<Theme name=\"dark\">` the portaled content\n * lands OUTSIDE that theme context and Tamagui throws \"Missing theme\" (or renders\n * unthemed).\n *\n * The fix is two-part and must stay two-part:\n *   1. At the TRIGGER site (theme context still available) capture the resolved\n *      theme name with `useThemeName()`.\n *   2. INSIDE the portaled content re-apply it: `<PortalTheme name={captured}>`.\n *\n * Every portal-backed menu in this package (DropdownMenu, ContextMenu, SelectMenu,\n * ComboBox) uses this so a menu renders identically whether it is opened under the\n * root theme or under any nested `<Theme>`, light or dark.\n */\nimport type { ReactNode } from 'react'\nimport { Theme, useThemeName } from '@hanzo/gui'\n\n/** Capture the current resolved theme name at the trigger site. Re-exported so the\n *  capture + re-apply pair reads from one module. */\nexport { useThemeName }\n\nexport function PortalTheme({ name, children }: { name: string; children: ReactNode }) {\n  // `name` is the resolved theme name (e.g. \"dark\", or a compound \"dark_purple\").\n  // Tamagui's `Theme` accepts the resolved name and reconstructs the context.\n  return <Theme name={name as never}>{children}</Theme>\n}\n","\"use client\"\n\n/**\n * DropdownMenu — the ONE compound menu, native to @hanzo/gui.\n *\n * @hanzogui/menu already ships the whole compound surface (Root/Trigger/Portal/\n * Content/Group/Label/Item/CheckboxItem/RadioGroup/RadioItem/ItemIndicator/\n * Separator/Sub/SubTrigger/SubContent) with the a11y, roving focus, popper\n * placement and dismiss behaviour. This file only FLATTENS `Menu.X` into the 15\n * `DropdownMenuX` names and dresses them in the Hanzo tokens, so there is one\n * menu component rather than two shapes of the same idea.\n *\n * Cross-platform: gui style props only — no Tailwind class strings, no Radix, no\n * DOM APIs. Rows are 32px tall (the design density) with a 6px vertical `hitSlop`\n * so the real tap target is 44px on touch hosts.\n *\n * `DropdownMenuContent` mounts its OWN `Menu.Portal`, so callers never wrap it —\n * and re-applies the trigger's resolved theme inside the portal via `PortalTheme`\n * (gui portals re-root the subtree, so React theme context does not flow).\n */\nimport * as React from \"react\"\nimport { Menu, Text, XStack, YStack, type GuiElement } from \"@hanzo/gui\"\nimport { Check, ChevronRight, Circle } from \"@hanzogui/lucide-icons-2\"\n\nimport type { MenuItemSpec } from \"../../product/menu/items\"\nimport { PortalTheme, useThemeName } from \"../../product/menu/portal-theme\"\n\n// ── Geometry — literal px on the 8-grid; 32px row + 6px hitSlop = 44px tap ──────\nconst ROW_H = 32\nconst TAP_MIN = 44\nconst HIT_SLOP = {\n  top: (TAP_MIN - ROW_H) / 2,\n  bottom: (TAP_MIN - ROW_H) / 2,\n  left: 0,\n  right: 0,\n}\nconst ROW_PX = 8\nconst INSET_PL = 32\nconst INDICATOR_SLOT = 14\nconst ICON = 16\n\nconst panel = {\n  bg: \"$color2\",\n  borderColor: \"$borderColor\",\n  borderWidth: 1,\n  rounded: \"$4\",\n  p: 4,\n  minW: 128,\n  overflow: \"hidden\",\n  shadowColor: \"rgba(0,0,0,0.45)\",\n  shadowRadius: 20,\n  shadowOffset: { width: 0, height: 10 },\n} as const\n\nconst row = {\n  items: \"center\",\n  gap: ROW_PX,\n  px: ROW_PX,\n  minH: ROW_H,\n  rounded: \"$3\",\n  select: \"none\",\n  cursor: \"pointer\",\n  hitSlop: HIT_SLOP,\n  hoverStyle: { bg: \"$color5\" },\n  focusStyle: { bg: \"$color5\" },\n  pressStyle: { bg: \"$color6\" },\n} as const\n\n/** Left indicator well shared by checkbox + radio rows. */\nconst Indicator = ({ children }: { children: React.ReactNode }) => (\n  <XStack\n    position=\"absolute\"\n    l={ROW_PX}\n    width={INDICATOR_SLOT}\n    height={INDICATOR_SLOT}\n    items=\"center\"\n    justify=\"center\"\n    pointerEvents=\"none\"\n  >\n    <Menu.ItemIndicator>{children}</Menu.ItemIndicator>\n  </XStack>\n)\n\n// ── Root — owns popper geometry ─────────────────────────────────────────────────\n// gui puts `offset` on the Popper ROOT; the compound API puts `sideOffset` on\n// Content. One value, one owner: the root holds it, Content publishes into it.\nconst OffsetContext = /* @__PURE__ */ React.createContext<\n  ((n: number) => void) | null\n>(null)\nconst DEFAULT_OFFSET = 4\n\nexport type DropdownMenuProps = Omit<\n  React.ComponentProps<typeof Menu>,\n  \"offset\"\n> & {\n  offset?: number\n  /**\n   * Declarative form. Give a `trigger` element and an `items` spec and the menu\n   * builds itself out of the very same compound parts a hand-written `children`\n   * tree would use — one component, one API, one rendering, whichever form the\n   * call site prefers.\n   */\n  trigger?: React.ReactElement\n  items?: MenuItemSpec[]\n  minWidth?: number\n  maxHeight?: number\n}\n\nfunction DropdownMenu({\n  offset = DEFAULT_OFFSET,\n  trigger,\n  items,\n  minWidth,\n  maxHeight,\n  children,\n  ...props\n}: DropdownMenuProps) {\n  const [current, setOffset] = React.useState(offset)\n  React.useEffect(() => setOffset(offset), [offset])\n  return (\n    <OffsetContext.Provider value={setOffset}>\n      <Menu offset={current} {...props}>\n        {trigger ? (\n          <DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>\n        ) : null}\n        {items ? (\n          <DropdownMenuContent minW={minWidth} maxH={maxHeight}>\n            {items.map(renderSpec)}\n          </DropdownMenuContent>\n        ) : null}\n        {children}\n      </Menu>\n    </OffsetContext.Provider>\n  )\n}\n\n/** One spec row -> the matching compound part. Never a second row renderer. */\nconst renderSpec = (spec: MenuItemSpec, i: number) => {\n  if (spec.type === \"separator\")\n    return <DropdownMenuSeparator key={spec.key ?? `sep-${i}`} />\n  if (spec.type === \"label\")\n    return (\n      <DropdownMenuLabel key={spec.key ?? `label-${i}`}>\n        {spec.label}\n      </DropdownMenuLabel>\n    )\n  return (\n    <DropdownMenuItem\n      key={spec.key}\n      disabled={spec.disabled}\n      variant={spec.destructive ? \"destructive\" : \"default\"}\n      onSelect={spec.onSelect}\n    >\n      {spec.icon ? (\n        <XStack\n          width={ICON}\n          height={ICON}\n          items=\"center\"\n          justify=\"center\"\n          shrink={0}\n        >\n          {spec.icon}\n        </XStack>\n      ) : null}\n      <YStack flex={1} minW={0}>\n        <Text fontSize=\"$2\" color=\"$color12\" numberOfLines={1}>\n          {spec.label}\n        </Text>\n        {spec.description ? (\n          <Text fontSize=\"$1\" color=\"$color11\" numberOfLines={1}>\n            {spec.description}\n          </Text>\n        ) : null}\n      </YStack>\n      {spec.shortcut ? (\n        <DropdownMenuShortcut>{spec.shortcut}</DropdownMenuShortcut>\n      ) : null}\n      {spec.selected ? <Check size={ICON - 2} ml=\"auto\" /> : null}\n      {spec.hasSubmenu ? (\n        <ChevronRight size={ICON - 2} ml=\"auto\" opacity={0.6} />\n      ) : null}\n    </DropdownMenuItem>\n  )\n}\n\n// ── Passthroughs — the gui part already IS the part ─────────────────────────────\nconst DropdownMenuTrigger: typeof Menu.Trigger = Menu.Trigger\nconst DropdownMenuGroup: typeof Menu.Group = Menu.Group\nconst DropdownMenuPortal: typeof Menu.Portal = Menu.Portal\nconst DropdownMenuSub: typeof Menu.Sub = Menu.Sub\nconst DropdownMenuRadioGroup: typeof Menu.RadioGroup = Menu.RadioGroup\n\n// ── Content — self-portalling, theme-forwarded ──────────────────────────────────\ntype ContentProps = React.ComponentProps<typeof Menu.Content> & {\n  sideOffset?: number\n}\n\nconst DropdownMenuContent = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  ContentProps\n>(function DropdownMenuContent(\n  { sideOffset = DEFAULT_OFFSET, children, ...props },\n  ref\n) {\n  const themeName = useThemeName()\n  const setOffset = React.useContext(OffsetContext)\n  React.useEffect(() => setOffset?.(sideOffset), [setOffset, sideOffset])\n  return (\n    <Menu.Portal>\n      <PortalTheme name={themeName}>\n        <Menu.Content\n          ref={ref}\n          data-slot=\"dropdown-menu-content\"\n          {...panel}\n          {...props}\n        >\n          {children}\n        </Menu.Content>\n      </PortalTheme>\n    </Menu.Portal>\n  )\n})\n\nconst DropdownMenuSubContent = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  React.ComponentProps<typeof Menu.SubContent>\n>(function DropdownMenuSubContent(props, ref) {\n  return (\n    <Menu.SubContent\n      ref={ref}\n      data-slot=\"dropdown-menu-sub-content\"\n      {...panel}\n      {...props}\n    />\n  )\n})\n\n// ── Rows ────────────────────────────────────────────────────────────────────────\ntype ItemProps = Omit<React.ComponentProps<typeof Menu.Item>, \"variant\"> & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}\n\nconst DropdownMenuItem = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  ItemProps\n>(function DropdownMenuItem(\n  { inset, variant = \"default\", disabled, ...props },\n  ref\n) {\n  return (\n    <Menu.Item\n      ref={ref}\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      disabled={disabled}\n      {...row}\n      pl={inset ? INSET_PL : ROW_PX}\n      theme={variant === \"destructive\" ? \"red\" : undefined}\n      opacity={disabled ? 0.5 : 1}\n      cursor={disabled ? \"default\" : \"pointer\"}\n      {...props}\n    />\n  )\n})\n\nconst DropdownMenuCheckboxItem = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  React.ComponentProps<typeof Menu.CheckboxItem>\n>(function DropdownMenuCheckboxItem({ children, checked, ...props }, ref) {\n  return (\n    <Menu.CheckboxItem\n      ref={ref}\n      data-slot=\"dropdown-menu-checkbox-item\"\n      checked={checked}\n      {...row}\n      pl={INSET_PL}\n      {...props}\n    >\n      <Indicator>\n        <Check size={ICON} />\n      </Indicator>\n      {children}\n    </Menu.CheckboxItem>\n  )\n})\n\nconst DropdownMenuRadioItem = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  React.ComponentProps<typeof Menu.RadioItem>\n>(function DropdownMenuRadioItem({ children, ...props }, ref) {\n  return (\n    <Menu.RadioItem\n      ref={ref}\n      data-slot=\"dropdown-menu-radio-item\"\n      {...row}\n      pl={INSET_PL}\n      {...props}\n    >\n      <Indicator>\n        <Circle size={8} fill=\"currentColor\" />\n      </Indicator>\n      {children}\n    </Menu.RadioItem>\n  )\n})\n\nconst DropdownMenuSubTrigger = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  React.ComponentProps<typeof Menu.SubTrigger> & { inset?: boolean }\n>(function DropdownMenuSubTrigger({ inset, children, ...props }, ref) {\n  return (\n    <Menu.SubTrigger\n      ref={ref}\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      {...row}\n      pl={inset ? INSET_PL : ROW_PX}\n      {...props}\n    >\n      {children}\n      <ChevronRight size={ICON} ml=\"auto\" opacity={0.6} />\n    </Menu.SubTrigger>\n  )\n})\n\n// ── Static rows ─────────────────────────────────────────────────────────────────\nconst DropdownMenuLabel = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  React.ComponentProps<typeof Menu.Label> & { inset?: boolean }\n>(function DropdownMenuLabel({ inset, ...props }, ref) {\n  return (\n    <Menu.Label\n      ref={ref}\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      px={ROW_PX}\n      py={4}\n      pl={inset ? INSET_PL : ROW_PX}\n      fontSize=\"$2\"\n      fontWeight=\"500\"\n      color=\"$color12\"\n      select=\"none\"\n      {...props}\n    />\n  )\n})\n\nconst DropdownMenuSeparator = /* @__PURE__ */ React.forwardRef<\n  GuiElement,\n  React.ComponentProps<typeof Menu.Separator>\n>(function DropdownMenuSeparator(props, ref) {\n  return (\n    <Menu.Separator\n      ref={ref}\n      data-slot=\"dropdown-menu-separator\"\n      height={1}\n      bg=\"$borderColor\"\n      mx={4}\n      my={4}\n      {...props}\n    />\n  )\n})\n\n/** Right-aligned shortcut hint. gui `Text`, not a raw `<span>`, so it renders on native. */\nfunction DropdownMenuShortcut(props: React.ComponentProps<typeof Text>) {\n  return (\n    <Text\n      data-slot=\"dropdown-menu-shortcut\"\n      ml=\"auto\"\n      fontSize=\"$1\"\n      letterSpacing={1}\n      color=\"$color11\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n}\n"]}

package/dist/chunk-QHC2ZNAF.js

@@ -0,0 +1,11 @@
+'use client';
+import { clsx } from 'clsx';
+
+// src/core/cn.ts
+function cn(...inputs) {
+  return clsx(inputs);
+}
+
+export { cn };
+//# sourceMappingURL=chunk-QHC2ZNAF.js.map
+//# sourceMappingURL=chunk-QHC2ZNAF.js.map

package/dist/chunk-QHC2ZNAF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/cn.ts"],"names":[],"mappings":";;;AASO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAO,KAAK,MAAM,CAAA;AACpB","file":"chunk-QHC2ZNAF.js","sourcesContent":["/**\n * `cn` — the one class-name composer.\n *\n * `clsx` resolves conditional/array/object class inputs. There is no Tailwind\n * conflict-resolution step because there are no Tailwind utilities to resolve:\n * components render on @hanzo/gui, which styles through props, not class names.\n */\nimport { clsx, type ClassValue } from 'clsx'\n\nexport function cn(...inputs: ClassValue[]): string {\n  return clsx(inputs)\n}\n"]}

package/dist/chunk-QV52JQHR.cjs

@@ -0,0 +1,77 @@
+'use client';
+'use strict';
+
+var tokens = require('@hanzo/tokens');
+
+
+
+Object.defineProperty(exports, "colors", {
+  enumerable: true,
+  get: function () { return tokens.colors; }
+});
+Object.defineProperty(exports, "dark", {
+  enumerable: true,
+  get: function () { return tokens.dark; }
+});
+Object.defineProperty(exports, "fontFamily", {
+  enumerable: true,
+  get: function () { return tokens.fontFamily; }
+});
+Object.defineProperty(exports, "fontSize", {
+  enumerable: true,
+  get: function () { return tokens.fontSize; }
+});
+Object.defineProperty(exports, "fontSizePx", {
+  enumerable: true,
+  get: function () { return tokens.fontSizePx; }
+});
+Object.defineProperty(exports, "fontWeight", {
+  enumerable: true,
+  get: function () { return tokens.fontWeight; }
+});
+Object.defineProperty(exports, "hsl", {
+  enumerable: true,
+  get: function () { return tokens.hsl; }
+});
+Object.defineProperty(exports, "letterSpacing", {
+  enumerable: true,
+  get: function () { return tokens.letterSpacing; }
+});
+Object.defineProperty(exports, "light", {
+  enumerable: true,
+  get: function () { return tokens.light; }
+});
+Object.defineProperty(exports, "lineHeight", {
+  enumerable: true,
+  get: function () { return tokens.lineHeight; }
+});
+Object.defineProperty(exports, "oklch", {
+  enumerable: true,
+  get: function () { return tokens.oklch; }
+});
+Object.defineProperty(exports, "radii", {
+  enumerable: true,
+  get: function () { return tokens.radii; }
+});
+Object.defineProperty(exports, "radiiPx", {
+  enumerable: true,
+  get: function () { return tokens.radiiPx; }
+});
+Object.defineProperty(exports, "spacing", {
+  enumerable: true,
+  get: function () { return tokens.spacing; }
+});
+Object.defineProperty(exports, "spacingPx", {
+  enumerable: true,
+  get: function () { return tokens.spacingPx; }
+});
+Object.defineProperty(exports, "themes", {
+  enumerable: true,
+  get: function () { return tokens.themes; }
+});
+Object.defineProperty(exports, "zinc", {
+  enumerable: true,
+  get: function () { return tokens.zinc; }
+});
+//# sourceMappingURL=chunk-QV52JQHR.cjs.map
+//# sourceMappingURL=chunk-QV52JQHR.cjs.map

package/dist/chunk-QV52JQHR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-QV52JQHR.cjs","sourcesContent":[]}

package/dist/chunk-RBS5AYO4.cjs

@@ -0,0 +1,13 @@
+'use client';
+'use strict';
+
+var clsx = require('clsx');
+
+// src/core/cn.ts
+function cn(...inputs) {
+  return clsx.clsx(inputs);
+}
+
+exports.cn = cn;
+//# sourceMappingURL=chunk-RBS5AYO4.cjs.map
+//# sourceMappingURL=chunk-RBS5AYO4.cjs.map

package/dist/chunk-RBS5AYO4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/cn.ts"],"names":["clsx"],"mappings":";;;;;AASO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAOA,UAAK,MAAM,CAAA;AACpB","file":"chunk-RBS5AYO4.cjs","sourcesContent":["/**\n * `cn` — the one class-name composer.\n *\n * `clsx` resolves conditional/array/object class inputs. There is no Tailwind\n * conflict-resolution step because there are no Tailwind utilities to resolve:\n * components render on @hanzo/gui, which styles through props, not class names.\n */\nimport { clsx, type ClassValue } from 'clsx'\n\nexport function cn(...inputs: ClassValue[]): string {\n  return clsx(inputs)\n}\n"]}