@buoy-gg/shared-ui 7.0.40 → 7.0.42

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

@@ -1,50 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HeaderSearchButton = HeaderSearchButton;
-var _reactNative = require("react-native");
-var _index = require("../../icons/index.js");
-var _index2 = require("../gameUI/index.js");
-var _nightTheme = require("../night/nightTheme.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function HeaderSearchButton({
-  onPress,
-  size = 14,
-  color,
-  style,
-  accessibilityLabel = "Search",
-  testID,
-  variant = "plain"
-}) {
-  const chip = variant === "chip";
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-    onPress: onPress,
-    style: [chip ? styles.chip : styles.button, style],
-    activeOpacity: 0.7,
-    accessibilityRole: "button",
-    accessibilityLabel: accessibilityLabel,
-    testID: testID,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Search, {
-      size: size,
-      color: color ?? (chip ? _nightTheme.night.color.textSecondary : _index2.gameUIColors.secondary)
-    })
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  button: {
-    padding: 8,
-    borderRadius: 4
-  },
-  chip: {
-    width: 32,
-    height: 32,
-    borderRadius: 8,
-    backgroundColor: _nightTheme.night.color.buttonSurface,
-    borderWidth: 1,
-    borderColor: _nightTheme.night.color.border,
-    alignItems: "center",
-    justifyContent: "center"
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.HeaderSearchButton=HeaderSearchButton;var _reactNative=require("react-native");var _index=require("../../icons/index.js");var _index2=require("../gameUI/index.js");var _nightTheme=require("../night/nightTheme.js");var _jsxRuntime=require("react/jsx-runtime");function HeaderSearchButton({onPress:r,size:t=14,color:i,style:o,accessibilityLabel:n="Search",testID:c,variant:a="plain"}){const e=a==="chip";return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:r,style:[e?styles.chip:styles.button,o],activeOpacity:.7,accessibilityRole:"button",accessibilityLabel:n,testID:c,children:(0,_jsxRuntime.jsx)(_index.Search,{size:t,color:i??(e?_nightTheme.night.color.textSecondary:_index2.gameUIColors.secondary)})})}const styles=_reactNative.StyleSheet.create({button:{padding:8,borderRadius:4},chip:{width:32,height:32,borderRadius:8,backgroundColor:_nightTheme.night.color.buttonSurface,borderWidth:1,borderColor:_nightTheme.night.color.border,alignItems:"center",justifyContent:"center"}});

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

@@ -1,91 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InfoRow = InfoRow;
-var _reactNative = require("react-native");
-var _nightTheme = require("../night/nightTheme.js");
-var _CopyButton = require("./CopyButton.js");
-var _fonts = require("../fonts.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * InfoRow — the label / value line of every detail screen.
- *
- * Thirteen tools hand-rolled this (redux and zustand byte-for-byte). The
- * night-theme recipe below is theirs: 11 px, tertiary label on the left,
- * right-aligned value that truncates in the MIDDLE so both ends of an id or
- * a path stay readable, optional monospace, optional color.
- *
- * `ellipsizeMode="middle"` truncates the RENDERED text and iOS reports the
- * truncated string back, so anything a test reads off one of these rows has
- * to be short enough to fit on the line.
- */
-
-function InfoRow({
-  label,
-  value,
-  valueColor,
-  mono = false,
-  copyable = false,
-  numberOfLines = 1,
-  testID,
-  style,
-  labelStyle,
-  valueStyle
-}) {
-  const isText = typeof value === "string" || typeof value === "number";
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.row, style],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.label, labelStyle],
-      numberOfLines: 1,
-      children: label
-    }), isText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      testID: testID,
-      style: [styles.value, mono && styles.valueMono, valueColor ? {
-        color: valueColor
-      } : undefined, valueStyle],
-      numberOfLines: numberOfLines,
-      ellipsizeMode: "middle",
-      children: String(value)
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.valueNode,
-      testID: testID,
-      children: value
-    }), copyable && isText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CopyButton.CopyButton, {
-      value: String(value),
-      size: 12
-    }) : null]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between"
-  },
-  label: {
-    fontSize: 11,
-    color: _nightTheme.night.color.textTertiary,
-    fontWeight: "500"
-  },
-  value: {
-    fontSize: 11,
-    color: _nightTheme.night.color.text,
-    fontWeight: "500",
-    flex: 1,
-    textAlign: "right",
-    marginLeft: 12
-  },
-  valueMono: {
-    fontFamily: _fonts.monoFont
-  },
-  valueNode: {
-    flex: 1,
-    flexDirection: "row",
-    justifyContent: "flex-end",
-    alignItems: "center",
-    marginLeft: 12
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.InfoRow=InfoRow;var _reactNative=require("react-native");var _nightTheme=require("../night/nightTheme.js");var _CopyButton=require("./CopyButton.js");var _fonts=require("../fonts.js");var _jsxRuntime=require("react/jsx-runtime");function InfoRow({label:i,value:e,valueColor:t,mono:o=false,copyable:s=false,numberOfLines:l=1,testID:n,style:f,labelStyle:a,valueStyle:u}){const r=typeof e==="string"||typeof e==="number";return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.row,f],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.label,a],numberOfLines:1,children:i}),r?(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:n,style:[styles.value,o&&styles.valueMono,t?{color:t}:void 0,u],numberOfLines:l,ellipsizeMode:"middle",children:String(e)}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.valueNode,testID:n,children:e}),s&&r?(0,_jsxRuntime.jsx)(_CopyButton.CopyButton,{value:String(e),size:12}):null]})}const styles=_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},label:{fontSize:11,color:_nightTheme.night.color.textTertiary,fontWeight:"500"},value:{fontSize:11,color:_nightTheme.night.color.text,fontWeight:"500",flex:1,textAlign:"right",marginLeft:12},valueMono:{fontFamily:_fonts.monoFont},valueNode:{flex:1,flexDirection:"row",justifyContent:"flex-end",alignItems:"center",marginLeft:12}});

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

@@ -1,173 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ListItem = ListItem;
-var _reactNative = require("react-native");
-var _macOSDesignSystemColors = require("../gameUI/constants/macOSDesignSystemColors.js");
-var _gameUIColors = require("../gameUI/constants/gameUIColors.js");
-var _jsxRuntime = require("react/jsx-runtime");
-// Base ListItem container component
-
-function ListItem({
-  onPress,
-  children,
-  disabled = false,
-  style
-}) {
-  const Container = onPress ? _reactNative.TouchableOpacity : _reactNative.View;
-  const containerProps = onPress ? {
-    onPress,
-    disabled
-  } : {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, {
-    ...containerProps,
-    style: [styles.container, style],
-    children: children
-  });
-}
-
-// Header section for status badges, timestamps, etc.
-
-function Header({
-  children,
-  style
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.header, style],
-    children: children
-  });
-}
-
-// Content section for main item content
-
-function Content({
-  children,
-  style
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.content, style],
-    children: children
-  });
-}
-
-// Footer section for actions, metadata, etc.
-
-function Footer({
-  children,
-  style
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.footer, style],
-    children: children
-  });
-}
-
-// Title component for item titles
-
-function Title({
-  children,
-  numberOfLines = 1,
-  style
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-    style: [styles.title, style],
-    numberOfLines: numberOfLines,
-    children: children
-  });
-}
-
-// Subtitle component for secondary text
-
-function Subtitle({
-  children,
-  numberOfLines = 2,
-  style
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-    style: [styles.subtitle, style],
-    numberOfLines: numberOfLines,
-    children: children
-  });
-}
-
-// Metadata component for timestamps, counts, etc.
-
-function Metadata({
-  children,
-  style
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-    style: [styles.metadata, style],
-    children: children
-  });
-}
-
-// Actions container for buttons
-
-function Actions({
-  children,
-  style
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.actions, style],
-    children: children
-  });
-}
-
-// Attach sub-components to the main component
-ListItem.Header = Header;
-ListItem.Content = Content;
-ListItem.Footer = Footer;
-ListItem.Title = Title;
-ListItem.Subtitle = Subtitle;
-ListItem.Metadata = Metadata;
-ListItem.Actions = Actions;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    backgroundColor: _gameUIColors.buoyColors.card,
-    borderRadius: 8,
-    padding: 12,
-    marginHorizontal: 16,
-    marginVertical: 4,
-    borderWidth: 1,
-    borderColor: "rgba(128, 128, 128, 0.1)"
-  },
-  header: {
-    flexDirection: "row",
-    alignItems: "center",
-    marginBottom: 8,
-    gap: 8
-  },
-  content: {
-    flex: 1
-  },
-  footer: {
-    flexDirection: "row",
-    alignItems: "center",
-    marginTop: 8,
-    gap: 8
-  },
-  title: {
-    fontSize: 16,
-    fontWeight: "600",
-    color: _gameUIColors.buoyColors.text,
-    marginBottom: 4
-  },
-  subtitle: {
-    fontSize: 14,
-    color: _gameUIColors.buoyColors.textSecondary,
-    lineHeight: 20
-  },
-  metadata: {
-    fontSize: 12,
-    color: _macOSDesignSystemColors.macOSColors.text.icon
-  },
-  actions: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    marginLeft: "auto"
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ListItem=ListItem;var _reactNative=require("react-native");var _macOSDesignSystemColors=require("../gameUI/constants/macOSDesignSystemColors.js");var _gameUIColors=require("../gameUI/constants/gameUIColors.js");var _jsxRuntime=require("react/jsx-runtime");function ListItem({onPress:e,children:t,disabled:r=false,style:n}){const o=e?_reactNative.TouchableOpacity:_reactNative.View;const i=e?{onPress:e,disabled:r}:{};return(0,_jsxRuntime.jsx)(o,{...i,style:[styles.container,n],children:t})}function Header({children:e,style:t}){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.header,t],children:e})}function Content({children:e,style:t}){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.content,t],children:e})}function Footer({children:e,style:t}){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.footer,t],children:e})}function Title({children:e,numberOfLines:t=1,style:r}){return(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.title,r],numberOfLines:t,children:e})}function Subtitle({children:e,numberOfLines:t=2,style:r}){return(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.subtitle,r],numberOfLines:t,children:e})}function Metadata({children:e,style:t}){return(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.metadata,t],children:e})}function Actions({children:e,style:t}){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.actions,t],children:e})}ListItem.Header=Header;ListItem.Content=Content;ListItem.Footer=Footer;ListItem.Title=Title;ListItem.Subtitle=Subtitle;ListItem.Metadata=Metadata;ListItem.Actions=Actions;const styles=_reactNative.StyleSheet.create({container:{backgroundColor:_gameUIColors.buoyColors.card,borderRadius:8,padding:12,marginHorizontal:16,marginVertical:4,borderWidth:1,borderColor:"rgba(128, 128, 128, 0.1)"},header:{flexDirection:"row",alignItems:"center",marginBottom:8,gap:8},content:{flex:1},footer:{flexDirection:"row",alignItems:"center",marginTop:8,gap:8},title:{fontSize:16,fontWeight:"600",color:_gameUIColors.buoyColors.text,marginBottom:4},subtitle:{fontSize:14,color:_gameUIColors.buoyColors.textSecondary,lineHeight:20},metadata:{fontSize:12,color:_macOSDesignSystemColors.macOSColors.text.icon},actions:{flexDirection:"row",alignItems:"center",gap:8,marginLeft:"auto"}});

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

@@ -1,305 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Actions = Actions;
-exports.Content = Content;
-exports.HeaderSearch = HeaderSearch;
-exports.ModalHeader = ModalHeader;
-exports.Navigation = Navigation;
-var _reactNative = require("react-native");
-var _react = require("react");
-var _index = require("../../icons/index.js");
-var _nightTheme = require("../night/nightTheme.js");
-var _windowDrag = require("./windowDrag.js");
-var _jsxRuntime = require("react/jsx-runtime");
-// Base ModalHeader container component
-// Note: onClose and onMinimize are now handled by WindowControls in JsModal
-
-function ModalHeader({
-  children
-}) {
-  // Tagged as a window-drag region for Buoy Desktop (see ./windowDrag): on
-  // the desktop dashboard this header is the top edge of a frameless window,
-  // so it moves the app like a title bar. Inert everywhere else.
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.headerContainer,
-    ..._windowDrag.windowDragProps,
-    children: children
-  });
-}
-
-// Navigation component for back/close buttons
-
-function Navigation({
-  onBack,
-  onClose,
-  backIcon,
-  closeIcon
-}) {
-  // When only showing close button, position it on the right
-  if (!onBack && onClose) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          flex: 1
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: onClose,
-        style: styles.navigationButton,
-        testID: "tool-close",
-        accessibilityLabel: "Close",
-        accessibilityRole: "button",
-        children: closeIcon || /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.X, {
-          size: 20,
-          color: _nightTheme.night.color.textSecondary
-        })
-      })]
-    });
-  }
-
-  // When only showing back button
-  if (onBack && !onClose) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      onPress: onBack,
-      style: styles.navigationButton,
-      testID: "tool-back",
-      accessibilityLabel: "Back",
-      accessibilityRole: "button",
-      children: backIcon || /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ChevronLeft, {
-        size: 20,
-        color: _nightTheme.night.color.textSecondary
-      })
-    });
-  }
-
-  // When showing both, we need to handle them separately
-  // The close button will be rendered separately on the right
-  if (onBack && onClose) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      onPress: onBack,
-      style: styles.navigationButton,
-      testID: "tool-back",
-      accessibilityLabel: "Back",
-      accessibilityRole: "button",
-      children: backIcon || /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ChevronLeft, {
-        size: 20,
-        color: _nightTheme.night.color.textSecondary
-      })
-    });
-  }
-  return null;
-}
-
-// Content component for title and subtitle
-
-function Content({
-  title,
-  subtitle,
-  children,
-  centered,
-  noMargin,
-  testID
-}) {
-  if (children) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.headerContent, noMargin && styles.headerContentNoMargin],
-      children: children
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.headerContent, centered && styles.headerContentCentered],
-    children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.headerTitle, centered && styles.headerTitleCentered],
-      numberOfLines: 1,
-      testID: testID,
-      children: title
-    }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.headerSubtitle, centered && styles.headerSubtitleCentered],
-      numberOfLines: 1,
-      testID: testID ? `${testID}-subtitle` : undefined,
-      children: subtitle
-    })]
-  });
-}
-
-// Actions component for header action buttons
-// Note: onClose and onMinimize are now handled by WindowControls in JsModal
-
-function Actions({
-  children
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.headerActions,
-    children: children
-  });
-}
-Actions.displayName = "ModalHeaderActions";
-
-// Expanding search input for the header. Render this IN PLACE OF
-// `ModalHeader.Content` while search is active — it fills the same flex slot.
-// Extracts the idiom env/network/storage each hand-rolled (~50 lines apiece).
-
-function HeaderSearch({
-  value,
-  onChangeText,
-  onCancel,
-  placeholder = "Search...",
-  autoFocus = true,
-  testID,
-  containerTestID,
-  clearTestID,
-  accessibilityLabel,
-  onBlur,
-  iconSize = 12,
-  dismissOnBlur = false,
-  onDismiss,
-  clearOnlyWhenText = false,
-  inputProps,
-  containerNativeID
-}) {
-  const inputRef = (0, _react.useRef)(null);
-  // Set while the ✕ is pressed so the blur it causes doesn't dismiss first.
-  const clearPressRef = (0, _react.useRef)(false);
-  (0, _react.useEffect)(() => {
-    if (autoFocus) inputRef.current?.focus();
-  }, [autoFocus]);
-  const dismiss = onDismiss ?? onCancel;
-  const showClear = !clearOnlyWhenText || value.length > 0;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.searchContainer,
-    testID: containerTestID,
-    nativeID: containerNativeID,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Search, {
-      size: iconSize,
-      color: _nightTheme.night.color.textSecondary
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-      ref: inputRef,
-      style: styles.searchInput,
-      placeholder: placeholder,
-      placeholderTextColor: _nightTheme.night.color.placeholder,
-      value: value,
-      onChangeText: onChangeText,
-      onSubmitEditing: () => dismissOnBlur ? dismiss() : inputRef.current?.blur(),
-      onBlur: () => {
-        if (dismissOnBlur && !clearPressRef.current) dismiss();
-        onBlur?.();
-      },
-      autoCorrect: false,
-      autoCapitalize: "none",
-      returnKeyType: "search",
-      testID: testID,
-      accessibilityLabel: accessibilityLabel ?? placeholder,
-      ...inputProps
-    }), showClear ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      onPress: onCancel
-      // react-native-web delays press-in ~50ms by default (native fires it
-      // immediately), which would put it AFTER the blur.
-      ,
-      delayPressIn: 0,
-      onPressIn: () => {
-        clearPressRef.current = true;
-      },
-      onPressOut: () => {
-        clearPressRef.current = false;
-      },
-      style: styles.searchCancelButton,
-      accessibilityRole: "button",
-      accessibilityLabel: "Clear search",
-      testID: clearTestID ?? (testID ? `${testID}-clear` : undefined),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.X, {
-        size: 12,
-        color: _nightTheme.night.color.textSecondary
-      })
-    }) : null]
-  });
-}
-
-// Attach sub-components to the main component
-ModalHeader.Navigation = Navigation;
-ModalHeader.Content = Content;
-ModalHeader.Actions = Actions;
-ModalHeader.Search = HeaderSearch;
-const styles = _reactNative.StyleSheet.create({
-  headerContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    flex: 1,
-    gap: 8,
-    minHeight: 32,
-    paddingLeft: 4
-    // No right inset: the traffic-light window controls are cleared
-    // VERTICALLY — JsModal's drag-indicator strip owns their band (see
-    // WINDOW_CONTROLS_BAND) — so nothing here has to be pushed sideways to
-    // stay out from under them. `headerActions` already ends 4pt off the
-    // edge, matching the left, and hosts that render this header with no
-    // window controls at all (the desktop inline panels) get no phantom gap.
-  },
-  navigationButton: {
-    padding: 4
-  },
-  closeButtonOnly: {
-    marginLeft: "auto",
-    marginRight: 4
-  },
-  headerContent: {
-    flex: 1,
-    marginHorizontal: 8
-  },
-  headerContentCentered: {
-    justifyContent: "center"
-  },
-  headerTitle: {
-    color: _nightTheme.night.color.text,
-    fontSize: 14,
-    fontWeight: "500"
-  },
-  headerTitleCentered: {
-    textAlign: "center"
-  },
-  headerSubtitle: {
-    fontSize: 12,
-    color: _nightTheme.night.color.textSecondary,
-    marginTop: 2
-  },
-  headerSubtitleCentered: {
-    textAlign: "center"
-  },
-  headerActions: {
-    flexDirection: "row",
-    gap: 6,
-    marginLeft: "auto",
-    marginRight: 4,
-    flexShrink: 0
-  },
-  headerContentNoMargin: {
-    marginHorizontal: 0
-  },
-  searchContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    flex: 1,
-    backgroundColor: _nightTheme.night.color.surfaceElevated,
-    borderRadius: 10,
-    paddingHorizontal: 10,
-    paddingVertical: 4,
-    marginHorizontal: 12,
-    marginVertical: 4,
-    height: 32,
-    borderWidth: 1,
-    borderColor: _nightTheme.night.color.border
-  },
-  searchInput: {
-    flex: 1,
-    marginLeft: 8,
-    fontSize: 13,
-    color: _nightTheme.night.color.text,
-    padding: 0,
-    height: "100%"
-  },
-  searchCancelButton: {
-    padding: 4,
-    marginLeft: 4
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.Actions=Actions;exports.Content=Content;exports.HeaderSearch=HeaderSearch;exports.ModalHeader=ModalHeader;exports.Navigation=Navigation;var _reactNative=require("react-native");var _react=require("react");var _index=require("../../icons/index.js");var _nightTheme=require("../night/nightTheme.js");var _windowDrag=require("./windowDrag.js");var _jsxRuntime=require("react/jsx-runtime");function ModalHeader({children:e}){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.headerContainer,..._windowDrag.windowDragProps,children:e})}function Navigation({onBack:e,onClose:t,backIcon:r,closeIcon:n}){if(!e&&t){return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{flex:1}}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:t,style:styles.navigationButton,testID:"tool-close",accessibilityLabel:"Close",accessibilityRole:"button",children:n||(0,_jsxRuntime.jsx)(_index.X,{size:20,color:_nightTheme.night.color.textSecondary})})]})}if(e&&!t){return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:e,style:styles.navigationButton,testID:"tool-back",accessibilityLabel:"Back",accessibilityRole:"button",children:r||(0,_jsxRuntime.jsx)(_index.ChevronLeft,{size:20,color:_nightTheme.night.color.textSecondary})})}if(e&&t){return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:e,style:styles.navigationButton,testID:"tool-back",accessibilityLabel:"Back",accessibilityRole:"button",children:r||(0,_jsxRuntime.jsx)(_index.ChevronLeft,{size:20,color:_nightTheme.night.color.textSecondary})})}return null}function Content({title:e,subtitle:t,children:r,centered:n,noMargin:o,testID:i}){if(r){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.headerContent,o&&styles.headerContentNoMargin],children:r})}return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.headerContent,n&&styles.headerContentCentered],children:[e&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.headerTitle,n&&styles.headerTitleCentered],numberOfLines:1,testID:i,children:e}),t&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.headerSubtitle,n&&styles.headerSubtitleCentered],numberOfLines:1,testID:i?`${i}-subtitle`:void 0,children:t})]})}function Actions({children:e}){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.headerActions,children:e})}Actions.displayName="ModalHeaderActions";function HeaderSearch({value:e,onChangeText:t,onCancel:r,placeholder:n="Search...",autoFocus:o=true,testID:i,containerTestID:d,clearTestID:h,accessibilityLabel:u,onBlur:g,iconSize:x=12,dismissOnBlur:l=false,onDismiss:f,clearOnlyWhenText:y=false,inputProps:b,containerNativeID:p}){const a=(0,_react.useRef)(null);const s=(0,_react.useRef)(false);(0,_react.useEffect)(()=>{if(o)a.current?.focus()},[o]);const c=f??r;const C=!y||e.length>0;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.searchContainer,testID:d,nativeID:p,children:[(0,_jsxRuntime.jsx)(_index.Search,{size:x,color:_nightTheme.night.color.textSecondary}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,{ref:a,style:styles.searchInput,placeholder:n,placeholderTextColor:_nightTheme.night.color.placeholder,value:e,onChangeText:t,onSubmitEditing:()=>l?c():a.current?.blur(),onBlur:()=>{if(l&&!s.current)c();g?.()},autoCorrect:false,autoCapitalize:"none",returnKeyType:"search",testID:i,accessibilityLabel:u??n,...b}),C?(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:r,delayPressIn:0,onPressIn:()=>{s.current=true},onPressOut:()=>{s.current=false},style:styles.searchCancelButton,accessibilityRole:"button",accessibilityLabel:"Clear search",testID:h??(i?`${i}-clear`:void 0),children:(0,_jsxRuntime.jsx)(_index.X,{size:12,color:_nightTheme.night.color.textSecondary})}):null]})}ModalHeader.Navigation=Navigation;ModalHeader.Content=Content;ModalHeader.Actions=Actions;ModalHeader.Search=HeaderSearch;const styles=_reactNative.StyleSheet.create({headerContainer:{flexDirection:"row",alignItems:"center",flex:1,gap:8,minHeight:32,paddingLeft:4},navigationButton:{padding:4},closeButtonOnly:{marginLeft:"auto",marginRight:4},headerContent:{flex:1,marginHorizontal:8},headerContentCentered:{justifyContent:"center"},headerTitle:{color:_nightTheme.night.color.text,fontSize:14,fontWeight:"500"},headerTitleCentered:{textAlign:"center"},headerSubtitle:{fontSize:12,color:_nightTheme.night.color.textSecondary,marginTop:2},headerSubtitleCentered:{textAlign:"center"},headerActions:{flexDirection:"row",gap:6,marginLeft:"auto",marginRight:4,flexShrink:0},headerContentNoMargin:{marginHorizontal:0},searchContainer:{flexDirection:"row",alignItems:"center",flex:1,backgroundColor:_nightTheme.night.color.surfaceElevated,borderRadius:10,paddingHorizontal:10,paddingVertical:4,marginHorizontal:12,marginVertical:4,height:32,borderWidth:1,borderColor:_nightTheme.night.color.border},searchInput:{flex:1,marginLeft:8,fontSize:13,color:_nightTheme.night.color.text,padding:0,height:"100%"},searchCancelButton:{padding:4,marginLeft:4}});