@multiplatform.one/forms 7.45.1 → 7.47.0

package/src/fields/Slider/index.tsx

@@ -1,5 +1,10 @@
 import { transitionOrInstant } from "../../shared/instantMotion";
-import { transitionProps, motionRoleProperties, motionSettleMs } from "@multiplatform.one/theme";
+import {
+  transitionProps,
+  motionRoleProperties,
+  motionSettleMs,
+  Paragraph,
+} from "@multiplatform.one/theme";
 import { useTouchSurface, isTouchSurface } from "@multiplatform.one/theme";
 import { useEffect, useRef, useState, type KeyboardEvent, type ReactNode } from "react";
 import type { AnyFormApi } from "../../types";
@@ -7,7 +12,6 @@ import type { LabelProps, SizeTokens } from "tamagui";
 import {
   type SliderProps as TamaguiSliderProps,
   Slider as TamaguiSlider,
-  Paragraph,
   View,
   XStack,
   isWeb,

package/src/fields/Stepper/Stepper.stories.tsx

@@ -4,10 +4,11 @@ import type { GuardrailSpecimenParameter } from "@multiplatform.one/theme";
 import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
 import { useForm } from "@tanstack/react-form";
 import { useState } from "react";
-import { Paragraph, YStack } from "tamagui";
+import { YStack } from "tamagui";
 import { Button } from "../../Button";
 import { Form } from "../../Form";
 import { Stepper } from "./index";
+import { Paragraph } from "@multiplatform.one/theme";
 
 const meta: Meta<typeof Stepper> = {
   title: "Forms/Stepper",

package/src/fields/Switch/Switch.stories.tsx

@@ -4,10 +4,12 @@ import { DataTable, type DataTableColumn } from "@multiplatform.one/table";
 import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
 import { useForm } from "@tanstack/react-form";
 import { useState } from "react";
-import { Label, Paragraph, Switch as TamaguiSwitch, XStack, YStack } from "tamagui";
+import { Switch as TamaguiSwitch, XStack, YStack } from "tamagui";
+import { Label } from "../../Label";
 import { Button } from "../../Button";
 import { Form } from "../../Form";
 import { Switch } from "./index";
+import { Paragraph } from "@multiplatform.one/theme";
 
 const meta: Meta<typeof Switch> = {
   title: "Forms/Switch",

package/src/fields/TextArea/TextArea.stories.tsx

@@ -3,10 +3,11 @@ import { DataTable, type DataTableColumn } from "@multiplatform.one/table";
 import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
 import { useForm } from "@tanstack/react-form";
 import { useState } from "react";
-import { Paragraph, TextArea as TamaguiTextArea, XStack, YStack } from "tamagui";
+import { TextArea as TamaguiTextArea, XStack, YStack } from "tamagui";
 import { Button } from "../../Button";
 import { Form } from "../../Form";
 import { TextArea } from "./index";
+import { Paragraph } from "@multiplatform.one/theme";
 
 const meta: Meta<typeof TextArea> = {
   title: "Forms/TextArea",

package/src/fields/TimePicker/TimePicker.stories.tsx

@@ -3,10 +3,11 @@ import { DataTable, type DataTableColumn } from "@multiplatform.one/table";
 import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
 import { useForm } from "@tanstack/react-form";
 import { useState } from "react";
-import { Text, YStack } from "tamagui";
+import { YStack } from "tamagui";
 import { Button } from "../../Button";
 import { Form } from "../../Form";
 import { TimePicker } from "./index";
+import { Text } from "@multiplatform.one/theme";
 
 const meta: Meta<typeof TimePicker> = {
   title: "Forms/TimePicker",

package/src/fields/TimePicker/parts.tsx

@@ -98,19 +98,15 @@ export function TimePickerClearButton({
   disabled?: boolean;
 }) {
   return (
-    <InputParts.Button
+    <InputParts.Action
       data-testid="time-picker-clear"
-      aria-label={t("Clear time")}
+      label={t("Clear time")}
       disabled={disabled}
-      onPress={(e) => {
-        e.stopPropagation();
-        onClear();
-      }}
+      tabIndex={-1}
+      onPress={onClear}
     >
-      <InputParts.Icon>
-        <XIcon />
-      </InputParts.Icon>
-    </InputParts.Button>
+      <XIcon />
+    </InputParts.Action>
   );
 }
 

package/src/fields/TimeRangeScrubber/index.tsx

@@ -1,4 +1,4 @@
-import { transitionProps, motionRoleProperties } from "@multiplatform.one/theme";
+import { transitionProps, motionRoleProperties, Text } from "@multiplatform.one/theme";
 import {
   defaultKnobs,
   ensureFocusVisibleRing,
@@ -7,6 +7,7 @@ import {
   formatAbsoluteDateTime,
   pressTargetHitSlop,
   usePresetContext,
+  useResolvedKnobs,
   wasKeyboardFocus,
   type BorderRadius,
 } from "@multiplatform.one/theme";
@@ -20,7 +21,7 @@ import {
   type ReactNode,
 } from "react";
 import type { LabelProps, SizeTokens } from "tamagui";
-import { Text, View, XStack, YStack, isWeb, useTheme } from "tamagui";
+import { Text as TamaguiText, View, XStack, YStack, isWeb, useTheme } from "tamagui";
 import { Field, FieldLayout } from "../../fieldLayout";
 import { FloatingPanel } from "../../FloatingPanel";
 import { Skeleton } from "../../Skeleton";
@@ -178,13 +179,15 @@ function TimeRangeChip({
   part?: string;
   tabIndex?: number;
 }) {
+  const { knobProps } = useResolvedKnobs();
+  const edge = knobProps.controlBorderOutlined;
   return (
     <View
       height={CHIP_HEIGHT}
       paddingHorizontal={7}
       borderRadius={CHIP_RADIUS}
-      borderWidth={1}
-      borderColor={selected ? "$color11" : "$borderColor"}
+      borderWidth={edge.borderWidth}
+      borderColor={selected ? "$color11" : edge.borderColor}
       backgroundColor={selected ? "$color11" : "transparent"}
       justifyContent="center"
       alignItems="center"
@@ -197,14 +200,14 @@ function TimeRangeChip({
       onPress={disabled ? undefined : onPress}
       hoverStyle={disabled ? undefined : { borderColor: "$borderColorHover" }}
     >
-      <Text
+      <TamaguiText
         fontSize={12}
         lineHeight={22}
         color={selected ? "$color1" : "$color11"}
         fontFamily="$body"
       >
         {label}
-      </Text>
+      </TamaguiText>
     </View>
   );
 }
@@ -262,6 +265,7 @@ function TimeRangeScrubberControl({
 }) {
   if (isWeb) ensureKeyboardModalityTracking();
   const radiusStop = useRadiusStop();
+  const { knobProps } = useResolvedKnobs();
   const theme = useTheme();
   const reducedMotion = !transitionToken;
   const gripSize = getScrubberGripRenderSize(size != null ? String(size) : sizeToken);
@@ -564,7 +568,7 @@ function TimeRangeScrubberControl({
       opacity={disabled ? 0.5 : 1}
     >
       <XStack alignItems="baseline" gap="$3" justifyContent="flex-end" flexWrap="wrap">
-        <Text
+        <TamaguiText
           fontFamily="$mono"
           fontSize={12}
           lineHeight={22}
@@ -574,9 +578,9 @@ function TimeRangeScrubberControl({
           data-end={value?.end?.toISOString() ?? ""}
         >
           {formatRangeReadout(value)}
-        </Text>
+        </TamaguiText>
         {frameAt ? (
-          <Text
+          <TamaguiText
             fontFamily="$mono"
             fontSize={12}
             lineHeight={22}
@@ -584,7 +588,7 @@ function TimeRangeScrubberControl({
             data-part="frame-stale"
           >
             {`${t("frame")} −${frameStale}`}
-          </Text>
+          </TamaguiText>
         ) : null}
       </XStack>
       <XStack alignItems="center" gap={7}>
@@ -594,8 +598,7 @@ function TimeRangeScrubberControl({
           alignItems="center"
           justifyContent="center"
           borderRadius={CHIP_RADIUS}
-          borderWidth={1}
-          borderColor="$borderColor"
+          {...knobProps.controlBorderOutlined}
           cursor={locked ? "not-allowed" : "pointer"}
           tabIndex={-1}
           role="button"
@@ -611,8 +614,7 @@ function TimeRangeScrubberControl({
           alignItems="center"
           justifyContent="center"
           borderRadius={CHIP_RADIUS}
-          borderWidth={1}
-          borderColor="$borderColor"
+          {...knobProps.controlBorderOutlined}
           cursor={locked ? "not-allowed" : "pointer"}
           tabIndex={-1}
           role="button"
@@ -648,13 +650,13 @@ function TimeRangeScrubberControl({
               overflow="hidden"
               maxHeight={CAP_HEIGHT}
               borderRadius={CAP_RADIUS}
-              borderWidth={1}
-              borderColor="$borderColor"
+              borderWidth={knobProps.surface.borderWidth}
+              borderColor={knobProps.surface.borderColor}
               backgroundColor="$color2"
               onLayout={(event) => setCapWidth(event.nativeEvent.layout.width)}
               data-part="cap"
             >
-              <Text
+              <TamaguiText
                 fontFamily="$mono"
                 fontSize={12}
                 lineHeight={16}
@@ -664,7 +666,7 @@ function TimeRangeScrubberControl({
                 whiteSpace="nowrap"
               >
                 {formatClock(scrubTime)}
-              </Text>
+              </TamaguiText>
             </View>
           </XStack>
           <View position="relative" height={AXIS_BAND} data-part="frames-lane">

package/src/fields/ToggleGroup/ToggleGroup.stories.tsx

@@ -2,17 +2,11 @@ import { action } from "@multiplatform.one/storybook";
 import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
 import { useForm } from "@tanstack/react-form";
 import { useState } from "react";
-import {
-  Paragraph,
-  SizableText,
-  Text,
-  ToggleGroup as TamaguiToggleGroup,
-  XStack,
-  YStack,
-} from "tamagui";
+import { ToggleGroup as TamaguiToggleGroup, XStack, YStack } from "tamagui";
 import { Button } from "../../Button";
 import { Form } from "../../Form";
 import { ToggleGroup } from "./index";
+import { Paragraph, SizableText, Text } from "@multiplatform.one/theme";
 
 const meta: Meta<typeof ToggleGroup> = {
   title: "Forms/ToggleGroup",

package/src/fields/ToggleGroup/index.tsx

@@ -1,5 +1,5 @@
 import { IconSlot } from "@multiplatform.one/theme";
-import { motionDurationMs } from "@multiplatform.one/theme";
+import { motionDurationMs, SizableText } from "@multiplatform.one/theme";
 import { cssAnimationConfig } from "@multiplatform.one/theme";
 import { transitionProps } from "@multiplatform.one/theme";
 import type { ReactNode } from "react";
@@ -16,7 +16,13 @@ import {
 } from "@multiplatform.one/theme";
 import type { AnyFormApi } from "../../types";
 import type { LabelProps, SizeTokens } from "tamagui";
-import { SizableText, ToggleGroup as TamaguiToggleGroup, View, isWeb, styled } from "tamagui";
+import {
+  SizableText as TamaguiSizableText,
+  ToggleGroup as TamaguiToggleGroup,
+  View,
+  isWeb,
+  styled,
+} from "tamagui";
 import { Skeleton } from "../../Skeleton";
 import { Field, FieldLayout } from "../../fieldLayout";
 import {
@@ -472,7 +478,7 @@ export function ToggleGroup({
                   : undefined
             }
           />
-          <SizableText
+          <TamaguiSizableText
             userSelect="none"
             {...knobProps.controlType}
             {...knobProps.body}
@@ -483,7 +489,7 @@ export function ToggleGroup({
             focusStyle={text.focusKnobProps}
           >
             {option.label}
-          </SizableText>
+          </TamaguiSizableText>
           {showSeam ? (
             <View
               pointerEvents="none"

package/src/fields/nativeDateTime/OsDateTimeSheet.tsx

@@ -12,8 +12,8 @@
  */
 import { useCallback, useState } from "react";
 import { Modal, Pressable, StyleSheet, useColorScheme, Platform } from "react-native";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { Text, View, XStack, YStack, useTheme, useThemeName } from "tamagui";
+import { useResolvedKnobs, Text } from "@multiplatform.one/theme";
+import { View, XStack, YStack, useTheme, useThemeName } from "tamagui";
 import { formCommonColors } from "../../shared/colorRamps";
 import { t } from "../../shared/t";
 import { type DateTimePickerEvent, loadDateTimePicker } from "./dateTimePickerLoader";

package/src/fields/pickerActivation.spec.tsx

@@ -79,7 +79,9 @@ describe("sheet picker pointer activation", () => {
     expect(clear.className).not.toContain("_miw-44px");
     expect(clear.className).not.toContain("_mih-44px");
     expect(clear.className).toContain("_w-37px");
-    expect(clear.getAttribute("data-mp-press-slop")).toBe("2");
+    expect(clear.className).toContain("_h-37px");
+    expect(clear.getAttribute("data-field-action")).toBe("trailing");
+    expect(clear.getAttribute("data-mp-press-slop")).toBe("4");
     fireEvent.click(clear, { detail: 1 });
     await waitFor(() => expect(result.getByText("Selected:none")).toBeTruthy());
     expect(result.getByRole("combobox", { name: "Choice" }).getAttribute("aria-expanded")).toBe(
@@ -95,9 +97,11 @@ it("desktop clear retains compact geometry and never opens on pointer down or cl
   const clear = result.getByRole("button", { name: "Clear" });
   expect(trigger.className).toContain("_h-37px");
   expect(clear.className).toContain("_h-37px");
-  expect(clear.className).toContain("_miw-44px");
+  expect(clear.className).toContain("_w-37px");
+  expect(clear.getAttribute("data-field-action")).toBe("trailing");
+  // LC-149: a square glyph inside the field, padded to 44 on both axes.
   expect(clear.getAttribute("data-mp-press-slop")).toBe("4");
-  expect(clear.getAttribute("data-mp-press-axis")).toBe("vertical");
+  expect(clear.getAttribute("data-mp-press-axis")).toBeNull();
   fireEvent.mouseDown(clear, { detail: 1 });
   expect(trigger.getAttribute("aria-expanded")).toBe("false");
   fireEvent.mouseUp(clear, { detail: 1 });

package/src/hooks/useFocusManagement.ts

@@ -26,7 +26,8 @@ export function focusFieldTarget(
   if (!isWeb || !container) return null;
 
   const tryFocus = (el: Element | null | undefined): HTMLElement | null => {
-    if (!el || !(el instanceof HTMLElement) || typeof el.focus !== "function") return null;
+    if (!el || typeof HTMLElement === "undefined" || !(el instanceof HTMLElement)) return null;
+    if (typeof el.focus !== "function") return null;
     // Prefer a nested focusable control when the match is a wrapper.
     const nested = el.matches?.(
       "input, textarea, select, button, [tabindex]:not([tabindex='-1']), [contenteditable='true']",
@@ -298,7 +299,7 @@ export function useFocusManagement(options: FocusManagementOptions = {}): FocusM
         if (initialFocus === "first") {
           const firstElement = getFocusableElements()[0];
           if (firstElement) focusElement(firstElement);
-        } else if (initialFocus instanceof HTMLElement) {
+        } else if (typeof HTMLElement !== "undefined" && initialFocus instanceof HTMLElement) {
           focusElement(initialFocus);
         }
       }, autoFocusDelay);

package/src/index.ts

@@ -348,6 +348,15 @@ export {
   KEYBOARD_TO_INPUT_MODE,
   INPUT_MODE_TO_KEYBOARD,
 } from "./InputParts";
+export type { InputActionProps } from "./InputParts";
+export { FieldTrailingOverlay } from "./InputParts";
+export {
+  PasswordReveal,
+  usePasswordReveal,
+  SHOW_PASSWORD,
+  HIDE_PASSWORD,
+} from "./InputParts/PasswordReveal";
+export type { PasswordRevealProps } from "./InputParts/PasswordReveal";
 
 export { useControlGrouped } from "./shared/groupContext";
 

package/src/shared/focusManagement.spec.tsx

@@ -33,7 +33,7 @@ for (const mode of ["floating", "sheet"] as const) {
       const hook = renderHook(
         ({ open }) => {
           if (mode === "sheet") useSheetModalFocus(open, frameRef, skipReturnFocusRef);
-          else useReturnFocusOnClose(open, skipReturnFocusRef);
+          else useReturnFocusOnClose(open, skipReturnFocusRef, frameRef);
         },
         { initialProps: { open: true }, wrapper: Wrapper },
       );
@@ -76,6 +76,16 @@ for (const mode of ["floating", "sheet"] as const) {
       expect(document.activeElement).toBe(h.trigger);
     });
 
+    it("returns focus left inside the closing frame before the frame unmounts", async () => {
+      const h = setup();
+      h.setAnimation("none");
+      h.rerender({ open: true });
+      h.item.focus();
+      h.rerender({ open: false });
+      await act(() => vi.advanceTimersByTimeAsync(50));
+      expect(document.activeElement).toBe(h.trigger);
+    });
+
     it("honors suppression set after close, before the delayed restore", async () => {
       const h = setup();
       h.trigger.blur();

package/src/shared/focusManagement.ts

@@ -6,9 +6,9 @@
  * only remembers a `Dialog.Trigger` mounted inside the Dialog. These hooks
  * close that gap:
  *
- * - `useReturnFocusOnClose(open)` — capture the focused element when `open`
- *   flips true; when it flips false, return focus to it IF focus was dropped
- *   (on body, or stranded inside a hidden/removed overlay). Never steals
+ * - `useReturnFocusOnClose(open, skip?, insideRef?)` — capture the focused
+ *   element when `open` flips true; when it flips false, return focus to it
+ *   IF focus was dropped (on body, or stranded inside the closing overlay). Never steals
  *   focus the user deliberately moved elsewhere (outside-click onto another
  *   control).
  * - `useSheetModalFocus(open, frameRef)` — sheet-mode complement: also moves
@@ -96,8 +96,17 @@ function restoreLater(
   setTimeout(restore, delayMs);
 }
 
-/** Restore focus to the element focused at open time, on close (web only). */
-export function useReturnFocusOnClose(open: boolean, skipReturnFocusRef?: RefObject<boolean>) {
+/**
+ * Restore focus to the element focused at open time, on close (web only).
+ * `insideRef` is the closing overlay's frame: focus still inside it counts as
+ * dropped, because it falls to <body> when the frame unmounts after the exit
+ * and no retry runs that late.
+ */
+export function useReturnFocusOnClose(
+  open: boolean,
+  skipReturnFocusRef?: RefObject<boolean>,
+  insideRef?: RefObject<HTMLElement | null>,
+) {
   const { prevRef, generationRef } = useCaptureOnOpen(open);
   const { knobProps } = useResolvedKnobs();
   const restoreDelayMsRef = useRef(0);
@@ -109,10 +118,10 @@ export function useReturnFocusOnClose(open: boolean, skipReturnFocusRef?: RefObj
         prevRef,
         generationRef,
         restoreDelayMsRef.current,
-        undefined,
+        insideRef,
         skipReturnFocusRef,
       );
-  }, [open, prevRef, generationRef, skipReturnFocusRef]);
+  }, [open, prevRef, generationRef, skipReturnFocusRef, insideRef]);
 }
 
 /**
@@ -208,7 +217,7 @@ export function useDialogShowFocus(onOpenAutoFocus: (event: Event) => void) {
     if (!open || !contentId || !canUseDom()) return;
     const content = document.getElementById(contentId);
     const focused = document.activeElement;
-    if (!content || !(focused instanceof HTMLElement)) return;
+    if (!content || typeof HTMLElement === "undefined" || !(focused instanceof HTMLElement)) return;
     if (!content.contains(focused) || focused.tabIndex >= 0) return;
     content.addEventListener(DIALOG_SHOW_FOCUS_EVENT, onOpenAutoFocus, { once: true });
     content.dispatchEvent(new CustomEvent(DIALOG_SHOW_FOCUS_EVENT, { cancelable: true }));

package/src/shared/interactionHooks.spec.tsx

@@ -61,6 +61,19 @@ describe("useSheetEscapeDismiss", () => {
     expect(second).toHaveBeenCalledTimes(1);
   });
 
+  it("listens on document when asked, so a document-level stopPropagation cannot block it", () => {
+    const onDismiss = vi.fn();
+    const stop = (event: Event) => event.stopPropagation();
+    document.addEventListener("keydown", stop);
+    try {
+      renderHook(() => useSheetEscapeDismiss(true, onDismiss, "document"));
+      document.dispatchEvent(new KeyboardEvent("keydown", { key: "Escape", bubbles: true }));
+      expect(onDismiss).toHaveBeenCalledTimes(1);
+    } finally {
+      document.removeEventListener("keydown", stop);
+    }
+  });
+
   it("detaches the listener on unmount", () => {
     const onDismiss = vi.fn();
     const { unmount } = renderHook(() => useSheetEscapeDismiss(true, onDismiss));

package/src/shared/panelPortal.ts

@@ -18,7 +18,8 @@ export function registerPanelPortal(portal: Element, anchor: Element): () => voi
 
 /** The element that opened the portaled panel `node` sits in, or null. */
 export function panelPortalAnchor(node: Node): Element | null {
-  const element = node instanceof Element ? node : node.parentElement;
+  const element =
+    typeof Element !== "undefined" && node instanceof Element ? node : node.parentElement;
   const portal = element?.closest(`[${panelPortalAttribute}]`);
   return portal ? (anchors.get(portal) ?? null) : null;
 }

package/src/shared/useDragScroll.ts

@@ -61,7 +61,7 @@ export function useDragScroll(options: UseDragScrollOptions = {}): UseDragScroll
   );
 
   const handlePointerUp = useCallback(() => {
-    if (isDragging.current) {
+    if (isDragging.current && typeof document !== "undefined") {
       isDragging.current = false;
       document.removeEventListener("pointermove", handlePointerMove);
       document.removeEventListener("pointerup", handlePointerUp);
@@ -77,7 +77,7 @@ export function useDragScroll(options: UseDragScrollOptions = {}): UseDragScroll
   const handlePointerDown = useCallback(
     (e: ReactPointerEvent) => {
       // Only handle primary button (left click)
-      if (e.button !== 0) return;
+      if (e.button !== 0 || typeof document === "undefined") return;
       // Don't interfere with interactive elements
       const target = e.target as HTMLElement;
       if (

package/src/shared/useSheetEscapeDismiss.ts

@@ -11,7 +11,11 @@ import { isWeb } from "tamagui";
  * comboboxes) that own Escape call stopPropagation()/preventDefault() and
  * keep the sheet open.
  */
-export function useSheetEscapeDismiss(enabled: boolean, onDismiss: () => void) {
+export function useSheetEscapeDismiss(
+  enabled: boolean,
+  onDismiss: () => void,
+  target: "window" | "document" = "window",
+) {
   const onDismissRef = useRef(onDismiss);
   onDismissRef.current = onDismiss;
   useEffect(() => {
@@ -20,7 +24,8 @@ export function useSheetEscapeDismiss(enabled: boolean, onDismiss: () => void) {
       if (event.key !== "Escape" || event.defaultPrevented) return;
       onDismissRef.current();
     };
-    window.addEventListener("keydown", onKeyDown);
-    return () => window.removeEventListener("keydown", onKeyDown);
-  }, [enabled]);
+    const node = target === "document" ? document : window;
+    node.addEventListener("keydown", onKeyDown as EventListener);
+    return () => node.removeEventListener("keydown", onKeyDown as EventListener);
+  }, [enabled, target]);
 }

package/types/Button/index.d.ts

@@ -115,8 +115,16 @@ export interface ButtonProps extends Omit<TamaguiButtonProps, "form" | "icon" |
      * `control`.
      */
     recipeFamily?: RecipeFamilyName;
+    /**
+     * A chromeless button at a container edge (a toolbar's back button) pulls
+     * out by its own horizontal padding, so its glyph sits on the content
+     * gutter while the press target reaches into the margin (MUI IconButton
+     * `edge`, iOS / Material top-bar navigation icon). No effect on a button
+     * that paints a frame: the frame is what aligns there.
+     */
+    edge?: "start" | "end";
 }
-export declare function Button({ children, action, form: formProp, loading, accent, error, warning, success, skeleton, outlined, disabled, theme, onPress, onKeyDown, tabIndex, icon, iconAfter, selected, nested, circular, chromeless, verb, noun, actionRole, disabledReason, disabledReasonPlacement, sizeRecipeEscape, recipeFamily, height: heightProp, paddingHorizontal: paddingHorizontalProp, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ children, action, form: formProp, loading, accent, error, warning, success, skeleton, outlined, disabled, theme, onPress, onKeyDown, tabIndex, icon, iconAfter, selected, nested, circular, chromeless, edge, verb, noun, actionRole, disabledReason, disabledReasonPlacement, sizeRecipeEscape, recipeFamily, height: heightProp, paddingHorizontal: paddingHorizontalProp, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Button {
     var Icon: (props: {
         children: React.ReactNode;

package/types/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAQL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAeL,KAAK,gBAAgB,EACrB,KAAK,UAAU,EAEhB,MAAM,0BAA0B,CAAC;AAIlC,OAAO,EAEL,KAAK,WAAW,IAAI,kBAAkB,EAUvC,MAAM,SAAS,CAAC;AAIjB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C,OAAO,KAAK,EAAE,UAAU,EAAuB,MAAM,cAAc,CAAC;AAMpE;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAE1C,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAkC,CAAC;AAElG,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,EACrC,MAAM,GAAE,gBAA4B,EACpC,KAAK,UAAQ,GACZ,gBAAgB,CAOlB;AAaD,0DAA0D;AAC1D,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAElE,KAAK,QAAQ,GAAG,SAAS,GAAG,aAAa,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AA2F7E,eAAO,MAAM,WAAW;;;;;;;;6CA2DtB,CAAC;AAEH;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,kBAAkB,EAClB,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAC1C;IACC,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;;OAMG;IACH,uBAAuB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,MAAM,EACN,IAAI,EAAE,QAAQ,EACd,OAAO,EACP,MAAM,EACN,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,MAAc,EACd,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,cAAc,EACd,uBAAiC,EACjC,gBAAgB,EAChB,YAAwB,EACxB,MAAM,EAAE,UAAU,EAClB,iBAAiB,EAAE,qBAAqB,EACxC,GAAG,KAAK,EACT,EAAE,WAAW,2CAojBb;yBAplBe,MAAM;;;iBA9DT,CAAC;YACC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.tsx"],"names":[],"mappings":"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"}

package/types/FloatingPanel/PanelPortal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelPortal.d.ts","sourceRoot":"","sources":["../../src/FloatingPanel/PanelPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlE,MAAM,WAAW,gBAAgB;IAC/B,qEAAqE;IACrE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAuBD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,CAG1E;AAmCD;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,gBAAgB,kDA8DjE"}
+{"version":3,"file":"PanelPortal.d.ts","sourceRoot":"","sources":["../../src/FloatingPanel/PanelPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlE,MAAM,WAAW,gBAAgB;IAC/B,qEAAqE;IACrE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAuBD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,CAG1E;AAmCD;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,gBAAgB,kDA+DjE"}

package/types/FloatingPanel/index.d.ts

@@ -11,6 +11,14 @@ export interface FloatingPanelProps {
     /** Suppress delayed trigger focus when a consumer handles close focus itself. Web only. */
     skipReturnFocusRef?: RefObject<boolean>;
     trigger: ReactNode;
+    anchorMode?: "cover-trigger" | "attach";
+    triggerRow?: ReactNode;
+    anchorRect?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
     triggerEcho?: boolean;
     /**
      * Optional control rendered beside the trigger but OUTSIDE the native press
@@ -117,7 +125,7 @@ export interface FloatingPanelProps {
      * COVER-TRIGGER (LC-105): the panel's top edge sits on the trigger's TOP
      * edge instead of attaching below it, so the trigger becomes the panel's
      * first row by default. Set triggerEcho=false for a custom first row. The panel scales from
-     * the trigger's top start corner. Dropping up, the bottom edges coincide.
+     * the trigger's top start corner. Viewport collisions use the bottom sheet.
      * Enabled by default. Web float only; the native and narrow-web sheet is unchanged.
      */
     cover?: boolean;

package/types/FloatingPanel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FloatingPanel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAwB3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAezD,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG/E,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACV,cAAc,EACd,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,oBAAoB,CAAC;AAI5B,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,2FAA2F;IAC3F,kBAAkB,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACxC,OAAO,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC1C;;;;;OAKG;IACH,WAAW,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChE;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACtC;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;IACjC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AA2LD,wBAAgB,eAAe,YAE9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CActD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FloatingPanel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AA4B3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAezD,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG/E,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACV,cAAc,EACd,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,oBAAoB,CAAC;AAI5B,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,2FAA2F;IAC3F,kBAAkB,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACxC,OAAO,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,eAAe,GAAG,QAAQ,CAAC;IACxC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC1C;;;;;OAKG;IACH,WAAW,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChE;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACtC;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;IACjC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAuPD,wBAAgB,eAAe,YAE9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAkBtD"}

package/types/FloatingPanel/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../src/FloatingPanel/index.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AAqCH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAOlD,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE/E,uFAAuF;AACvF,wBAAgB,eAAe,YAE9B;AAiBD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,UAAU,EACV,aAAyB,EACzB,QAAQ,EAAE,aAAa,EACvB,UAAU,EACV,QAAQ,EACR,cAA0B,EAC1B,MAAM,EACN,eAAe,EACf,WAAW,EACX,SAAS,EACT,MAAgB,GACjB,EAAE,kBAAkB,2CAgfpB"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../src/FloatingPanel/index.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AAqCH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAQlD,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE/E,uFAAuF;AACvF,wBAAgB,eAAe,YAE9B;AAiBD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,UAAU,EACV,aAAyB,EACzB,QAAQ,EAAE,aAAa,EACvB,UAAU,EACV,QAAQ,EACR,cAA0B,EAC1B,MAAM,EACN,eAAe,EACf,WAAW,EACX,SAAS,EACT,MAAgB,GACjB,EAAE,kBAAkB,2CAifpB"}

package/types/FloatingPanel/trailingAction.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+/**
+ * LC-149 FIELD-TRAILING-ACTION for picker triggers. `triggerEnd` stays out of
+ * the trigger's press capture (Fabric steals the responder from anything
+ * inside it), so it cannot live in the Box. It is laid over the Box's
+ * trailing edge instead, and the Box keeps that end cap empty for it: the
+ * clear reads as part of the field, not a button beside it.
+ */
+export declare function TriggerWithTrailingAction({ trigger, triggerEnd, }: {
+    trigger: ReactNode;
+    triggerEnd?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TrailingActionOverlay({ children }: {
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=trailingAction.d.ts.map

package/types/FloatingPanel/trailingAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trailingAction.d.ts","sourceRoot":"","sources":["../../src/FloatingPanel/trailingAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,OAAO,EACP,UAAU,GACX,EAAE;IACD,OAAO,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,2CAGA;AAED,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,kDAc3E"}