@oxyhq/bloom 0.89.0 → 1.0.0

package/lib/typescript/module/content-panel/index.web.d.ts

@@ -1,111 +1,3 @@
-/**
- * Web variant of `ContentPanel` — the framed app-content surface.
- *
- * On the web, app content scrolls the DOCUMENT, and a multi-column shell keeps
- * the routed content in a rounded, bordered center panel. Two problems follow
- * from letting feed content bleed to the rounded panel edge, both solved here
- * with sticky, full-viewport-height overlays inside the panel surface:
- *
- *  1. BLEED-MASK overlay (`z-30`): a `box-shadow` ring in the GUTTER color
- *     (Bloom `background` token) drawn OVER content that bleeds into the thin
- *     lateral gutter / rounded corners. `clip-path: inset(-12px)` keeps that
- *     ring off the side columns. It sits below opaque chrome (headers/banners),
- *     so it only masks the content's bleed, never the chrome. No border.
- *     (`clip-path` MUST be the arbitrary class — RN-web drops it from `style`.)
- *
- *  2. BORDER-FRAME overlay (`z-[120]`): a single 1px rounded `border-border`
- *     outline with a transparent interior, ABOVE all content. Being one element
- *     above everything, it draws ONE continuous rounded border around all four
- *     sides — no seams, no double lines, no per-chrome borders.
- *
- * Both overlays are `position: sticky; top: 8px` with a negative
- * `margin-bottom` so they occupy zero layout height (they overlay the scrolled
- * content rather than displacing it). They render BEFORE the content wrapper so
- * z-index — not DOM order — decides layering.
- *
- * Framing is tri-state via the `framed` prop:
- *
- *  - `undefined` (DEFAULT) → RESPONSIVE, driven purely by NativeWind: full-bleed
- *    below the `framedFrom` breakpoint, framed at/above it. The breakpoint is
- *    configurable per consumer (`framedFrom`, default `768` / Tailwind `md`); the
- *    rounding is gated by that breakpoint's `min-*:` variant and both overlays
- *    are always rendered but carry the matching `max-*:hidden` literal
- *    (`display:none` below the breakpoint), so the breakpoint is decided entirely
- *    in CSS — no consumer JS breakpoint hook.
- *  - `false` → NEVER framed (full-bleed at every size): a single flat surface,
- *    no rounding, no overlays.
- *  - `true` → ALWAYS framed (rounded + overlays at every size).
- *
- * The overlays are gated by VISIBILITY (a `max-*:hidden` literal for the chosen
- * breakpoint) rather than by conditional mounting for the responsive case, so
- * crossing the breakpoint never remounts them. The content wrapper likewise
- * keeps a stable `key` so `{children}` reconciles in place across the breakpoint
- * instead of remounting (which would reset feed scroll / the virtualizer +
- * refetch).
- *
- * Native bundlers use `./index.tsx` (a plain rounded surface); web bundlers
- * select this file via the `"browser"` export condition in `package.json`.
- *
- * Styling is NativeWind-className-first; the literal class strings below MUST
- * stay literal so a consumer's Tailwind content-scan over `lib/**` picks them up
- * (no dynamic concatenation of the arbitrary `web:[…]` / `rounded-radius-28` /
- * `md:` parts — whole class strings are selected per mode instead).
- */
-import React from 'react';
-import { type StyleProp, type ViewStyle } from 'react-native';
-/** Width (in px) of the sticky gutter-mask box-shadow ring. */
-export declare const GUTTER_MASK_SPREAD = 40;
-/** Top sticky inset (px) the framed panel chrome pins to. */
-export declare const PANEL_TOP_INSET = 8;
-/** Bottom sticky inset (px) of the framed panel chrome. */
-export declare const PANEL_BOTTOM_INSET = 8;
-/**
- * Viewport width (px) at which a RESPONSIVE `ContentPanel` (`framed` undefined)
- * switches from full-bleed to framed. Each value maps to a PRE-SHIPPED literal
- * Tailwind class bundle — `768` (default) uses the named `md:`/`max-md:` screens
- * (byte-identical to prior behavior), `640` uses `sm:`/`max-sm:`, `1024` uses
- * `lg:`/`max-lg:`, and `500` uses the arbitrary `min-[500px]:`/`max-[500px]:`
- * variants (there is no named screen at 500px). The breakpoint tokens are never
- * built at runtime, so a consumer's Tailwind content-scan over `lib/**` resolves
- * them verbatim.
- */
-export type ContentPanelFramedBreakpoint = 500 | 640 | 768 | 1024;
-export interface ContentPanelProps {
-    children: React.ReactNode;
-    /**
-     * Framing mode. Tri-state, resolved purely with NativeWind — no consumer
-     * breakpoint hook needed:
-     * - `undefined` (DEFAULT) → responsive: full-bleed below the `framedFrom`
-     *   breakpoint, framed at/above it (rounded corners + sticky bleed-mask/border
-     *   overlays).
-     * - `false` → never framed (full-bleed at every size).
-     * - `true` → always framed (rounded + overlays at every size).
-     */
-    framed?: boolean;
-    /**
-     * Viewport width at which the RESPONSIVE panel switches from full-bleed to
-     * framed. Only meaningful when `framed` is `undefined` (responsive) — ignored
-     * when `framed` is `true` (always framed) or `false` (never framed). Defaults
-     * to `768` (Tailwind `md`), reproducing the prior fixed behavior exactly.
-     */
-    framedFrom?: ContentPanelFramedBreakpoint;
-    /** Override the surface background utility (defaults to `bg-card`). */
-    surfaceClassName?: string;
-    surfaceStyle?: StyleProp<ViewStyle>;
-    /** Extra utilities for the inner content wrapper. */
-    contentClassName?: string;
-    contentStyle?: StyleProp<ViewStyle>;
-    /** Render the sticky border frame (defaults to true when framed). */
-    showStickyFrame?: boolean;
-    /**
-     * Color of the sticky bleed-mask gutter ring. The ring is meant to match the
-     * UNSCOPED outer gutter band (the app's background), so consumers that wrap
-     * `<ContentPanel>` in a `BloomColorScope` (e.g. a tinted per-profile color)
-     * should pass the unscoped background here — otherwise the internally-read
-     * scoped `background` token would tint the ring and leave a faint corner seam.
-     * Defaults to the current theme's `background` token.
-     */
-    maskColor?: string;
-}
-export declare const ContentPanel: React.NamedExoticComponent<ContentPanelProps>;
+export { GUTTER_MASK_SPREAD, PANEL_TOP_INSET, PANEL_BOTTOM_INSET, ContentPanel, } from './ContentPanel.web';
+export type { ContentPanelFramedBreakpoint, ContentPanelProps } from './types';
 //# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/module/content-panel/index.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/content-panel/index.web.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAQpE,+DAA+D;AAC/D,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,6DAA6D;AAC7D,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,2DAA2D;AAC3D,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAEpC;;;;;;;;;GASG;AACH,MAAM,MAAM,4BAA4B,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAElE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,4BAA4B,CAAC;IAC1C,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,qEAAqE;IACrE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqID,eAAO,MAAM,YAAY,+CAA8B,CAAC"}
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/content-panel/index.web.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,YAAY,GACb,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,4BAA4B,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/module/content-panel/types.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+/**
+ * Viewport width (px) at which a RESPONSIVE `ContentPanel` (`framed` undefined)
+ * switches from full-bleed to framed. Each value maps to a PRE-SHIPPED literal
+ * Tailwind class bundle — `768` (default) uses the named `md:` screen
+ * (byte-identical to prior behavior), `640` uses `sm:`, `1024` uses `lg:`, and
+ * `500` uses the arbitrary `min-[500px]:` variant (there is no named screen at
+ * 500px). The breakpoint tokens are never built at runtime, so a consumer's
+ * Tailwind content-scan over `src/**`/`lib/**` resolves them verbatim.
+ */
+export type ContentPanelFramedBreakpoint = 500 | 640 | 768 | 1024;
+export interface ContentPanelProps {
+    children: React.ReactNode;
+    /**
+     * Framing mode. Tri-state, resolved purely with NativeWind — no consumer
+     * breakpoint hook needed:
+     * - `undefined` (DEFAULT) → responsive: full-bleed below the `framedFrom`
+     *   breakpoint, rounded + bordered at/above it.
+     * - `false` → never framed (plain full-bleed at every size).
+     * - `true` → always rounded + bordered.
+     */
+    framed?: boolean;
+    /**
+     * Viewport width at which the RESPONSIVE panel switches from full-bleed to
+     * framed. Only meaningful when `framed` is `undefined` (responsive) — ignored
+     * when `framed` is `true` (always framed) or `false` (never framed). Defaults
+     * to `768` (Tailwind `md`), reproducing the prior fixed behavior exactly.
+     */
+    framedFrom?: ContentPanelFramedBreakpoint;
+    /** Override the surface background utility (defaults to `bg-card`). */
+    surfaceClassName?: string;
+    surfaceStyle?: StyleProp<ViewStyle>;
+    /** Extra utilities for the inner content wrapper. */
+    contentClassName?: string;
+    contentStyle?: StyleProp<ViewStyle>;
+    /**
+     * Whether to render the WEB sticky border frame. No-op on native (the border
+     * is always part of the surface).
+     */
+    showStickyFrame?: boolean;
+    /**
+     * Color of the WEB sticky bleed-mask gutter ring. Accepted for cross-platform
+     * API parity — no-op on native (there is no bleed-mask), like `framed`.
+     */
+    maskColor?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/module/content-panel/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/content-panel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D;;;;;;;;GAQG;AACH,MAAM,MAAM,4BAA4B,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAElE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,4BAA4B,CAAC;IAC1C,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/lib/typescript/module/context-menu/ContextMenu.d.ts

@@ -0,0 +1,26 @@
+/**
+ * `ContextMenu` — NATIVE. A LONG PRESS opens the same bottom sheet
+ * `DropdownMenu` presents, because a phone has no right-click and no cursor to
+ * anchor to. The web fork (`ContextMenu.web.tsx`) is the second half and anchors
+ * at the click point instead.
+ *
+ * The rows are `floating/menu-rows`, published here under shadcn's
+ * `ContextMenu*` names — one implementation, three families.
+ */
+import React from 'react';
+import type { ContextMenuContentProps, ContextMenuProps, ContextMenuTriggerProps } from './types';
+export declare function ContextMenu({ children, onOpenChange }: ContextMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContextMenuTrigger({ children, asChild, disabled, label, style, testID, }: ContextMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContextMenuContent({ children, label, style, }: ContextMenuContentProps): import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenuItem: React.ComponentType<import("../floating").MenuRowProps>;
+export declare const ContextMenuCheckboxItem: React.ComponentType<import("../floating").MenuCheckboxRowProps>;
+export declare const ContextMenuRadioGroup: React.ComponentType<import("../floating").MenuRadioGroupProps>;
+export declare const ContextMenuRadioItem: React.ComponentType<import("../floating").MenuRadioRowProps>;
+export declare const ContextMenuLabel: React.ComponentType<import("../floating").MenuLabelProps>;
+export declare const ContextMenuSeparator: React.ComponentType<Record<string, never>>;
+export declare const ContextMenuShortcut: React.ComponentType<import("../floating").MenuShortcutProps>;
+export declare const ContextMenuGroup: React.ComponentType<import("../floating").MenuGroupProps>;
+export declare const ContextMenuSub: React.ComponentType<import("../floating").MenuSubProps>;
+export declare const ContextMenuSubTrigger: React.ComponentType<import("../floating").MenuSubTriggerProps>;
+export declare const ContextMenuSubContent: React.ComponentType<import("../floating").MenuSubContentProps>;
+//# sourceMappingURL=ContextMenu.d.ts.map

package/lib/typescript/module/context-menu/ContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/context-menu/ContextMenu.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAU9D,OAAO,KAAK,EACV,uBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,gBAAgB,2CAqBvE;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,EACL,KAAK,EACL,MAAM,GACP,EAAE,uBAAuB,2CAwBzB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,KAAsB,EACtB,KAAK,GACN,EAAE,uBAAuB,2CAmBzB;AAID,eAAO,MAAM,eAAe,yDAAY,CAAC;AACzC,eAAO,MAAM,uBAAuB,iEAAoB,CAAC;AACzD,eAAO,MAAM,qBAAqB,gEAAkB,CAAC;AACrD,eAAO,MAAM,oBAAoB,8DAAiB,CAAC;AACnD,eAAO,MAAM,gBAAgB,2DAAa,CAAC;AAC3C,eAAO,MAAM,oBAAoB,4CAAiB,CAAC;AACnD,eAAO,MAAM,mBAAmB,8DAAgB,CAAC;AACjD,eAAO,MAAM,gBAAgB,2DAAa,CAAC;AAC3C,eAAO,MAAM,cAAc,yDAAW,CAAC;AACvC,eAAO,MAAM,qBAAqB,gEAAkB,CAAC;AACrD,eAAO,MAAM,qBAAqB,gEAAkB,CAAC"}

package/lib/typescript/module/context-menu/ContextMenu.web.d.ts

@@ -0,0 +1,25 @@
+/**
+ * `ContextMenu` — WEB. Right-click opens the menu AT THE CURSOR: the anchor is
+ * the click point, a zero-area box, which `overlay/dropdown-placement` already
+ * handles as one end of the same fit/flip/clamp it does for a trigger's rect.
+ *
+ * Everything below the anchor — portal, overlay rank, dismiss layer, placement —
+ * is `floating/FloatingPanel`, shared with the other three anchored families.
+ */
+import React from 'react';
+import type { ContextMenuContentProps, ContextMenuProps, ContextMenuTriggerProps } from './types';
+export declare function ContextMenu({ children, onOpenChange }: ContextMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContextMenuTrigger({ children, asChild, disabled, label, style, testID, }: ContextMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContextMenuContent({ children, label, side, align, sideOffset, alignOffset, dismissible, minWidth, maxWidth, className, style, testID, }: ContextMenuContentProps): import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenuItem: React.ComponentType<import("../floating").MenuRowProps>;
+export declare const ContextMenuCheckboxItem: React.ComponentType<import("../floating").MenuCheckboxRowProps>;
+export declare const ContextMenuRadioGroup: React.ComponentType<import("../floating").MenuRadioGroupProps>;
+export declare const ContextMenuRadioItem: React.ComponentType<import("../floating").MenuRadioRowProps>;
+export declare const ContextMenuLabel: React.ComponentType<import("../floating").MenuLabelProps>;
+export declare const ContextMenuSeparator: React.ComponentType<Record<string, never>>;
+export declare const ContextMenuShortcut: React.ComponentType<import("../floating").MenuShortcutProps>;
+export declare const ContextMenuGroup: React.ComponentType<import("../floating").MenuGroupProps>;
+export declare const ContextMenuSub: React.ComponentType<import("../floating").MenuSubProps>;
+export declare const ContextMenuSubTrigger: React.ComponentType<import("../floating").MenuSubTriggerProps>;
+export declare const ContextMenuSubContent: React.ComponentType<import("../floating").MenuSubContentProps>;
+//# sourceMappingURL=ContextMenu.web.d.ts.map

package/lib/typescript/module/context-menu/ContextMenu.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.web.d.ts","sourceRoot":"","sources":["../../../../src/context-menu/ContextMenu.web.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAYjF,OAAO,KAAK,EACV,uBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,gBAAgB,2CAsBvE;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,EACL,KAAK,EACL,MAAM,GACP,EAAE,uBAAuB,2CA+CzB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,KAAsB,EACtB,IAAI,EACJ,KAAe,EAIf,UAAc,EACd,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,GACP,EAAE,uBAAuB,2CA4BzB;AAID,eAAO,MAAM,eAAe,yDAAY,CAAC;AACzC,eAAO,MAAM,uBAAuB,iEAAoB,CAAC;AACzD,eAAO,MAAM,qBAAqB,gEAAkB,CAAC;AACrD,eAAO,MAAM,oBAAoB,8DAAiB,CAAC;AACnD,eAAO,MAAM,gBAAgB,2DAAa,CAAC;AAC3C,eAAO,MAAM,oBAAoB,4CAAiB,CAAC;AACnD,eAAO,MAAM,mBAAmB,8DAAgB,CAAC;AACjD,eAAO,MAAM,gBAAgB,2DAAa,CAAC;AAC3C,eAAO,MAAM,cAAc,yDAAW,CAAC;AACvC,eAAO,MAAM,qBAAqB,gEAAkB,CAAC;AACrD,eAAO,MAAM,qBAAqB,gEAAkB,CAAC"}

package/lib/typescript/module/context-menu/context.d.ts

@@ -1,11 +1,15 @@
-import type { ContextMenuContextValue, ItemContextValue } from './types';
-/**
- * Base context shared by both platforms. Each platform extends this with
- * additional fields (native adds `control`, web adds `position`) by
- * providing a compatible superset value.
- */
-export declare const ContextMenuContext: import("react").Context<ContextMenuContextValue | null>;
-export declare function useContextMenuContext(): ContextMenuContextValue;
-export declare const ItemCtx: import("react").Context<ItemContextValue | null>;
-export declare function useItemContext(): ItemContextValue;
+import type { FloatingAnchor } from '../floating/types';
+export interface ContextMenuContextValue {
+    open: boolean;
+    /**
+     * Open at a viewport point. Native passes `null` — it presents a sheet, which
+     * anchors to the screen rather than to the press.
+     */
+    openAt: (anchor: FloatingAnchor | null) => void;
+    close: () => void;
+    /** Where the surface anchors. `null` on native and while closed. */
+    anchor: FloatingAnchor | null;
+}
+export declare const ContextMenuProvider: import("react").Provider<ContextMenuContextValue | null>;
+export declare function useContextMenu(): ContextMenuContextValue;
 //# sourceMappingURL=context.d.ts.map

package/lib/typescript/module/context-menu/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/context-menu/context.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAMzE;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,yDAAsD,CAAC;AAGtF,wBAAgB,qBAAqB,IAAI,uBAAuB,CAQ/D;AAMD,eAAO,MAAM,OAAO,kDAA+C,CAAC;AAGpE,wBAAgB,cAAc,IAAI,gBAAgB,CAQjD"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/context-menu/context.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,MAAM,EAAE,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,oEAAoE;IACpE,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;CAC/B;AAKD,eAAO,MAAM,mBAAmB,0DAA8B,CAAC;AAE/D,wBAAgB,cAAc,IAAI,uBAAuB,CAMxD"}

package/lib/typescript/module/context-menu/index.d.ts

@@ -1,21 +1,3 @@
-/**
- * ContextMenu — Native implementation
- *
- * Opens a bottom-sheet menu when the user long-presses the trigger. The
- * menu body uses bloom's internal `SheetShell` (a `BottomSheet`
- * presentation primitive with the same drag-handle + close-on-tap
- * semantics shared by `Menu` and `Select`).
- */
-import React from 'react';
-import type { ContextMenuContentProps, ContextMenuGroupProps, ContextMenuItemIconProps, ContextMenuItemProps, ContextMenuItemTextProps, ContextMenuTriggerProps } from './types';
-export declare function ContextMenu({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuTrigger({ children, label, hint, style }: ContextMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuContent({ children, style }: ContextMenuContentProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuItem({ children, label, onPress, disabled, style, }: ContextMenuItemProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuItemText({ children, style }: ContextMenuItemTextProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuItemIcon({ icon: Comp }: ContextMenuItemIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuGroup({ children, style }: ContextMenuGroupProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuDivider(): import("react/jsx-runtime").JSX.Element;
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuSub, ContextMenuSubTrigger, ContextMenuSubContent, } from './ContextMenu';
+export type { ContextMenuProps, ContextMenuTriggerProps, ContextMenuContentProps, ContextMenuItemProps, ContextMenuCheckboxItemProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuLabelProps, ContextMenuShortcutProps, ContextMenuGroupProps, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuSubContentProps, } from './types';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/context-menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/context-menu/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAKN,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAEV,uBAAuB,EACvB,qBAAqB,EACrB,wBAAwB,EACxB,oBAAoB,EACpB,wBAAwB,EACxB,uBAAuB,EAExB,MAAM,SAAS,CAAC;AA2BjB,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAkBtE;AAMD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,uBAAuB,2CAwB3F;AAMD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,uBAAuB,2CAiB9E;AAMD,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAgB,EAChB,KAAK,GACN,EAAE,oBAAoB,2CAgDtB;AAMD,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,wBAAwB,2CAiBhF;AAMD,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,wBAAwB,2CAU3E;AAMD,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,qBAAqB,2CAE1E;AAMD,wBAAgB,kBAAkB,4CAWjC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/context-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,gBAAgB,EAChB,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,4BAA4B,EAC5B,0BAA0B,EAC1B,yBAAyB,EACzB,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,mBAAmB,EACnB,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,SAAS,CAAC"}

package/lib/typescript/module/context-menu/index.web.d.ts

@@ -1,19 +1,3 @@
-/**
- * ContextMenu — Web implementation
- *
- * Opens a positioned dropdown menu on right-click (contextmenu event).
- * Uses Bloom's Portal for rendering the menu above other content.
- */
-import React from 'react';
-import type { ContextMenuContentProps, ContextMenuGroupProps, ContextMenuItemIconProps, ContextMenuItemProps, ContextMenuItemTextProps, ContextMenuTriggerProps } from './types';
-export declare function ContextMenu({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuTrigger({ children, label, hint, style }: ContextMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuContent({ children, style }: ContextMenuContentProps): import("react/jsx-runtime").JSX.Element | null;
-export declare function ContextMenuItem({ children, label, onPress, disabled, style, }: ContextMenuItemProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuItemText({ children, style }: ContextMenuItemTextProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuItemIcon({ icon: Comp }: ContextMenuItemIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuGroup({ children }: ContextMenuGroupProps): import("react/jsx-runtime").JSX.Element;
-export declare function ContextMenuDivider(): import("react/jsx-runtime").JSX.Element;
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuSub, ContextMenuSubTrigger, ContextMenuSubContent, } from './ContextMenu.web';
+export type { ContextMenuProps, ContextMenuTriggerProps, ContextMenuContentProps, ContextMenuItemProps, ContextMenuCheckboxItemProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuLabelProps, ContextMenuShortcutProps, ContextMenuGroupProps, ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuSubContentProps, } from './types';
 //# sourceMappingURL=index.web.d.ts.map

package/lib/typescript/module/context-menu/index.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/context-menu/index.web.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KASN,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EAEV,uBAAuB,EACvB,qBAAqB,EACrB,wBAAwB,EACxB,oBAAoB,EACpB,wBAAwB,EACxB,uBAAuB,EAExB,MAAM,SAAS,CAAC;AA+BjB,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CA2BtE;AAWD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,uBAAuB,2CA4C3F;AAMD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,uBAAuB,kDAuF9E;AAMD,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAgB,EAChB,KAAK,GACN,EAAE,oBAAoB,2CA+CtB;AAMD,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,wBAAwB,2CAiBhF;AAMD,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,wBAAwB,2CAU3E;AAMD,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAEnE;AAMD,wBAAgB,kBAAkB,4CAWjC"}
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/context-menu/index.web.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,gBAAgB,EAChB,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,4BAA4B,EAC5B,0BAA0B,EAC1B,yBAAyB,EACzB,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,mBAAmB,EACnB,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,SAAS,CAAC"}

package/lib/typescript/module/context-menu/types.d.ts

@@ -1,53 +1,39 @@
-import type { AccessibilityRole, GestureResponderEvent, StyleProp, TextStyle, ViewStyle } from 'react-native';
-import type { Props as SVGIconProps } from '../icons/common';
-export type ContextMenuContextValue = {
-    isOpen: boolean;
-    open: () => void;
-    close: () => void;
-};
-export type ItemContextValue = {
-    disabled: boolean;
-};
-export type ContextMenuTriggerProps = {
-    children: (props: TriggerChildProps) => React.ReactNode;
-    label: string;
-    /** Accessibility hint describing what long-pressing / right-clicking does. */
-    hint?: string;
-    role?: AccessibilityRole;
-    style?: StyleProp<ViewStyle>;
-};
-export type TriggerChildProps = {
-    isOpen: boolean;
-    state: {
-        hovered: boolean;
-        focused: boolean;
-        pressed: boolean;
-    };
-    props: {
-        onPress?: (() => void) | null;
-        onLongPress?: (() => void) | null;
-        onFocus?: (() => void) | null;
-        onBlur?: (() => void) | null;
-        accessibilityLabel: string;
-        accessibilityHint?: string;
-    };
-};
-export type ContextMenuContentProps = React.PropsWithChildren<{
-    style?: StyleProp<ViewStyle>;
-}>;
-export type ContextMenuItemProps = React.PropsWithChildren<{
-    label: string;
-    onPress: (e?: GestureResponderEvent) => void;
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { MenuCheckboxRowProps, MenuGroupProps, MenuLabelProps, MenuRadioGroupProps, MenuRadioRowProps, MenuRowProps, MenuShortcutProps, MenuSubContentProps, MenuSubProps, MenuSubTriggerProps, OverlaySurfaceProps } from '../floating/types';
+/**
+ * A context menu is UNCONTROLLED by construction — the open position comes from
+ * the pointer event that opens it, so there is no `open` a caller could set that
+ * would mean anything. Radix's `ContextMenu.Root` takes the same view and
+ * publishes only `onOpenChange`.
+ */
+export interface ContextMenuProps {
+    children?: React.ReactNode;
+    /** Called whenever the menu opens or closes, from any cause. */
+    onOpenChange?: (open: boolean) => void;
+}
+export interface ContextMenuTriggerProps {
+    children?: React.ReactNode;
+    /**
+     * Render the single element child AS the trigger, merging the open handler
+     * and a11y props into it. Without it the children render inside Bloom's own
+     * `Pressable`.
+     */
+    asChild?: boolean;
     disabled?: boolean;
+    /** Accessible name. Ignored when the `asChild` child carries its own. */
+    label?: string;
     style?: StyleProp<ViewStyle>;
-}>;
-export type ContextMenuItemTextProps = React.PropsWithChildren<{
-    style?: TextStyle;
-}>;
-export type ContextMenuItemIconProps = {
-    icon: React.ComponentType<SVGIconProps>;
-};
-export type ContextMenuGroupProps = React.PropsWithChildren<{
-    style?: StyleProp<ViewStyle>;
-}>;
+    testID?: string;
+}
+export type ContextMenuContentProps = OverlaySurfaceProps;
+export type ContextMenuItemProps = MenuRowProps;
+export type ContextMenuCheckboxItemProps = MenuCheckboxRowProps;
+export type ContextMenuRadioGroupProps = MenuRadioGroupProps;
+export type ContextMenuRadioItemProps = MenuRadioRowProps;
+export type ContextMenuLabelProps = MenuLabelProps;
+export type ContextMenuShortcutProps = MenuShortcutProps;
+export type ContextMenuGroupProps = MenuGroupProps;
+export type ContextMenuSubProps = MenuSubProps;
+export type ContextMenuSubTriggerProps = MenuSubTriggerProps;
+export type ContextMenuSubContentProps = MenuSubContentProps;
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/module/context-menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/context-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EACrB,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE7D,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE;QACL,OAAO,EAAE,OAAO,CAAC;QACjB,OAAO,EAAE,OAAO,CAAC;QACjB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,KAAK,EAAE;QACL,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;QAC9B,WAAW,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;QAClC,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;QAC9B,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;QAC7B,kBAAkB,EAAE,MAAM,CAAC;QAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC5B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC5D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/context-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EACV,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAE3B;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gEAAgE;IAChE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,CAAC;AAE1D,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC;AAChD,MAAM,MAAM,4BAA4B,GAAG,oBAAoB,CAAC;AAChE,MAAM,MAAM,0BAA0B,GAAG,mBAAmB,CAAC;AAC7D,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC;AACnD,MAAM,MAAM,wBAAwB,GAAG,iBAAiB,CAAC;AACzD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC;AACnD,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC;AAC/C,MAAM,MAAM,0BAA0B,GAAG,mBAAmB,CAAC;AAC7D,MAAM,MAAM,0BAA0B,GAAG,mBAAmB,CAAC"}

package/lib/typescript/module/design-tokens/scales.d.ts

@@ -18,7 +18,12 @@
  * `p-space-8`, `px-space-16`, `gap-space-20`, `m-space-24`, `py-space-12`, …
  *
  * `screen-margin` is the standard page gutter (left/right inset). Default 20px —
- * matches Bloom's existing `space.xl` and the `Dialog` default `contentPadding`.
+ * the same rung as `space-20`, which is also the `Dialog` default `contentPadding`.
+ *
+ * THIS IS THE ONE PLACE A SPACING NUMBER IS WRITTEN DOWN. `styles/tokens.ts`'s
+ * t-shirt-keyed `space` is a VIEW of this object, not a second copy: the class
+ * vocabulary (`p-space-12`) and the inline-style vocabulary (`space.md`) name the
+ * same rung in two spellings, and neither can drift from the other.
  */
 export declare const SPACING: {
     readonly 'space-2': 2;
@@ -29,17 +34,32 @@ export declare const SPACING: {
     readonly 'space-20': 20;
     readonly 'space-24': 24;
     readonly 'space-32': 32;
+    readonly 'space-40': 40;
+    readonly 'space-60': 60;
     readonly 'screen-margin': 20;
 };
 /**
  * Corner-radius scale (px). Consumed via `rounded-radius-*`:
- * `rounded-radius-8`, `rounded-radius-12`, `rounded-radius-20`,
- * `rounded-radius-28`, `rounded-radius-max` (pill / circle).
+ * `rounded-radius-2` … `rounded-radius-28`, `rounded-radius-max` (pill / circle).
+ *
+ * Same rule as `SPACING`: the one place a radius number is written down, viewed
+ * under t-shirt keys by `styles/tokens.ts`'s `borderRadius`.
+ *
+ * `radius-max` is 9999 and not 999. Both render identically everywhere Bloom can
+ * reach — a corner radius is clamped to half the element's SMALLER dimension, so
+ * the two only diverge on a control at least 1998px tall AND wide — but one
+ * number had to win, this file is the authority the Tailwind preset and the CSS
+ * layer are already built from, and 9999 is the idiom the `rounded-radius-max`
+ * utility has been publishing all along.
  */
 export declare const RADIUS: {
+    readonly 'radius-2': 2;
+    readonly 'radius-4': 4;
     readonly 'radius-8': 8;
     readonly 'radius-12': 12;
+    readonly 'radius-16': 16;
     readonly 'radius-20': 20;
+    readonly 'radius-24': 24;
     readonly 'radius-28': 28;
     readonly 'radius-max': 9999;
 };

package/lib/typescript/module/design-tokens/scales.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scales.d.ts","sourceRoot":"","sources":["../../../../src/design-tokens/scales.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAMH;;;;;;GAMG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;CAUV,CAAC;AAMX;;;;GAIG;AACH,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AAMX;;;;GAIG;AACH,eAAO,MAAM,YAAY;;CAEf,CAAC;AAMX;;;;;;;;;;GAUG;AACH,MAAM,WAAW,QAAQ;IACvB,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,MAAM,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IACtC,8CAA8C;IAC9C,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASsB,CAAC;AAE9C,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,UAAU,CAAC;AAEnD;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC"}
+{"version":3,"file":"scales.d.ts","sourceRoot":"","sources":["../../../../src/design-tokens/scales.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAMH;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYV,CAAC;AAMX;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;CAUT,CAAC;AAMX;;;;GAIG;AACH,eAAO,MAAM,YAAY;;CAEf,CAAC;AAMX;;;;;;;;;;GAUG;AACH,MAAM,WAAW,QAAQ;IACvB,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,MAAM,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IACtC,8CAA8C;IAC9C,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASsB,CAAC;AAE9C,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,UAAU,CAAC;AAEnD;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC"}

package/lib/typescript/module/design-tokens/shadows.d.ts

@@ -17,10 +17,30 @@ import { type ViewStyle } from 'react-native';
  * this file (the `box-shadow` CSS string path), matching Bloom's existing
  * `.native`/`.web` split convention.
  */
-export type ShadowRole = 's' | 'm';
+export type ShadowRole = 's' | 'm' | 'glass';
 /**
- * Web `box-shadow` strings. Subtle, brand-neutral elevation that reads on both
- * light and dark surfaces. Registered by the Tailwind preset as `boxShadow.s/m`.
+ * The `box-shadow` strings. Subtle, brand-neutral elevation that reads on both
+ * light and dark surfaces. Registered by the Tailwind preset as
+ * `boxShadow.s/m/glass`.
+ *
+ * The GLASS rung is the drop shadow of a translucent surface that floats over
+ * content. It is a third rung rather than a reuse of `s` or `m` because it is a
+ * different weight from either: a near-contact `0 0 1px` seat plus a soft
+ * `0 4px 8px` lift, which lands between them.
+ *
+ * It carries the DROP half only. The lit rim along the top edge — the inset
+ * highlight that separates a pane of glass from a tinted card — is
+ * `GLASS_RIM_HIGHLIGHT` in `theme/glass-colors.ts` instead, and the split is
+ * forced rather than tidy: an inset shadow paints above the element's own
+ * background but BELOW its children, so on a surface whose layers are
+ * absolutely-positioned children (every glass surface, by construction) an inset
+ * on the outer box is covered by the first layer that lands on it. It has to be
+ * the TOP layer of the stack, which is a place a caller-applied shadow role
+ * cannot reach.
+ *
+ * White and black at an alpha are not palette colours and are not derived from
+ * one — the two existing rungs hardcode the same black, for the same reason: a
+ * shadow is a light effect, not a themed surface.
  */
 export declare const SHADOW_BOX: Record<ShadowRole, string>;
 /**

package/lib/typescript/module/design-tokens/shadows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../../../src/design-tokens/shadows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;;;;;;;;;;;;GAiBG;AAEH,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAGjD,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS,CAE5D"}
+{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../../../src/design-tokens/shadows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;;;;;;;;;;;;GAiBG;AAEH,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,OAAO,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIjD,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS,CAE5D"}

package/lib/typescript/module/design-tokens/shadows.native.d.ts

@@ -8,8 +8,39 @@ import { type ViewStyle } from 'react-native';
  * supports it) stays in lockstep; the canonical native styling path is
  * `bloomShadowStyle`, which returns RN elevation + shadow props tuned to match
  * the web `shadow-s` / `shadow-m` visual weight.
+ *
+ * `glass` is the ONE role that does not take that path, and that is a decision
+ * rather than an omission. Its two layers are a near-contact seat and a soft
+ * lift with DIFFERENT radii, and RN's single `shadowRadius`/`elevation` pair can
+ * express one shadow, not two — collapsing them would have quietly shipped a
+ * different material on native than on web. So `glass` returns the same
+ * multi-layer `boxShadow` string on both platforms: React Native has supported
+ * `boxShadow` (string form, multiple layers, and `inset`) as a first-class
+ * `ViewStyle` key since 0.76, and `BoxShadowValue.inset` is in the typings of
+ * the version this package develops against — which is also what lets
+ * `GlassSurface` paint its rim highlight universally.
+ *
+ * CONSEQUENCE, stated rather than discovered later: Bloom's `react-native` peer
+ * floor is lower than 0.76, so on an older consumer this role degrades to NO
+ * shadow rather than to an approximate one. `s` and `m` are unaffected — they
+ * keep the elevation path.
+ */
+export type ShadowRole = 's' | 'm' | 'glass';
+/**
+ * The `box-shadow` strings, identical to the web file.
+ *
+ * The GLASS rung is the DROP shadow of a translucent surface that floats over
+ * content — a near-contact `0 0 1px` seat plus a soft `0 4px 8px` lift, a weight
+ * that lands between `s` and `m` rather than matching either. The lit rim along
+ * its top edge is `GLASS_RIM_HIGHLIGHT` in `theme/glass-colors.ts`, because an
+ * inset shadow paints below an element's CHILDREN and every glass surface is
+ * built out of absolutely-positioned children — see the web file for the full
+ * note.
+ *
+ * White and black at an alpha are not palette colours and are not derived from
+ * one — the two existing rungs hardcode the same black, for the same reason: a
+ * shadow is a light effect, not a themed surface.
  */
-export type ShadowRole = 's' | 'm';
 export declare const SHADOW_BOX: Record<ShadowRole, string>;
 /**
  * RN shadow/elevation style matching the web `shadow-<role>` weight. Apply to a

package/lib/typescript/module/design-tokens/shadows.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shadows.native.d.ts","sourceRoot":"","sources":["../../../../src/design-tokens/shadows.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;;;;GASG;AAEH,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAGjD,CAAC;AAmBF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS,CAE5D"}
+{"version":3,"file":"shadows.native.d.ts","sourceRoot":"","sources":["../../../../src/design-tokens/shadows.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,OAAO,CAAC;AAE7C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAIjD,CAAC;AAsBF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS,CAE5D"}

package/lib/typescript/module/dialog/Dialog.d.ts

@@ -1,6 +1,4 @@
-import { DIALOG_SHEET_BACKDROP_TESTID } from './placement';
-import type { DialogAction, DialogProps } from './types';
-export { DIALOG_SHEET_BACKDROP_TESTID };
+import type { DialogProps } from './types';
 /**
  * Native variant of `<Dialog>`.
  *
@@ -23,18 +21,4 @@ export { DIALOG_SHEET_BACKDROP_TESTID };
  *   3. Pure children — no `title`/`description`/`actions`.
  */
 export declare function Dialog({ placement, ...rest }: DialogProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Helper used by the imperative `alert()` API. Mounts a `<Dialog>` against
- * a fresh control and presents it immediately. `onResolve` is invoked
- * exactly once when the dialog finishes closing (regardless of how the
- * dismissal happened).
- *
- * Kept private to the dialog module — `alert()` is the public surface.
- */
-export declare function AutoMountedDialog({ title, description, actions, onResolve, }: {
-    title?: string;
-    description?: string;
-    actions: DialogAction[];
-    onResolve: () => void;
-}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Dialog.d.ts.map