@lotics/ui 7.12.0 → 7.12.1

package/AGENTS.md

@@ -115,7 +115,7 @@ Pick by capability, not by name. (→ the source file for the API.)
   `PageHeader` /
   `PageContent`, `Stack`, `Spacer`, `Divider`, `Accordion`, `Tabs`, `SegmentedControl`, `Stepper`,
   `DangerZone` (the destructive section — delete/archive — set apart at the bottom of a record/settings surface).
-- **Rows & registers** — `PressableRow` (THE register row), `ListItem`, `MenuButton`,
+- **Rows & registers** — `PressableRow` (THE register row; forwards its `ref`, so wrapping it in a `PopoverTrigger` anchors a row-triggered peek Popover — without the ref the trigger is unmeasurable and the popover renders off-screen), `ListItem`, `MenuButton`,
   `MenuListItem`, `DetailRow` (label+value for drawers/peeks; optional `trailing` slot for a
   right-side action/badge/unit), `ActionMenu` (⋯), `FloatingActionBar` (bulk-select bar).
 - **Filters & view controls** — `SearchInput`, `ChipGroup`, `FilterChip` (+ `RangeSlider`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lotics/ui",
-  "version": "7.12.0",
+  "version": "7.12.1",
   "type": "module",
   "exports": {
     "./tokens": "./src/tokens.ts",

package/src/pressable_row.tsx

@@ -1,5 +1,5 @@
-import { ReactNode, useState } from "react";
-import { Pressable, StyleProp, StyleSheet, ViewStyle } from "react-native";
+import { ReactNode, Ref, useState } from "react";
+import { Pressable, StyleProp, StyleSheet, View, ViewStyle } from "react-native";
 import { colors } from "./colors";
 
 export interface PressableRowProps {
@@ -31,6 +31,11 @@ export interface PressableRowProps {
   /** Layout only (gap, minHeight overrides). The surface owns its press
    * states — never pass backgroundColor for hover/selected. */
   style?: StyleProp<ViewStyle>;
+  /** Forwarded to the underlying Pressable's DOM node so a `Popover`/`Tooltip`
+   * can anchor to (measure) the row — RN-Web forwards it to the rendered element.
+   * Without it, wrapping this row in a `PopoverTrigger` yields an unmeasurable
+   * trigger and the popover renders unpositioned. */
+  ref?: Ref<View>;
 }
 
 /**
@@ -45,7 +50,7 @@ export interface PressableRowProps {
  * `variant` picks bleed (registers) or inset (Accordion drill-down rows).
  */
 export function PressableRow(props: PressableRowProps) {
-  const { onPress, selected = false, marked = false, variant = "register", children, style } = props;
+  const { onPress, selected = false, marked = false, variant = "register", children, style, ref } = props;
   const [hovered, setHovered] = useState(false);
 
   // RN's types don't declare mouse handlers; react-native-web forwards them
@@ -57,6 +62,7 @@ export function PressableRow(props: PressableRowProps) {
 
   return (
     <Pressable
+      ref={ref}
       onPress={onPress}
       // Non-focusable surface: tabIndex, NOT focusable — RN-Web's Pressable
       // ignores `focusable` and writes its own tabIndex (the keyboard target is