@oxyhq/bloom 0.1.3 → 0.1.5

package/lib/module/context-menu/index.js

@@ -0,0 +1,276 @@
+"use strict";
+
+/**
+ * ContextMenu — Native implementation
+ *
+ * Opens a bottom-sheet menu via Bloom's Dialog when the user long-presses
+ * the trigger.  The menu body is rendered through Bloom's Menu component
+ * pattern using Dialog.Outer / Dialog.ScrollableInner.
+ */
+import React, { createContext, useCallback, useContext, useMemo } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import * as Dialog from "../dialog/index.js";
+import { useInteractionState } from "../hooks/useInteractionState.js";
+import { ItemCtx, useItemContext } from "./context.js";
+
+// ---------------------------------------------------------------------------
+// Native-specific context (extends base with Dialog control)
+// ---------------------------------------------------------------------------
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const NativeContextMenuContext = /*#__PURE__*/createContext(null);
+NativeContextMenuContext.displayName = 'NativeContextMenuContext';
+function useNativeContextMenuContext() {
+  const ctx = useContext(NativeContextMenuContext);
+  if (!ctx) {
+    throw new Error('ContextMenu components must be used within a ContextMenu.Root');
+  }
+  return ctx;
+}
+
+// ---------------------------------------------------------------------------
+// Root
+// ---------------------------------------------------------------------------
+
+export function Root({
+  children
+}) {
+  const control = Dialog.useDialogControl();
+  const ctx = useMemo(() => ({
+    isOpen: false,
+    open: () => control.open(),
+    close: () => control.close(),
+    control
+  }), [control]);
+  return /*#__PURE__*/_jsx(NativeContextMenuContext.Provider, {
+    value: ctx,
+    children: children
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Trigger
+// ---------------------------------------------------------------------------
+
+export function Trigger({
+  children,
+  label,
+  hint,
+  style
+}) {
+  const {
+    open
+  } = useNativeContextMenuContext();
+  const {
+    state: focused,
+    onIn: onFocus,
+    onOut: onBlur
+  } = useInteractionState();
+  return /*#__PURE__*/_jsx(View, {
+    style: style,
+    children: children({
+      isOpen: false,
+      state: {
+        hovered: false,
+        focused,
+        pressed: false
+      },
+      props: {
+        onPress: null,
+        onLongPress: open,
+        onFocus,
+        onBlur,
+        accessibilityLabel: label,
+        accessibilityHint: hint ?? 'Long press to open context menu'
+      }
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Outer  (the menu container — uses Bloom Dialog as a bottom sheet)
+// ---------------------------------------------------------------------------
+
+export function Outer({
+  children,
+  style
+}) {
+  const {
+    control
+  } = useNativeContextMenuContext();
+  return /*#__PURE__*/_jsxs(Dialog.Outer, {
+    control: control,
+    preventExpansion: true,
+    children: [/*#__PURE__*/_jsx(Dialog.Handle, {}), /*#__PURE__*/_jsx(NativeContextMenuContext.Provider, {
+      value: {
+        isOpen: true,
+        open: () => control.open(),
+        close: () => control.close(),
+        control
+      },
+      children: /*#__PURE__*/_jsx(Dialog.ScrollableInner, {
+        label: "Context menu",
+        children: /*#__PURE__*/_jsx(View, {
+          style: [styles.outerContent, style],
+          children: children
+        })
+      })
+    })]
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Item
+// ---------------------------------------------------------------------------
+
+export function Item({
+  children,
+  label,
+  onPress,
+  disabled = false,
+  style
+}) {
+  const theme = useTheme();
+  const {
+    close
+  } = useNativeContextMenuContext();
+  const {
+    state: focused,
+    onIn: onFocus,
+    onOut: onBlur
+  } = useInteractionState();
+  const {
+    state: pressed,
+    onIn: onPressIn,
+    onOut: onPressOut
+  } = useInteractionState();
+  const isHighlighted = (focused || pressed) && !disabled;
+  const handlePress = useCallback(() => {
+    close();
+    onPress();
+  }, [close, onPress]);
+  const itemCtx = useMemo(() => ({
+    disabled
+  }), [disabled]);
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityHint: "",
+    accessibilityLabel: label,
+    accessibilityState: {
+      disabled
+    },
+    disabled: disabled,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onPress: handlePress,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    style: [styles.item, {
+      backgroundColor: theme.colors.contrast50,
+      borderColor: theme.colors.borderLight
+    }, isHighlighted && {
+      backgroundColor: theme.colors.backgroundSecondary
+    }, style],
+    children: /*#__PURE__*/_jsx(ItemCtx.Provider, {
+      value: itemCtx,
+      children: children
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// ItemText
+// ---------------------------------------------------------------------------
+
+export function ItemText({
+  children,
+  style
+}) {
+  const theme = useTheme();
+  const {
+    disabled
+  } = useItemContext();
+  return /*#__PURE__*/_jsx(Text, {
+    numberOfLines: 2,
+    ellipsizeMode: "middle",
+    style: [styles.itemText, {
+      color: disabled ? theme.colors.textTertiary : theme.colors.text
+    }, ...(style ? [style] : [])],
+    children: children
+  });
+}
+
+// ---------------------------------------------------------------------------
+// ItemIcon
+// ---------------------------------------------------------------------------
+
+export function ItemIcon({
+  icon: Comp
+}) {
+  const theme = useTheme();
+  const {
+    disabled
+  } = useItemContext();
+  return /*#__PURE__*/_jsx(Comp, {
+    size: "lg",
+    fill: disabled ? theme.colors.textTertiary : theme.colors.textSecondary
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Group
+// ---------------------------------------------------------------------------
+
+export function Group({
+  children,
+  style
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    style: style,
+    children: children
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Divider
+// ---------------------------------------------------------------------------
+
+export function Divider() {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.divider, {
+      borderTopColor: theme.colors.borderLight
+    }]
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Styles
+// ---------------------------------------------------------------------------
+
+const styles = StyleSheet.create({
+  outerContent: {
+    gap: 4
+  },
+  item: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8,
+    paddingHorizontal: 12,
+    borderRadius: 8,
+    overflow: 'hidden',
+    borderWidth: 1,
+    minHeight: 44,
+    paddingVertical: 10
+  },
+  itemText: {
+    flex: 1,
+    fontSize: 16,
+    fontWeight: '600'
+  },
+  divider: {
+    borderTopWidth: StyleSheet.hairlineWidth,
+    marginVertical: 4
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/context-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useCallback","useContext","useMemo","Pressable","StyleSheet","View","useTheme","Text","Dialog","useInteractionState","ItemCtx","useItemContext","jsx","_jsx","jsxs","_jsxs","NativeContextMenuContext","displayName","useNativeContextMenuContext","ctx","Error","Root","children","control","useDialogControl","isOpen","open","close","Provider","value","Trigger","label","hint","style","state","focused","onIn","onFocus","onOut","onBlur","hovered","pressed","props","onPress","onLongPress","accessibilityLabel","accessibilityHint","Outer","preventExpansion","Handle","ScrollableInner","styles","outerContent","Item","disabled","theme","onPressIn","onPressOut","isHighlighted","handlePress","itemCtx","accessibilityState","item","backgroundColor","colors","contrast50","borderColor","borderLight","backgroundSecondary","ItemText","numberOfLines","ellipsizeMode","itemText","color","textTertiary","text","ItemIcon","icon","Comp","size","fill","textSecondary","Group","Divider","divider","borderTopColor","create","gap","flexDirection","alignItems","paddingHorizontal","borderRadius","overflow","borderWidth","minHeight","paddingVertical","flex","fontSize","fontWeight","borderTopWidth","hairlineWidth","marginVertical"],"sourceRoot":"../../../src","sources":["context-menu/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAK,IACVC,aAAa,EACbC,WAAW,EACXC,UAAU,EACVC,OAAO,QACF,OAAO;AACd,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE1D,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,IAAI,QAAQ,wBAAe;AACpC,OAAO,KAAKC,MAAM,MAAM,oBAAW;AACnC,SAASC,mBAAmB,QAAQ,iCAA8B;AAClE,SAASC,OAAO,EAAEC,cAAc,QAAQ,cAAW;;AAYnD;AACA;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMA,MAAMC,wBAAwB,gBAAGjB,aAAa,CAAuC,IAAI,CAAC;AAC1FiB,wBAAwB,CAACC,WAAW,GAAG,0BAA0B;AAEjE,SAASC,2BAA2BA,CAAA,EAAkC;EACpE,MAAMC,GAAG,GAAGlB,UAAU,CAACe,wBAAwB,CAAC;EAChD,IAAI,CAACG,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CACb,+DACF,CAAC;EACH;EACA,OAAOD,GAAG;AACZ;;AAEA;AACA;AACA;;AAEA,OAAO,SAASE,IAAIA,CAAC;EAAEC;AAAwC,CAAC,EAAE;EAChE,MAAMC,OAAO,GAAGf,MAAM,CAACgB,gBAAgB,CAAC,CAAC;EAEzC,MAAML,GAAG,GAAGjB,OAAO,CACjB,OAAO;IACLuB,MAAM,EAAE,KAAK;IACbC,IAAI,EAAEA,CAAA,KAAMH,OAAO,CAACG,IAAI,CAAC,CAAC;IAC1BC,KAAK,EAAEA,CAAA,KAAMJ,OAAO,CAACI,KAAK,CAAC,CAAC;IAC5BJ;EACF,CAAC,CAAC,EACF,CAACA,OAAO,CACV,CAAC;EAED,oBACEV,IAAA,CAACG,wBAAwB,CAACY,QAAQ;IAACC,KAAK,EAAEV,GAAI;IAAAG,QAAA,EAC3CA;EAAQ,CACwB,CAAC;AAExC;;AAEA;AACA;AACA;;AAEA,OAAO,SAASQ,OAAOA,CAAC;EAAER,QAAQ;EAAES,KAAK;EAAEC,IAAI;EAAEC;AAAoB,CAAC,EAAE;EACtE,MAAM;IAAEP;EAAK,CAAC,GAAGR,2BAA2B,CAAC,CAAC;EAC9C,MAAM;IAAEgB,KAAK,EAAEC,OAAO;IAAEC,IAAI,EAAEC,OAAO;IAAEC,KAAK,EAAEC;EAAO,CAAC,GAAG9B,mBAAmB,CAAC,CAAC;EAE9E,oBACEI,IAAA,CAACR,IAAI;IAAC4B,KAAK,EAAEA,KAAM;IAAAX,QAAA,EAChBA,QAAQ,CAAC;MACRG,MAAM,EAAE,KAAK;MACbS,KAAK,EAAE;QACLM,OAAO,EAAE,KAAK;QACdL,OAAO;QACPM,OAAO,EAAE;MACX,CAAC;MACDC,KAAK,EAAE;QACLC,OAAO,EAAE,IAAI;QACbC,WAAW,EAAElB,IAAI;QACjBW,OAAO;QACPE,MAAM;QACNM,kBAAkB,EAAEd,KAAK;QACzBe,iBAAiB,EAAEd,IAAI,IAAI;MAC7B;IACF,CAAC;EAAC,CACE,CAAC;AAEX;;AAEA;AACA;AACA;;AAEA,OAAO,SAASe,KAAKA,CAAC;EAAEzB,QAAQ;EAAEW;AAAkB,CAAC,EAAE;EACrD,MAAM;IAAEV;EAAQ,CAAC,GAAGL,2BAA2B,CAAC,CAAC;EAEjD,oBACEH,KAAA,CAACP,MAAM,CAACuC,KAAK;IAACxB,OAAO,EAAEA,OAAQ;IAACyB,gBAAgB;IAAA1B,QAAA,gBAC9CT,IAAA,CAACL,MAAM,CAACyC,MAAM,IAAE,CAAC,eACjBpC,IAAA,CAACG,wBAAwB,CAACY,QAAQ;MAChCC,KAAK,EAAE;QACLJ,MAAM,EAAE,IAAI;QACZC,IAAI,EAAEA,CAAA,KAAMH,OAAO,CAACG,IAAI,CAAC,CAAC;QAC1BC,KAAK,EAAEA,CAAA,KAAMJ,OAAO,CAACI,KAAK,CAAC,CAAC;QAC5BJ;MACF,CAAE;MAAAD,QAAA,eAEFT,IAAA,CAACL,MAAM,CAAC0C,eAAe;QAACnB,KAAK,EAAC,cAAc;QAAAT,QAAA,eAC1CT,IAAA,CAACR,IAAI;UAAC4B,KAAK,EAAE,CAACkB,MAAM,CAACC,YAAY,EAAEnB,KAAK,CAAE;UAAAX,QAAA,EAAEA;QAAQ,CAAO;MAAC,CACtC;IAAC,CACQ,CAAC;EAAA,CACxB,CAAC;AAEnB;;AAEA;AACA;AACA;;AAEA,OAAO,SAAS+B,IAAIA,CAAC;EACnB/B,QAAQ;EACRS,KAAK;EACLY,OAAO;EACPW,QAAQ,GAAG,KAAK;EAChBrB;AACS,CAAC,EAAE;EACZ,MAAMsB,KAAK,GAAGjD,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEqB;EAAM,CAAC,GAAGT,2BAA2B,CAAC,CAAC;EAC/C,MAAM;IAAEgB,KAAK,EAAEC,OAAO;IAAEC,IAAI,EAAEC,OAAO;IAAEC,KAAK,EAAEC;EAAO,CAAC,GAAG9B,mBAAmB,CAAC,CAAC;EAC9E,MAAM;IACJyB,KAAK,EAAEO,OAAO;IACdL,IAAI,EAAEoB,SAAS;IACflB,KAAK,EAAEmB;EACT,CAAC,GAAGhD,mBAAmB,CAAC,CAAC;EAEzB,MAAMiD,aAAa,GAAG,CAACvB,OAAO,IAAIM,OAAO,KAAK,CAACa,QAAQ;EAEvD,MAAMK,WAAW,GAAG3D,WAAW,CAAC,MAAM;IACpC2B,KAAK,CAAC,CAAC;IACPgB,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAAChB,KAAK,EAAEgB,OAAO,CAAC,CAAC;EAEpB,MAAMiB,OAAO,GAAG1D,OAAO,CACrB,OAAO;IAAEoD;EAAS,CAAC,CAAC,EACpB,CAACA,QAAQ,CACX,CAAC;EAED,oBACEzC,IAAA,CAACV,SAAS;IACR2C,iBAAiB,EAAC,EAAE;IACpBD,kBAAkB,EAAEd,KAAM;IAC1B8B,kBAAkB,EAAE;MAAEP;IAAS,CAAE;IACjCA,QAAQ,EAAEA,QAAS;IACnBjB,OAAO,EAAEA,OAAQ;IACjBE,MAAM,EAAEA,MAAO;IACfI,OAAO,EAAEgB,WAAY;IACrBH,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBxB,KAAK,EAAE,CACLkB,MAAM,CAACW,IAAI,EACX;MACEC,eAAe,EAAER,KAAK,CAACS,MAAM,CAACC,UAAU;MACxCC,WAAW,EAAEX,KAAK,CAACS,MAAM,CAACG;IAC5B,CAAC,EACDT,aAAa,IAAI;MACfK,eAAe,EAAER,KAAK,CAACS,MAAM,CAACI;IAChC,CAAC,EACDnC,KAAK,CACL;IAAAX,QAAA,eAEFT,IAAA,CAACH,OAAO,CAACkB,QAAQ;MAACC,KAAK,EAAE+B,OAAQ;MAAAtC,QAAA,EAAEA;IAAQ,CAAmB;EAAC,CACtD,CAAC;AAEhB;;AAEA;AACA;AACA;;AAEA,OAAO,SAAS+C,QAAQA,CAAC;EAAE/C,QAAQ;EAAEW;AAAqB,CAAC,EAAE;EAC3D,MAAMsB,KAAK,GAAGjD,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEgD;EAAS,CAAC,GAAG3C,cAAc,CAAC,CAAC;EAErC,oBACEE,IAAA,CAACN,IAAI;IACH+D,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAC,QAAQ;IACtBtC,KAAK,EAAE,CACLkB,MAAM,CAACqB,QAAQ,EACf;MAAEC,KAAK,EAAEnB,QAAQ,GAAGC,KAAK,CAACS,MAAM,CAACU,YAAY,GAAGnB,KAAK,CAACS,MAAM,CAACW;IAAK,CAAC,EACnE,IAAI1C,KAAK,GAAG,CAACA,KAAK,CAAC,GAAG,EAAE,CAAC,CACzB;IAAAX,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX;;AAEA;AACA;AACA;;AAEA,OAAO,SAASsD,QAAQA,CAAC;EAAEC,IAAI,EAAEC;AAAoB,CAAC,EAAE;EACtD,MAAMvB,KAAK,GAAGjD,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEgD;EAAS,CAAC,GAAG3C,cAAc,CAAC,CAAC;EAErC,oBACEE,IAAA,CAACiE,IAAI;IACHC,IAAI,EAAC,IAAI;IACTC,IAAI,EAAE1B,QAAQ,GAAGC,KAAK,CAACS,MAAM,CAACU,YAAY,GAAGnB,KAAK,CAACS,MAAM,CAACiB;EAAc,CACzE,CAAC;AAEN;;AAEA;AACA;AACA;;AAEA,OAAO,SAASC,KAAKA,CAAC;EAAE5D,QAAQ;EAAEW;AAAkB,CAAC,EAAE;EACrD,oBAAOpB,IAAA,CAACR,IAAI;IAAC4B,KAAK,EAAEA,KAAM;IAAAX,QAAA,EAAEA;EAAQ,CAAO,CAAC;AAC9C;;AAEA;AACA;AACA;;AAEA,OAAO,SAAS6D,OAAOA,CAAA,EAAG;EACxB,MAAM5B,KAAK,GAAGjD,QAAQ,CAAC,CAAC;EAExB,oBACEO,IAAA,CAACR,IAAI;IACH4B,KAAK,EAAE,CACLkB,MAAM,CAACiC,OAAO,EACd;MAAEC,cAAc,EAAE9B,KAAK,CAACS,MAAM,CAACG;IAAY,CAAC;EAC5C,CACH,CAAC;AAEN;;AAEA;AACA;AACA;;AAEA,MAAMhB,MAAM,GAAG/C,UAAU,CAACkF,MAAM,CAAC;EAC/BlC,YAAY,EAAE;IACZmC,GAAG,EAAE;EACP,CAAC;EACDzB,IAAI,EAAE;IACJ0B,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBF,GAAG,EAAE,CAAC;IACNG,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE,QAAQ;IAClBC,WAAW,EAAE,CAAC;IACdC,SAAS,EAAE,EAAE;IACbC,eAAe,EAAE;EACnB,CAAC;EACDvB,QAAQ,EAAE;IACRwB,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDd,OAAO,EAAE;IACPe,cAAc,EAAE/F,UAAU,CAACgG,aAAa;IACxCC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/context-menu/index.web.js

@@ -0,0 +1,324 @@
+"use strict";
+
+/**
+ * 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, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { Portal } from "../portal/index.js";
+import { useInteractionState } from "../hooks/useInteractionState.js";
+import { ItemCtx, useItemContext } from "./context.js";
+
+// ---------------------------------------------------------------------------
+// Web-specific context (extends base with position)
+// ---------------------------------------------------------------------------
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const WebContextMenuContext = /*#__PURE__*/createContext(null);
+WebContextMenuContext.displayName = 'WebContextMenuContext';
+function useWebContextMenuContext() {
+  const ctx = useContext(WebContextMenuContext);
+  if (!ctx) {
+    throw new Error('ContextMenu components must be used within a ContextMenu.Root');
+  }
+  return ctx;
+}
+
+// ---------------------------------------------------------------------------
+// Root
+// ---------------------------------------------------------------------------
+
+export function Root({
+  children
+}) {
+  const [position, setPosition] = useState(null);
+  const isOpen = position !== null;
+  const ctx = useMemo(() => ({
+    isOpen,
+    position,
+    open: () => {
+      /* open is handled by the Trigger's contextmenu event */
+    },
+    close: () => setPosition(null)
+  }), [isOpen, position]);
+
+  /**
+   * We store the setPosition in a ref so the Trigger can call it
+   * without needing a stable identity on `open`.
+   */
+  return /*#__PURE__*/_jsx(WebContextMenuContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/_jsx(SetPositionContext.Provider, {
+      value: setPosition,
+      children: children
+    })
+  });
+}
+const SetPositionContext = /*#__PURE__*/createContext(() => {});
+SetPositionContext.displayName = 'ContextMenuSetPositionContext';
+
+// ---------------------------------------------------------------------------
+// Trigger
+// ---------------------------------------------------------------------------
+
+export function Trigger({
+  children,
+  label,
+  hint,
+  style
+}) {
+  const ctx = useWebContextMenuContext();
+  const setPosition = useContext(SetPositionContext);
+  const triggerRef = useRef(null);
+  const handleContextMenu = useCallback(e => {
+    e.preventDefault();
+    setPosition({
+      x: e.clientX,
+      y: e.clientY
+    });
+  }, [setPosition]);
+  useEffect(() => {
+    const node = triggerRef.current;
+    if (!node) return;
+    // On web, View refs resolve to DOM elements
+    const element = node;
+    element.addEventListener('contextmenu', handleContextMenu);
+    return () => {
+      element.removeEventListener('contextmenu', handleContextMenu);
+    };
+  }, [handleContextMenu]);
+  return /*#__PURE__*/_jsx(View, {
+    ref: triggerRef,
+    style: style,
+    children: children({
+      isOpen: ctx.isOpen,
+      state: {
+        hovered: false,
+        focused: false,
+        pressed: false
+      },
+      props: {
+        onPress: null,
+        onLongPress: null,
+        onFocus: null,
+        onBlur: null,
+        accessibilityLabel: label,
+        accessibilityHint: hint ?? 'Right-click to open context menu'
+      }
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Outer
+// ---------------------------------------------------------------------------
+
+export function Outer({
+  children,
+  style
+}) {
+  const ctx = useWebContextMenuContext();
+  const theme = useTheme();
+  const {
+    isOpen,
+    close,
+    position
+  } = ctx;
+  useEffect(() => {
+    if (!isOpen) return;
+    const handleKeyDown = e => {
+      if (e.key === 'Escape') {
+        close();
+      }
+    };
+    document.addEventListener('keydown', handleKeyDown);
+    return () => document.removeEventListener('keydown', handleKeyDown);
+  }, [isOpen, close]);
+  if (!isOpen || !position) return null;
+  return /*#__PURE__*/_jsxs(Portal, {
+    children: [/*#__PURE__*/_jsx(Pressable, {
+      style: styles.backdrop,
+      onPress: close,
+      accessibilityLabel: "Close context menu"
+    }), /*#__PURE__*/_jsx(View, {
+      style: [styles.dropdown, {
+        top: position.y,
+        left: position.x,
+        backgroundColor: theme.isDark ? theme.colors.backgroundSecondary : theme.colors.background,
+        borderColor: theme.colors.borderLight,
+        shadowColor: theme.colors.shadow
+      }, style],
+      children: children
+    })]
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Item
+// ---------------------------------------------------------------------------
+
+export function Item({
+  children,
+  label,
+  onPress,
+  disabled = false,
+  style
+}) {
+  const theme = useTheme();
+  const {
+    close
+  } = useWebContextMenuContext();
+  const {
+    state: hovered,
+    onIn: onMouseEnter,
+    onOut: onMouseLeave
+  } = useInteractionState();
+  const {
+    state: focused,
+    onIn: onFocus,
+    onOut: onBlur
+  } = useInteractionState();
+  const isHighlighted = (hovered || focused) && !disabled;
+  const handlePress = useCallback(() => {
+    onPress();
+    close();
+  }, [onPress, close]);
+  const itemCtx = useMemo(() => ({
+    disabled
+  }), [disabled]);
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityHint: "",
+    accessibilityLabel: label,
+    disabled: disabled,
+    onPress: handlePress,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onMouseEnter,
+    onMouseLeave,
+    style: [styles.item, isHighlighted && {
+      backgroundColor: theme.isDark ? theme.colors.contrast50 : theme.colors.backgroundSecondary
+    }, style],
+    children: /*#__PURE__*/_jsx(ItemCtx.Provider, {
+      value: itemCtx,
+      children: children
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// ItemText
+// ---------------------------------------------------------------------------
+
+export function ItemText({
+  children,
+  style
+}) {
+  const theme = useTheme();
+  const {
+    disabled
+  } = useItemContext();
+  return /*#__PURE__*/_jsx(Text, {
+    numberOfLines: 1,
+    ellipsizeMode: "middle",
+    style: [styles.itemText, {
+      color: disabled ? theme.colors.textTertiary : theme.colors.text
+    }, ...(style ? [style] : [])],
+    children: children
+  });
+}
+
+// ---------------------------------------------------------------------------
+// ItemIcon
+// ---------------------------------------------------------------------------
+
+export function ItemIcon({
+  icon: Comp
+}) {
+  const theme = useTheme();
+  const {
+    disabled
+  } = useItemContext();
+  return /*#__PURE__*/_jsx(Comp, {
+    size: "md",
+    fill: disabled ? theme.colors.textTertiary : theme.colors.textSecondary
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Group
+// ---------------------------------------------------------------------------
+
+export function Group({
+  children
+}) {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Divider
+// ---------------------------------------------------------------------------
+
+export function Divider() {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.divider, {
+      backgroundColor: theme.colors.borderLight
+    }]
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Styles
+// ---------------------------------------------------------------------------
+
+const styles = StyleSheet.create({
+  backdrop: {
+    position: 'fixed',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    zIndex: 50
+  },
+  dropdown: {
+    position: 'fixed',
+    zIndex: 60,
+    borderRadius: 8,
+    padding: 4,
+    borderWidth: 1,
+    overflow: 'hidden',
+    shadowOpacity: 0.15,
+    shadowRadius: 12,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    minWidth: 180,
+    maxWidth: 280
+  },
+  item: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    paddingVertical: 8,
+    borderRadius: 6,
+    overflow: 'hidden',
+    paddingHorizontal: 10,
+    minHeight: 32
+  },
+  itemText: {
+    flex: 1,
+    fontWeight: '600'
+  },
+  divider: {
+    height: 1,
+    marginVertical: 4
+  }
+});
+//# sourceMappingURL=index.web.js.map

package/lib/module/context-menu/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useCallback","useContext","useEffect","useMemo","useRef","useState","Pressable","StyleSheet","View","useTheme","Text","Portal","useInteractionState","ItemCtx","useItemContext","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","WebContextMenuContext","displayName","useWebContextMenuContext","ctx","Error","Root","children","position","setPosition","isOpen","open","close","Provider","value","SetPositionContext","Trigger","label","hint","style","triggerRef","handleContextMenu","e","preventDefault","x","clientX","y","clientY","node","current","element","addEventListener","removeEventListener","ref","state","hovered","focused","pressed","props","onPress","onLongPress","onFocus","onBlur","accessibilityLabel","accessibilityHint","Outer","theme","handleKeyDown","key","document","styles","backdrop","dropdown","top","left","backgroundColor","isDark","colors","backgroundSecondary","background","borderColor","borderLight","shadowColor","shadow","Item","disabled","onIn","onMouseEnter","onOut","onMouseLeave","isHighlighted","handlePress","itemCtx","item","contrast50","ItemText","numberOfLines","ellipsizeMode","itemText","color","textTertiary","text","ItemIcon","icon","Comp","size","fill","textSecondary","Group","Divider","divider","create","right","bottom","zIndex","borderRadius","padding","borderWidth","overflow","shadowOpacity","shadowRadius","shadowOffset","width","height","minWidth","maxWidth","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","minHeight","flex","fontWeight","marginVertical"],"sourceRoot":"../../../src","sources":["context-menu/index.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/context-menu/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/context-menu/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["context-menu/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/dialog/Dialog.web.js

@@ -75,7 +75,9 @@ export function Outer({
             justifyContent: webOptions?.alignCenter ? 'center' : undefined,
             paddingHorizontal: 20,
             paddingVertical: '10vh',
-            overflow: 'auto'
+            ...{
+              overflowY: 'auto'
+            }
           },
           children: [/*#__PURE__*/_jsx(DialogBackdrop, {
             isClosing: isClosing