@buoy-gg/shared-ui 7.0.41 → 7.0.43

package/lib/commonjs/ui/components/EventStepperFooter.js

@@ -1,185 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EventStepperFooter = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _lucideIcons = require("../../icons/lucide-icons.js");
-var _macOSDesignSystemColors = require("../gameUI/constants/macOSDesignSystemColors.js");
-var _nightTheme = require("../night/nightTheme.js");
-var _useSafeAreaInsets = require("../../hooks/useSafeAreaInsets");
-var _fonts = require("../fonts.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * EventStepperFooter
- *
- * A reusable footer component for stepping through events/items.
- * Used in storage event details, render history, and other event-based views.
- * This is a "dumb" component with no internal logic - all state is controlled externally.
- */
-
-/**
- * A footer component for navigating through a list of events/items.
- * Shows Previous/Next buttons with a counter in the middle.
- */
-const EventStepperFooter = exports.EventStepperFooter = /*#__PURE__*/(0, _react.memo)(function EventStepperFooter({
-  currentIndex,
-  totalItems,
-  onPrevious,
-  onNext,
-  itemLabel = "Event",
-  subtitle,
-  absolute = false,
-  applySafeAreaInset = true,
-  variant = "night"
-}) {
-  const insets = (0, _useSafeAreaInsets.useSafeAreaInsets)();
-
-  // Don't render if there's only one or no items
-  if (totalItems <= 1) return null;
-  const isNight = variant === "night";
-  const isFirstItem = currentIndex === 0;
-  const isLastItem = currentIndex === totalItems - 1;
-  const bottomPadding = applySafeAreaInset ? 12 + insets.bottom : 12;
-  // Night buttons are the plate-with-accent-label style — chevrons match.
-  const enabledInk = isNight ? _nightTheme.night.color.accent : _macOSDesignSystemColors.macOSColors.text.primary;
-  const disabledInk = isNight ? _nightTheme.night.color.textTertiary : _macOSDesignSystemColors.macOSColors.text.muted;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.footer, isNight && styles.nightFooter, absolute && styles.footerAbsolute, {
-      paddingBottom: bottomPadding
-    }],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-      onPress: onPrevious,
-      disabled: isFirstItem,
-      testID: "tool-stepper-previous",
-      accessibilityRole: "button",
-      accessibilityLabel: "Previous",
-      style: [styles.navButton, isNight && styles.nightNavButton, isFirstItem && styles.navButtonDisabled],
-      activeOpacity: 0.7,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.ChevronLeft, {
-        size: 20,
-        color: isFirstItem ? disabledInk : enabledInk
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.navButtonText, isNight && styles.nightNavButtonText, isFirstItem && styles.navButtonTextDisabled, isFirstItem && isNight && styles.nightNavButtonTextDisabled],
-        children: "Previous"
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.counterContainer,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        testID: "tool-stepper-counter",
-        style: [styles.counterText, isNight && styles.nightCounterText],
-        children: [itemLabel, " ", currentIndex + 1, " of ", totalItems]
-      }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        testID: "tool-stepper-subtitle",
-        style: [styles.subtitleText, isNight && styles.nightSubtitleText],
-        children: subtitle
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-      onPress: onNext,
-      disabled: isLastItem,
-      testID: "tool-stepper-next",
-      accessibilityRole: "button",
-      accessibilityLabel: "Next",
-      style: [styles.navButton, isNight && styles.nightNavButton, isLastItem && styles.navButtonDisabled],
-      activeOpacity: 0.7,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.navButtonText, isNight && styles.nightNavButtonText, isLastItem && styles.navButtonTextDisabled, isLastItem && isNight && styles.nightNavButtonTextDisabled],
-        children: "Next"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideIcons.ChevronRight, {
-        size: 20,
-        color: isLastItem ? disabledInk : enabledInk
-      })]
-    })]
-  });
-});
-const styles = _reactNative.StyleSheet.create({
-  footer: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingHorizontal: 16,
-    paddingTop: 12,
-    backgroundColor: _macOSDesignSystemColors.macOSColors.background.base,
-    borderTopWidth: 1,
-    borderTopColor: _macOSDesignSystemColors.macOSColors.border.default,
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: -2
-    },
-    shadowOpacity: 0.1,
-    shadowRadius: 4,
-    elevation: 5
-  },
-  footerAbsolute: {
-    position: "absolute",
-    bottom: 0,
-    left: 0,
-    right: 0
-  },
-  navButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderRadius: 6,
-    backgroundColor: _macOSDesignSystemColors.macOSColors.background.card,
-    minWidth: 100,
-    justifyContent: "center"
-  },
-  navButtonDisabled: {
-    opacity: 0.3
-  },
-  navButtonText: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: _macOSDesignSystemColors.macOSColors.text.primary,
-    fontFamily: _fonts.monoFont,
-    textTransform: "uppercase"
-  },
-  navButtonTextDisabled: {
-    color: _macOSDesignSystemColors.macOSColors.text.muted
-  },
-  counterContainer: {
-    alignItems: "center"
-  },
-  counterText: {
-    fontSize: 14,
-    fontWeight: "700",
-    color: _macOSDesignSystemColors.macOSColors.text.primary,
-    fontFamily: _fonts.monoFont,
-    textTransform: "uppercase"
-  },
-  subtitleText: {
-    fontSize: 11,
-    color: _macOSDesignSystemColors.macOSColors.text.secondary,
-    fontFamily: _fonts.monoFont,
-    marginTop: 2
-  },
-  // ── Night variant (see ui/night/nightTheme.ts): near-black glass bar with
-  // hairline top border, plate buttons, night text hierarchy.
-  nightFooter: {
-    backgroundColor: "rgba(5, 5, 5, 0.92)",
-    borderTopColor: _nightTheme.night.color.border
-  },
-  nightNavButton: {
-    backgroundColor: _nightTheme.night.color.button,
-    borderRadius: 15
-  },
-  nightNavButtonText: {
-    color: _nightTheme.night.color.accent
-  },
-  nightNavButtonTextDisabled: {
-    color: _nightTheme.night.color.textTertiary
-  },
-  nightCounterText: {
-    color: _nightTheme.night.color.text
-  },
-  nightSubtitleText: {
-    color: _nightTheme.night.color.textSecondary
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.EventStepperFooter=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _lucideIcons=require("../../icons/lucide-icons.js");var _macOSDesignSystemColors=require("../gameUI/constants/macOSDesignSystemColors.js");var _nightTheme=require("../night/nightTheme.js");var _useSafeAreaInsets=require("../../hooks/useSafeAreaInsets");var _fonts=require("../fonts.js");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(h,s){if("function"==typeof WeakMap)var a=new WeakMap,d=new WeakMap;return(_interopRequireWildcard=function(t,u){if(!u&&t&&t.__esModule)return t;var o,i,n={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return n;if(o=u?d:a){if(o.has(t))return o.get(t);o.set(t,n)}for(const r in t)"default"!==r&&{}.hasOwnProperty.call(t,r)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,r))&&(i.get||i.set)?o(n,r,i):n[r]=t[r]);return n})(h,s)}const EventStepperFooter=exports.EventStepperFooter=(0,_react.memo)(function h({currentIndex:s,totalItems:a,onPrevious:d,onNext:t,itemLabel:u="Event",subtitle:o,absolute:i=false,applySafeAreaInset:n=true,variant:r="night"}){const b=(0,_useSafeAreaInsets.useSafeAreaInsets)();if(a<=1)return null;const e=r==="night";const l=s===0;const c=s===a-1;const x=n?12+b.bottom:12;const p=e?_nightTheme.night.color.accent:_macOSDesignSystemColors.macOSColors.text.primary;const g=e?_nightTheme.night.color.textTertiary:_macOSDesignSystemColors.macOSColors.text.muted;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.footer,e&&styles.nightFooter,i&&styles.footerAbsolute,{paddingBottom:x}],children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{onPress:d,disabled:l,testID:"tool-stepper-previous",accessibilityRole:"button",accessibilityLabel:"Previous",style:[styles.navButton,e&&styles.nightNavButton,l&&styles.navButtonDisabled],activeOpacity:.7,children:[(0,_jsxRuntime.jsx)(_lucideIcons.ChevronLeft,{size:20,color:l?g:p}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.navButtonText,e&&styles.nightNavButtonText,l&&styles.navButtonTextDisabled,l&&e&&styles.nightNavButtonTextDisabled],children:"Previous"})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.counterContainer,children:[(0,_jsxRuntime.jsxs)(_reactNative.Text,{testID:"tool-stepper-counter",style:[styles.counterText,e&&styles.nightCounterText],children:[u," ",s+1," of ",a]}),o&&(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:"tool-stepper-subtitle",style:[styles.subtitleText,e&&styles.nightSubtitleText],children:o})]}),(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{onPress:t,disabled:c,testID:"tool-stepper-next",accessibilityRole:"button",accessibilityLabel:"Next",style:[styles.navButton,e&&styles.nightNavButton,c&&styles.navButtonDisabled],activeOpacity:.7,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.navButtonText,e&&styles.nightNavButtonText,c&&styles.navButtonTextDisabled,c&&e&&styles.nightNavButtonTextDisabled],children:"Next"}),(0,_jsxRuntime.jsx)(_lucideIcons.ChevronRight,{size:20,color:c?g:p})]})]})});const styles=_reactNative.StyleSheet.create({footer:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:16,paddingTop:12,backgroundColor:_macOSDesignSystemColors.macOSColors.background.base,borderTopWidth:1,borderTopColor:_macOSDesignSystemColors.macOSColors.border.default,shadowColor:"#000",shadowOffset:{width:0,height:-2},shadowOpacity:.1,shadowRadius:4,elevation:5},footerAbsolute:{position:"absolute",bottom:0,left:0,right:0},navButton:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:12,paddingVertical:8,borderRadius:6,backgroundColor:_macOSDesignSystemColors.macOSColors.background.card,minWidth:100,justifyContent:"center"},navButtonDisabled:{opacity:.3},navButtonText:{fontSize:12,fontWeight:"600",color:_macOSDesignSystemColors.macOSColors.text.primary,fontFamily:_fonts.monoFont,textTransform:"uppercase"},navButtonTextDisabled:{color:_macOSDesignSystemColors.macOSColors.text.muted},counterContainer:{alignItems:"center"},counterText:{fontSize:14,fontWeight:"700",color:_macOSDesignSystemColors.macOSColors.text.primary,fontFamily:_fonts.monoFont,textTransform:"uppercase"},subtitleText:{fontSize:11,color:_macOSDesignSystemColors.macOSColors.text.secondary,fontFamily:_fonts.monoFont,marginTop:2},nightFooter:{backgroundColor:"rgba(5, 5, 5, 0.92)",borderTopColor:_nightTheme.night.color.border},nightNavButton:{backgroundColor:_nightTheme.night.color.button,borderRadius:15},nightNavButtonText:{color:_nightTheme.night.color.accent},nightNavButtonTextDisabled:{color:_nightTheme.night.color.textTertiary},nightCounterText:{color:_nightTheme.night.color.text},nightSubtitleText:{color:_nightTheme.night.color.textSecondary}});

package/lib/commonjs/ui/components/ExpandablePopover.js

@@ -1,381 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ExpandablePopover = ExpandablePopover;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _index = require("../../icons/index.js");
-var _gameUIColors = require("../gameUI/constants/gameUIColors.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); } // ============================================================================
-// Types
-// ============================================================================
-// ============================================================================
-// Constants
-// ============================================================================
-
-const DEFAULT_PEEK_HEIGHT = 28;
-const DEFAULT_WIDTH = 44;
-
-// ============================================================================
-// Collapsed Peek Component
-// ============================================================================
-
-function CollapsedPeek({
-  count,
-  showCount,
-  onPress,
-  progress,
-  width,
-  height,
-  customContent,
-  label,
-  testID,
-  attention
-}) {
-  // When progress=0 (collapsed): peek is visible (opacity=1, scale=1)
-  // When progress=1 (expanded): peek is hidden (opacity=0, scale=0.9)
-  const opacity = progress.interpolate({
-    inputRange: [0, 0.5, 1],
-    outputRange: [1, 0.5, 0]
-  });
-  const scale = progress.interpolate({
-    inputRange: [0, 1],
-    outputRange: [1, 0.9]
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-    style: [styles.peekContainer, {
-      width,
-      opacity,
-      transform: [{
-        scale
-      }]
-    }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-      onPress: onPress,
-      activeOpacity: 0.8,
-      style: [styles.peekButton, {
-        width,
-        height
-      }],
-      accessibilityLabel: attention?.label ? `${label || "Expand options"} — ${attention.label}` : label || `Expand options`,
-      accessibilityRole: "button",
-      testID: testID,
-      children: [customContent || /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ChevronUp, {
-          size: 12,
-          color: _gameUIColors.buoyColors.textMuted,
-          strokeWidth: 2
-        }), showCount && count !== undefined && count > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.peekCount,
-          children: count
-        })]
-      }), attention ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        pointerEvents: "none",
-        testID: testID ? `${testID}-attention` : undefined,
-        style: [styles.peekAttention, {
-          backgroundColor: attention.color
-        }],
-        children: attention.glyph ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.peekAttentionGlyph,
-          children: attention.glyph
-        }) : null
-      }) : null]
-    })
-  });
-}
-
-// ============================================================================
-// Expanded Content Wrapper
-// ============================================================================
-
-function ExpandedWrapper({
-  children,
-  onCollapse,
-  progress,
-  width,
-  expandedHeight,
-  isExpanded,
-  style,
-  collapseTestID
-}) {
-  // Animate height from 0 to full height
-  const animatedHeight = progress.interpolate({
-    inputRange: [0, 1],
-    outputRange: [0, expandedHeight]
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-    style: [styles.expandedContainer, {
-      width,
-      height: animatedHeight,
-      overflow: "hidden"
-    }, style],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.expandedInner, {
-        height: expandedHeight
-      }],
-      children: [isExpanded && children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: onCollapse,
-        activeOpacity: 0.6,
-        style: styles.collapseButton,
-        accessibilityLabel: "Collapse",
-        accessibilityRole: "button",
-        testID: collapseTestID,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ChevronUp, {
-          size: 12,
-          color: _gameUIColors.buoyColors.textMuted,
-          style: {
-            transform: [{
-              rotate: "180deg"
-            }]
-          }
-        })
-      })]
-    })
-  });
-}
-
-// ============================================================================
-// Main Component
-// ============================================================================
-
-function ExpandablePopover({
-  hasItems,
-  itemCount,
-  showCount = true,
-  width = DEFAULT_WIDTH,
-  children,
-  expandedHeight,
-  onExpandedChange,
-  defaultExpanded = false,
-  collapsedContent,
-  collapsedLabel,
-  attention = null,
-  expandedStyle,
-  persistState = false,
-  storageKey,
-  peekHeight = DEFAULT_PEEK_HEIGHT,
-  testID,
-  collapseTestID
-}) {
-  const [isExpanded, setIsExpanded] = (0, _react.useState)(defaultExpanded);
-  const [isStateRestored, setIsStateRestored] = (0, _react.useState)(!persistState);
-  const progress = (0, _react.useRef)(new _reactNative.Animated.Value(defaultExpanded ? 1 : 0)).current;
-  const hasInitialized = (0, _react.useRef)(false);
-
-  // Restore expanded state on mount if persistence is enabled
-  (0, _react.useEffect)(() => {
-    if (!persistState || !storageKey) {
-      setIsStateRestored(true);
-      return;
-    }
-    const restoreState = async () => {
-      try {
-        // Dynamic import to avoid circular dependency
-        const {
-          persistentStorage
-        } = await Promise.resolve().then(() => _interopRequireWildcard(require("../../utils/persistentStorage")));
-        const saved = await persistentStorage.getItem(storageKey);
-        if (saved === "true") {
-          setIsExpanded(true);
-          progress.setValue(1);
-        }
-      } catch {
-        // Ignore errors
-      }
-      setIsStateRestored(true);
-    };
-    restoreState();
-  }, [persistState, storageKey, progress]);
-
-  // Persist expanded state when it changes
-  (0, _react.useEffect)(() => {
-    if (!persistState || !storageKey || !isStateRestored) return;
-    const persistExpanded = async () => {
-      try {
-        const {
-          persistentStorage
-        } = await Promise.resolve().then(() => _interopRequireWildcard(require("../../utils/persistentStorage")));
-        await persistentStorage.setItem(storageKey, isExpanded ? "true" : "false");
-      } catch {
-        // Ignore errors
-      }
-    };
-    persistExpanded();
-  }, [isExpanded, persistState, storageKey, isStateRestored]);
-
-  // Notify parent of expansion state changes
-  (0, _react.useEffect)(() => {
-    onExpandedChange?.(isExpanded);
-  }, [isExpanded, onExpandedChange]);
-
-  // Expand handler
-  const handleExpand = (0, _react.useCallback)(() => {
-    setIsExpanded(true);
-    _reactNative.Animated.timing(progress, {
-      toValue: 1,
-      duration: 200,
-      useNativeDriver: false
-    }).start();
-  }, [progress]);
-
-  // Collapse handler
-  const handleCollapse = (0, _react.useCallback)(() => {
-    _reactNative.Animated.timing(progress, {
-      toValue: 0,
-      duration: 200,
-      useNativeDriver: false
-    }).start(() => {
-      setIsExpanded(false);
-    });
-  }, [progress]);
-
-  // Initialize animation when items first appear
-  (0, _react.useEffect)(() => {
-    if (!isStateRestored) return;
-    if (hasItems && !hasInitialized.current) {
-      hasInitialized.current = true;
-      if (isExpanded) {
-        progress.setValue(1);
-      } else {
-        progress.setValue(0);
-      }
-    } else if (!hasItems) {
-      hasInitialized.current = false;
-      setIsExpanded(false);
-      progress.setValue(0);
-    }
-  }, [hasItems, progress, isStateRestored, isExpanded]);
-
-  // Don't render if no items
-  if (!hasItems) {
-    return null;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.container, {
-      height: peekHeight
-    }],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.expandedWrapper,
-      pointerEvents: isExpanded ? "box-none" : "none",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ExpandedWrapper, {
-        collapseTestID: collapseTestID,
-        onCollapse: handleCollapse,
-        progress: progress,
-        width: width,
-        expandedHeight: expandedHeight,
-        isExpanded: isExpanded,
-        style: expandedStyle,
-        children: children
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.peekWrapper,
-      pointerEvents: isExpanded ? "none" : "box-none",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapsedPeek, {
-        count: itemCount,
-        showCount: showCount,
-        onPress: handleExpand,
-        progress: progress,
-        width: width,
-        height: peekHeight,
-        customContent: collapsedContent,
-        label: collapsedLabel,
-        testID: testID,
-        attention: attention
-      })
-    })]
-  });
-}
-
-// ============================================================================
-// Styles
-// ============================================================================
-
-const styles = _reactNative.StyleSheet.create({
-  peekAttention: {
-    position: "absolute",
-    top: 2,
-    right: 2,
-    minWidth: 11,
-    height: 11,
-    borderRadius: 6,
-    paddingHorizontal: 2,
-    alignItems: "center",
-    justifyContent: "center",
-    borderWidth: 1.5,
-    borderColor: "#0C0C0C"
-  },
-  peekAttentionGlyph: {
-    color: "#000",
-    fontSize: 8,
-    fontWeight: "800",
-    lineHeight: 9
-  },
-  container: {
-    overflow: "visible",
-    zIndex: 1000
-  },
-  expandedWrapper: {
-    position: "absolute",
-    bottom: 0,
-    left: 0,
-    right: 0,
-    overflow: "visible"
-  },
-  peekWrapper: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0
-  },
-  peekContainer: {},
-  peekButton: {
-    borderTopLeftRadius: 6,
-    borderTopRightRadius: 6,
-    borderBottomLeftRadius: 0,
-    borderBottomRightRadius: 0,
-    backgroundColor: _gameUIColors.buoyColors.card,
-    borderTopWidth: 1,
-    borderLeftWidth: 1,
-    borderRightWidth: 1,
-    borderBottomWidth: 0,
-    borderColor: _gameUIColors.buoyColors.textMuted + "66",
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: 2
-  },
-  peekCount: {
-    fontSize: 9,
-    fontWeight: "600",
-    color: _gameUIColors.buoyColors.textMuted,
-    marginLeft: 1
-  },
-  expandedContainer: {
-    backgroundColor: _gameUIColors.buoyColors.card,
-    borderTopLeftRadius: 6,
-    borderTopRightRadius: 6,
-    borderBottomLeftRadius: 0,
-    borderBottomRightRadius: 0,
-    borderTopWidth: 1,
-    borderLeftWidth: 1,
-    borderRightWidth: 1,
-    borderBottomWidth: 0,
-    borderColor: _gameUIColors.buoyColors.textMuted + "66"
-  },
-  expandedInner: {
-    alignItems: "center",
-    paddingTop: 8,
-    gap: 6
-  },
-  collapseButton: {
-    width: "100%",
-    height: 24,
-    alignItems: "center",
-    justifyContent: "center",
-    marginTop: 3
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ExpandablePopover=ExpandablePopover;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _index=require("../../icons/index.js");var _gameUIColors=require("../gameUI/constants/gameUIColors.js");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(n,d){if("function"==typeof WeakMap)var c=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,u){if(!u&&e&&e.__esModule)return e;var r,i,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(r=u?a:c){if(r.has(e))return r.get(e);r.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?r(o,t,i):o[t]=e[t]);return o})(n,d)}const DEFAULT_PEEK_HEIGHT=28;const DEFAULT_WIDTH=44;function CollapsedPeek({count:n,showCount:d,onPress:c,progress:a,width:e,height:u,customContent:r,label:i,testID:o,attention:t}){const g=a.interpolate({inputRange:[0,.5,1],outputRange:[1,.5,0]});const x=a.interpolate({inputRange:[0,1],outputRange:[1,.9]});return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[styles.peekContainer,{width:e,opacity:g,transform:[{scale:x}]}],children:(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{onPress:c,activeOpacity:.8,style:[styles.peekButton,{width:e,height:u}],accessibilityLabel:t?.label?`${i||"Expand options"} \u2014 ${t.label}`:i||`Expand options`,accessibilityRole:"button",testID:o,children:[r||(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_index.ChevronUp,{size:12,color:_gameUIColors.buoyColors.textMuted,strokeWidth:2}),d&&n!==void 0&&n>1&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.peekCount,children:n})]}),t?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",testID:o?`${o}-attention`:void 0,style:[styles.peekAttention,{backgroundColor:t.color}],children:t.glyph?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.peekAttentionGlyph,children:t.glyph}):null}):null]})})}function ExpandedWrapper({children:n,onCollapse:d,progress:c,width:a,expandedHeight:e,isExpanded:u,style:r,collapseTestID:i}){const o=c.interpolate({inputRange:[0,1],outputRange:[0,e]});return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[styles.expandedContainer,{width:a,height:o,overflow:"hidden"},r],children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.expandedInner,{height:e}],children:[u&&n,(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:d,activeOpacity:.6,style:styles.collapseButton,accessibilityLabel:"Collapse",accessibilityRole:"button",testID:i,children:(0,_jsxRuntime.jsx)(_index.ChevronUp,{size:12,color:_gameUIColors.buoyColors.textMuted,style:{transform:[{rotate:"180deg"}]}})})]})})}function ExpandablePopover({hasItems:n,itemCount:d,showCount:c=true,width:a=DEFAULT_WIDTH,children:e,expandedHeight:u,onExpandedChange:r,defaultExpanded:i=false,collapsedContent:o,collapsedLabel:t,attention:g=null,expandedStyle:x,persistState:f=false,storageKey:p,peekHeight:v=DEFAULT_PEEK_HEIGHT,testID:j,collapseTestID:W}){const[l,h]=(0,_react.useState)(i);const[b,R]=(0,_react.useState)(!f);const s=(0,_react.useRef)(new _reactNative.Animated.Value(i?1:0)).current;const y=(0,_react.useRef)(false);(0,_react.useEffect)(()=>{if(!f||!p){R(true);return}const C=async()=>{try{const{persistentStorage:m}=await Promise.resolve().then(()=>_interopRequireWildcard(require("../../utils/persistentStorage")));const E=await m.getItem(p);if(E==="true"){h(true);s.setValue(1)}}catch{}R(true)};C()},[f,p,s]);(0,_react.useEffect)(()=>{if(!f||!p||!b)return;const C=async()=>{try{const{persistentStorage:m}=await Promise.resolve().then(()=>_interopRequireWildcard(require("../../utils/persistentStorage")));await m.setItem(p,l?"true":"false")}catch{}};C()},[l,f,p,b]);(0,_react.useEffect)(()=>{r?.(l)},[l,r]);const w=(0,_react.useCallback)(()=>{h(true);_reactNative.Animated.timing(s,{toValue:1,duration:200,useNativeDriver:false}).start()},[s]);const k=(0,_react.useCallback)(()=>{_reactNative.Animated.timing(s,{toValue:0,duration:200,useNativeDriver:false}).start(()=>{h(false)})},[s]);(0,_react.useEffect)(()=>{if(!b)return;if(n&&!y.current){y.current=true;if(l){s.setValue(1)}else{s.setValue(0)}}else if(!n){y.current=false;h(false);s.setValue(0)}},[n,s,b,l]);if(!n){return null}return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.container,{height:v}],children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.expandedWrapper,pointerEvents:l?"box-none":"none",children:(0,_jsxRuntime.jsx)(ExpandedWrapper,{collapseTestID:W,onCollapse:k,progress:s,width:a,expandedHeight:u,isExpanded:l,style:x,children:e})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.peekWrapper,pointerEvents:l?"none":"box-none",children:(0,_jsxRuntime.jsx)(CollapsedPeek,{count:d,showCount:c,onPress:w,progress:s,width:a,height:v,customContent:o,label:t,testID:j,attention:g})})]})}const styles=_reactNative.StyleSheet.create({peekAttention:{position:"absolute",top:2,right:2,minWidth:11,height:11,borderRadius:6,paddingHorizontal:2,alignItems:"center",justifyContent:"center",borderWidth:1.5,borderColor:"#0C0C0C"},peekAttentionGlyph:{color:"#000",fontSize:8,fontWeight:"800",lineHeight:9},container:{overflow:"visible",zIndex:1e3},expandedWrapper:{position:"absolute",bottom:0,left:0,right:0,overflow:"visible"},peekWrapper:{position:"absolute",top:0,left:0,right:0,bottom:0},peekContainer:{},peekButton:{borderTopLeftRadius:6,borderTopRightRadius:6,borderBottomLeftRadius:0,borderBottomRightRadius:0,backgroundColor:_gameUIColors.buoyColors.card,borderTopWidth:1,borderLeftWidth:1,borderRightWidth:1,borderBottomWidth:0,borderColor:_gameUIColors.buoyColors.textMuted+"66",flexDirection:"row",alignItems:"center",justifyContent:"center",gap:2},peekCount:{fontSize:9,fontWeight:"600",color:_gameUIColors.buoyColors.textMuted,marginLeft:1},expandedContainer:{backgroundColor:_gameUIColors.buoyColors.card,borderTopLeftRadius:6,borderTopRightRadius:6,borderBottomLeftRadius:0,borderBottomRightRadius:0,borderTopWidth:1,borderLeftWidth:1,borderRightWidth:1,borderBottomWidth:0,borderColor:_gameUIColors.buoyColors.textMuted+"66"},expandedInner:{alignItems:"center",paddingTop:8,gap:6},collapseButton:{width:"100%",height:24,alignItems:"center",justifyContent:"center",marginTop:3}});