@buoy-gg/shared-ui 7.0.41 → 7.0.42

package/lib/module/ui/components/ExportPreview.js

@@ -1,169 +1 @@
-"use strict";
-
-/**
- * ExportPreview — the collapsible "what will be copied" panel at the bottom
- * of a copy-settings screen.
- *
- * Collapsed, it is a card: an eye icon, "Show Preview", a one-line summary
- * ("14 events · ~12.3 KB (mock data)"), a chevron — and, when the estimated
- * payload is big, an amber or red size warning under it. Expanded, it is a
- * "Hide Preview" bar over whatever the tool renders (a DataViewer for JSON,
- * a mono text block otherwise).
- *
- * network, events and highlight-updates each drew this (~120 lines apiece).
- * Tools keep their own summary string, warning copy and body; the chrome
- * and the size-threshold ladder live here.
- */
-
-import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { AlertTriangle, ChevronDown, ChevronUp, Eye } from "../../icons/index.js";
-import { night } from "../night/nightTheme.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/** The two-step ladder every copy view used (thresholds differ per tool). */
-export function sizeWarningLevel(bytes, thresholds) {
-  if (bytes >= thresholds.danger) return "danger";
-  if (bytes >= thresholds.warning) return "warning";
-  return "none";
-}
-const DEFAULT_WARNING = {
-  warning: "Large payload — preview may be slow",
-  danger: "Very large payload — may cause performance issues"
-};
-export function ExportPreview({
-  expanded,
-  onExpandedChange,
-  summary,
-  warningLevel = "none",
-  warningText = DEFAULT_WARNING,
-  testIDs,
-  renderBody
-}) {
-  if (!expanded) {
-    const warningColor = warningLevel === "danger" ? night.color.danger : warningLevel === "warning" ? night.color.warning : night.color.textSecondary;
-    return /*#__PURE__*/_jsxs(View, {
-      style: styles.collapsed,
-      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-        style: styles.expandButton,
-        onPress: () => onExpandedChange(true),
-        testID: testIDs?.expand,
-        accessibilityRole: "button",
-        accessibilityLabel: "Show export preview",
-        children: /*#__PURE__*/_jsxs(View, {
-          style: styles.expandButtonContent,
-          children: [/*#__PURE__*/_jsx(Eye, {
-            size: 16,
-            color: night.color.info
-          }), /*#__PURE__*/_jsxs(View, {
-            style: styles.expandButtonTextContainer,
-            children: [/*#__PURE__*/_jsx(Text, {
-              style: styles.expandButtonTitle,
-              children: "Show Preview"
-            }), /*#__PURE__*/_jsx(Text, {
-              style: styles.expandButtonSubtitle,
-              testID: testIDs?.summary,
-              children: summary
-            })]
-          }), /*#__PURE__*/_jsx(ChevronDown, {
-            size: 16,
-            color: night.color.textTertiary
-          })]
-        })
-      }), warningLevel !== "none" ? /*#__PURE__*/_jsxs(View, {
-        style: [styles.sizeWarning, warningLevel === "danger" && styles.sizeWarningDanger],
-        testID: testIDs?.warning,
-        children: [/*#__PURE__*/_jsx(AlertTriangle, {
-          size: 12,
-          color: warningColor
-        }), /*#__PURE__*/_jsx(Text, {
-          style: [styles.sizeWarningText, {
-            color: warningColor
-          }],
-          children: warningLevel === "danger" ? warningText.danger : warningText.warning
-        })]
-      }) : null]
-    });
-  }
-  return /*#__PURE__*/_jsxs(View, {
-    children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
-      style: styles.collapseButton,
-      onPress: () => onExpandedChange(false),
-      testID: testIDs?.collapse,
-      accessibilityRole: "button",
-      accessibilityLabel: "Hide export preview",
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.collapseButtonText,
-        children: "Hide Preview"
-      }), /*#__PURE__*/_jsx(ChevronUp, {
-        size: 14,
-        color: night.color.textSecondary
-      })]
-    }), renderBody()]
-  });
-}
-const styles = StyleSheet.create({
-  collapsed: {
-    gap: 8
-  },
-  expandButton: {
-    backgroundColor: night.color.surfaceElevated,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    padding: 12
-  },
-  expandButtonContent: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10
-  },
-  expandButtonTextContainer: {
-    flex: 1
-  },
-  expandButtonTitle: {
-    fontSize: 13,
-    fontWeight: "600",
-    color: night.color.text
-  },
-  expandButtonSubtitle: {
-    fontSize: 11,
-    color: night.color.textSecondary,
-    marginTop: 2
-  },
-  collapseButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: 6,
-    paddingVertical: 8,
-    marginBottom: 8,
-    backgroundColor: night.color.surfaceElevated,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: night.color.border
-  },
-  collapseButtonText: {
-    fontSize: 12,
-    fontWeight: "500",
-    color: night.color.textSecondary
-  },
-  sizeWarning: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    backgroundColor: night.color.warningSoft,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: night.color.warning + "30"
-  },
-  sizeWarningDanger: {
-    backgroundColor: night.color.dangerSoft,
-    borderColor: night.color.danger + "30"
-  },
-  sizeWarningText: {
-    fontSize: 11,
-    fontWeight: "500",
-    flex: 1
-  }
-});
+"use strict";import{StyleSheet as f,Text as d,TouchableOpacity as p,View as l}from"react-native";import{AlertTriangle as y,ChevronDown as b,ChevronUp as h,Eye as m}from"../../icons/index.js";import{night as e}from"../night/nightTheme.js";import{jsx as r,jsxs as n}from"react/jsx-runtime";export function sizeWarningLevel(a,t){if(a>=t.danger)return"danger";if(a>=t.warning)return"warning";return"none"}const w={warning:"Large payload \u2014 preview may be slow",danger:"Very large payload \u2014 may cause performance issues"};export function ExportPreview({expanded:a,onExpandedChange:t,summary:u,warningLevel:i="none",warningText:s=w,testIDs:c,renderBody:x}){if(!a){const g=i==="danger"?e.color.danger:i==="warning"?e.color.warning:e.color.textSecondary;return n(l,{style:o.collapsed,children:[r(p,{style:o.expandButton,onPress:()=>t(true),testID:c?.expand,accessibilityRole:"button",accessibilityLabel:"Show export preview",children:n(l,{style:o.expandButtonContent,children:[r(m,{size:16,color:e.color.info}),n(l,{style:o.expandButtonTextContainer,children:[r(d,{style:o.expandButtonTitle,children:"Show Preview"}),r(d,{style:o.expandButtonSubtitle,testID:c?.summary,children:u})]}),r(b,{size:16,color:e.color.textTertiary})]})}),i!=="none"?n(l,{style:[o.sizeWarning,i==="danger"&&o.sizeWarningDanger],testID:c?.warning,children:[r(y,{size:12,color:g}),r(d,{style:[o.sizeWarningText,{color:g}],children:i==="danger"?s.danger:s.warning})]}):null]})}return n(l,{children:[n(p,{style:o.collapseButton,onPress:()=>t(false),testID:c?.collapse,accessibilityRole:"button",accessibilityLabel:"Hide export preview",children:[r(d,{style:o.collapseButtonText,children:"Hide Preview"}),r(h,{size:14,color:e.color.textSecondary})]}),x()]})}const o=f.create({collapsed:{gap:8},expandButton:{backgroundColor:e.color.surfaceElevated,borderRadius:8,borderWidth:1,borderColor:e.color.border,padding:12},expandButtonContent:{flexDirection:"row",alignItems:"center",gap:10},expandButtonTextContainer:{flex:1},expandButtonTitle:{fontSize:13,fontWeight:"600",color:e.color.text},expandButtonSubtitle:{fontSize:11,color:e.color.textSecondary,marginTop:2},collapseButton:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,paddingVertical:8,marginBottom:8,backgroundColor:e.color.surfaceElevated,borderRadius:6,borderWidth:1,borderColor:e.color.border},collapseButtonText:{fontSize:12,fontWeight:"500",color:e.color.textSecondary},sizeWarning:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:10,paddingVertical:6,backgroundColor:e.color.warningSoft,borderRadius:6,borderWidth:1,borderColor:e.color.warning+"30"},sizeWarningDanger:{backgroundColor:e.color.dangerSoft,borderColor:e.color.danger+"30"},sizeWarningText:{fontSize:11,fontWeight:"500",flex:1}});

package/lib/module/ui/components/FilterComponents.js

@@ -1,282 +1 @@
-"use strict";
-
-import { View, Text, TouchableOpacity, TextInput, StyleSheet } from "react-native";
-import { X, Plus } from "../../icons/index.js";
-import { night } from "../night/nightTheme.js";
-import { monoFont } from "../fonts.js";
-// Container for filter section
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function FilterSection({
-  children,
-  style
-}) {
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.filterSection, style],
-    children: children
-  });
-}
-
-// Individual filter badge
-
-export function FilterBadge({
-  filter,
-  onRemove,
-  active = true,
-  color = "#E5E7EB"
-}) {
-  const backgroundColor = active ? `${color}15` : "transparent";
-  const borderColor = active ? `${color}40` : `${color}20`;
-  const textColor = active ? color : `${color}80`;
-  return /*#__PURE__*/_jsxs(TouchableOpacity, {
-    style: [styles.badge, {
-      backgroundColor,
-      borderColor
-    }],
-    onPress: onRemove,
-    disabled: !onRemove,
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: [styles.badgeText, {
-        color: textColor
-      }],
-      numberOfLines: 1,
-      children: filter
-    }), onRemove && /*#__PURE__*/_jsx(TouchableOpacity, {
-      onPress: onRemove,
-      style: styles.removeButton,
-      children: /*#__PURE__*/_jsx(X, {
-        size: 12,
-        color: textColor
-      })
-    })]
-  });
-}
-
-// Add filter input component
-
-export function AddFilterInput({
-  value,
-  onChange,
-  onSubmit,
-  onCancel,
-  placeholder = "Add filter...",
-  color = "#E5E7EB",
-  testID = "buoy-filter-input"
-}) {
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.inputContainer, {
-      borderColor: `${color}40`
-    }],
-    children: [/*#__PURE__*/_jsx(TextInput, {
-      testID: testID,
-      accessibilityLabel: placeholder,
-      value: value,
-      onChangeText: onChange,
-      onSubmitEditing: onSubmit,
-      placeholder: placeholder,
-      placeholderTextColor: `${color}40`,
-      style: [styles.input, {
-        color
-      }],
-      autoFocus: true,
-      returnKeyType: "done",
-      autoCorrect: false,
-      autoCapitalize: "none",
-      autoComplete: "off",
-      spellCheck: false
-    }), /*#__PURE__*/_jsxs(View, {
-      style: styles.inputButtons,
-      children: [value.trim() && /*#__PURE__*/_jsx(TouchableOpacity, {
-        onPress: onSubmit,
-        testID: `${testID}-add`,
-        accessibilityLabel: "Add filter",
-        accessibilityRole: "button",
-        style: [styles.inlineAddButton, {
-          backgroundColor: `${color}15`,
-          borderColor: `${color}40`
-        }],
-        children: /*#__PURE__*/_jsx(Text, {
-          style: [styles.inlineAddButtonText, {
-            color
-          }],
-          children: "Add"
-        })
-      }), /*#__PURE__*/_jsx(TouchableOpacity, {
-        onPress: onCancel,
-        testID: `${testID}-cancel`,
-        accessibilityLabel: "Cancel adding filter",
-        accessibilityRole: "button",
-        style: styles.cancelButton,
-        children: /*#__PURE__*/_jsx(X, {
-          size: 16,
-          color: `${color}60`
-        })
-      })]
-    })]
-  });
-}
-
-// Add filter button
-
-export function AddFilterButton({
-  onPress,
-  color = "#E5E7EB",
-  label = "Add Filter",
-  testID = "buoy-filter-add-open"
-}) {
-  return /*#__PURE__*/_jsxs(TouchableOpacity, {
-    style: [styles.addButton, {
-      borderColor: `${color}40`
-    }],
-    onPress: onPress,
-    testID: testID,
-    accessibilityLabel: label,
-    accessibilityRole: "button",
-    children: [/*#__PURE__*/_jsx(Plus, {
-      size: 14,
-      color: color
-    }), /*#__PURE__*/_jsx(Text, {
-      style: [styles.addButtonText, {
-        color
-      }],
-      children: label
-    })]
-  });
-}
-
-// Filter list component
-
-export function FilterList({
-  filters,
-  onRemoveFilter,
-  activeFilters,
-  color = "#E5E7EB",
-  renderItemMeta
-}) {
-  const filterArray = Array.from(filters);
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.filterListColumn,
-    children: filterArray.map(filter => /*#__PURE__*/_jsxs(TouchableOpacity, {
-      style: styles.filterItemRow,
-      onPress: () => onRemoveFilter?.(filter),
-      activeOpacity: 0.8,
-      testID: `buoy-filter-active-${filter}`,
-      accessibilityLabel: `Remove filter ${filter}`,
-      accessibilityRole: "button",
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: [styles.filterItemText, {
-          color
-        }],
-        numberOfLines: 1,
-        children: filter
-      }), renderItemMeta ? /*#__PURE__*/_jsx(View, {
-        style: styles.filterItemMeta,
-        children: renderItemMeta(filter)
-      }) : null, /*#__PURE__*/_jsx(X, {
-        size: 12,
-        color: `${color}80`
-      })]
-    }, filter))
-  });
-}
-const styles = StyleSheet.create({
-  filterSection: {
-    padding: 16,
-    backgroundColor: "transparent"
-  },
-  badge: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    borderRadius: 16,
-    borderWidth: 1,
-    marginRight: 8
-  },
-  badgeText: {
-    fontSize: 13,
-    fontWeight: "500",
-    marginRight: 4
-  },
-  removeButton: {
-    marginLeft: 4,
-    padding: 2
-  },
-  inputContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    backgroundColor: night.color.surfaceElevated,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    paddingHorizontal: 14,
-    paddingVertical: 10,
-    marginBottom: 8
-  },
-  input: {
-    flex: 1,
-    fontSize: 13,
-    paddingVertical: 0,
-    color: night.color.text
-  },
-  inputButtons: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  cancelButton: {
-    padding: 4,
-    borderRadius: 6,
-    backgroundColor: night.color.surfaceElevated
-  },
-  inlineAddButton: {
-    paddingHorizontal: 12,
-    paddingVertical: 6,
-    borderRadius: 6,
-    borderWidth: 1
-  },
-  inlineAddButtonText: {
-    fontSize: 12,
-    fontWeight: "600"
-  },
-  addButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    paddingHorizontal: 14,
-    paddingVertical: 10,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderStyle: "dashed",
-    borderColor: night.color.border,
-    backgroundColor: night.color.surfaceElevated
-  },
-  addButtonText: {
-    fontSize: 13,
-    fontWeight: "500",
-    marginLeft: 6
-  },
-  filterListColumn: {
-    gap: 8
-  },
-  filterItemRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingVertical: 10,
-    paddingHorizontal: 12,
-    backgroundColor: night.color.surfaceElevated,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: night.color.border
-  },
-  filterItemText: {
-    flex: 1,
-    fontSize: 12,
-    fontFamily: monoFont,
-    marginRight: 8,
-    color: night.color.text
-  },
-  filterItemMeta: {
-    marginRight: 8
-  }
-});
+"use strict";import{View as u,Text as f,TouchableOpacity as c,TextInput as p,StyleSheet as y}from"react-native";import{X as g,Plus as m}from"../../icons/index.js";import{night as a}from"../night/nightTheme.js";import{monoFont as h}from"../fonts.js";import{jsx as t,jsxs as b}from"react/jsx-runtime";export function FilterSection({children:l,style:r}){return t(u,{style:[e.filterSection,r],children:l})}export function FilterBadge({filter:l,onRemove:r,active:d=true,color:o="#E5E7EB"}){const s=d?`${o}15`:"transparent";const n=d?`${o}40`:`${o}20`;const i=d?o:`${o}80`;return b(c,{style:[e.badge,{backgroundColor:s,borderColor:n}],onPress:r,disabled:!r,children:[t(f,{style:[e.badgeText,{color:i}],numberOfLines:1,children:l}),r&&t(c,{onPress:r,style:e.removeButton,children:t(g,{size:12,color:i})})]})}export function AddFilterInput({value:l,onChange:r,onSubmit:d,onCancel:o,placeholder:s="Add filter...",color:n="#E5E7EB",testID:i="buoy-filter-input"}){return b(u,{style:[e.inputContainer,{borderColor:`${n}40`}],children:[t(p,{testID:i,accessibilityLabel:s,value:l,onChangeText:r,onSubmitEditing:d,placeholder:s,placeholderTextColor:`${n}40`,style:[e.input,{color:n}],autoFocus:true,returnKeyType:"done",autoCorrect:false,autoCapitalize:"none",autoComplete:"off",spellCheck:false}),b(u,{style:e.inputButtons,children:[l.trim()&&t(c,{onPress:d,testID:`${i}-add`,accessibilityLabel:"Add filter",accessibilityRole:"button",style:[e.inlineAddButton,{backgroundColor:`${n}15`,borderColor:`${n}40`}],children:t(f,{style:[e.inlineAddButtonText,{color:n}],children:"Add"})}),t(c,{onPress:o,testID:`${i}-cancel`,accessibilityLabel:"Cancel adding filter",accessibilityRole:"button",style:e.cancelButton,children:t(g,{size:16,color:`${n}60`})})]})]})}export function AddFilterButton({onPress:l,color:r="#E5E7EB",label:d="Add Filter",testID:o="buoy-filter-add-open"}){return b(c,{style:[e.addButton,{borderColor:`${r}40`}],onPress:l,testID:o,accessibilityLabel:d,accessibilityRole:"button",children:[t(m,{size:14,color:r}),t(f,{style:[e.addButtonText,{color:r}],children:d})]})}export function FilterList({filters:l,onRemoveFilter:r,activeFilters:d,color:o="#E5E7EB",renderItemMeta:s}){const n=Array.from(l);return t(u,{style:e.filterListColumn,children:n.map(i=>b(c,{style:e.filterItemRow,onPress:()=>r?.(i),activeOpacity:.8,testID:`buoy-filter-active-${i}`,accessibilityLabel:`Remove filter ${i}`,accessibilityRole:"button",children:[t(f,{style:[e.filterItemText,{color:o}],numberOfLines:1,children:i}),s?t(u,{style:e.filterItemMeta,children:s(i)}):null,t(g,{size:12,color:`${o}80`})]},i))})}const e=y.create({filterSection:{padding:16,backgroundColor:"transparent"},badge:{flexDirection:"row",alignItems:"center",paddingHorizontal:10,paddingVertical:6,borderRadius:16,borderWidth:1,marginRight:8},badgeText:{fontSize:13,fontWeight:"500",marginRight:4},removeButton:{marginLeft:4,padding:2},inputContainer:{flexDirection:"row",alignItems:"center",backgroundColor:a.color.surfaceElevated,borderRadius:10,borderWidth:1,borderColor:a.color.border,paddingHorizontal:14,paddingVertical:10,marginBottom:8},input:{flex:1,fontSize:13,paddingVertical:0,color:a.color.text},inputButtons:{flexDirection:"row",alignItems:"center",gap:8},cancelButton:{padding:4,borderRadius:6,backgroundColor:a.color.surfaceElevated},inlineAddButton:{paddingHorizontal:12,paddingVertical:6,borderRadius:6,borderWidth:1},inlineAddButtonText:{fontSize:12,fontWeight:"600"},addButton:{flexDirection:"row",alignItems:"center",justifyContent:"center",paddingHorizontal:14,paddingVertical:10,borderRadius:10,borderWidth:1,borderStyle:"dashed",borderColor:a.color.border,backgroundColor:a.color.surfaceElevated},addButtonText:{fontSize:13,fontWeight:"500",marginLeft:6},filterListColumn:{gap:8},filterItemRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:10,paddingHorizontal:12,backgroundColor:a.color.surfaceElevated,borderRadius:8,borderWidth:1,borderColor:a.color.border},filterItemText:{flex:1,fontSize:12,fontFamily:h,marginRight:8,color:a.color.text},filterItemMeta:{marginRight:8}});

package/lib/module/ui/components/GripVerticalIcon.js

@@ -1,61 +1 @@
-"use strict";
-
-import { View } from "react-native";
-import { getGripIconLayout } from "@buoy-gg/floating-tools-core";
-import { buoyColors } from "../gameUI/constants/gameUIColors.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Two columns of three dots — the standard "grabber" affordance used by
- * floating bubbles in this suite (FloatingDevTools, perf-monitor HUD).
- *
- * Sizing comes from `getGripIconLayout` in `@buoy-gg/floating-tools-core`
- * so all bubbles share identical proportions.
- */
-export function GripVerticalIcon({
-  size = 24,
-  color = buoyColors.textSecondary + "CC"
-}) {
-  const layout = getGripIconLayout(size);
-  const containerStyle = {
-    width: size,
-    height: size,
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center"
-  };
-  const columnStyle = {
-    flexDirection: "column",
-    alignItems: "center",
-    justifyContent: "center",
-    marginHorizontal: layout.columnGap / 2
-  };
-  const dotStyle = {
-    width: layout.dotSize,
-    height: layout.dotSize,
-    borderRadius: layout.dotSize / 2,
-    backgroundColor: color,
-    marginVertical: layout.rowGap / 2
-  };
-  return /*#__PURE__*/_jsxs(View, {
-    style: containerStyle,
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: columnStyle,
-      children: [/*#__PURE__*/_jsx(View, {
-        style: dotStyle
-      }), /*#__PURE__*/_jsx(View, {
-        style: dotStyle
-      }), /*#__PURE__*/_jsx(View, {
-        style: dotStyle
-      })]
-    }), /*#__PURE__*/_jsxs(View, {
-      style: columnStyle,
-      children: [/*#__PURE__*/_jsx(View, {
-        style: dotStyle
-      }), /*#__PURE__*/_jsx(View, {
-        style: dotStyle
-      }), /*#__PURE__*/_jsx(View, {
-        style: dotStyle
-      })]
-    })]
-  });
-}
+"use strict";import{View as t}from"react-native";import{getGripIconLayout as y}from"@buoy-gg/floating-tools-core";import{buoyColors as a}from"../gameUI/constants/gameUIColors.js";import{jsx as o,jsxs as i}from"react/jsx-runtime";export function GripVerticalIcon({size:n=24,color:s=a.textSecondary+"CC"}){const r=y(n);const c={width:n,height:n,flexDirection:"row",alignItems:"center",justifyContent:"center"};const l={flexDirection:"column",alignItems:"center",justifyContent:"center",marginHorizontal:r.columnGap/2};const e={width:r.dotSize,height:r.dotSize,borderRadius:r.dotSize/2,backgroundColor:s,marginVertical:r.rowGap/2};return i(t,{style:c,children:[i(t,{style:l,children:[o(t,{style:e}),o(t,{style:e}),o(t,{style:e})]}),i(t,{style:l,children:[o(t,{style:e}),o(t,{style:e}),o(t,{style:e})]})]})}

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

@@ -1,46 +1 @@
-"use strict";
-
-import { TouchableOpacity, StyleSheet } from "react-native";
-import { Search } from "../../icons/index.js";
-import { gameUIColors } from "../gameUI/index.js";
-import { night } from "../night/nightTheme.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function HeaderSearchButton({
-  onPress,
-  size = 14,
-  color,
-  style,
-  accessibilityLabel = "Search",
-  testID,
-  variant = "plain"
-}) {
-  const chip = variant === "chip";
-  return /*#__PURE__*/_jsx(TouchableOpacity, {
-    onPress: onPress,
-    style: [chip ? styles.chip : styles.button, style],
-    activeOpacity: 0.7,
-    accessibilityRole: "button",
-    accessibilityLabel: accessibilityLabel,
-    testID: testID,
-    children: /*#__PURE__*/_jsx(Search, {
-      size: size,
-      color: color ?? (chip ? night.color.textSecondary : gameUIColors.secondary)
-    })
-  });
-}
-const styles = StyleSheet.create({
-  button: {
-    padding: 8,
-    borderRadius: 4
-  },
-  chip: {
-    width: 32,
-    height: 32,
-    borderRadius: 8,
-    backgroundColor: night.color.buttonSurface,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    alignItems: "center",
-    justifyContent: "center"
-  }
-});
+"use strict";import{TouchableOpacity as h,StyleSheet as b}from"react-native";import{Search as p}from"../../icons/index.js";import{gameUIColors as u}from"../gameUI/index.js";import{night as t}from"../night/nightTheme.js";import{jsx as r}from"react/jsx-runtime";export function HeaderSearchButton({onPress:i,size:c=14,color:s,style:a,accessibilityLabel:n="Search",testID:l,variant:d="plain"}){const o=d==="chip";return r(h,{onPress:i,style:[o?e.chip:e.button,a],activeOpacity:.7,accessibilityRole:"button",accessibilityLabel:n,testID:l,children:r(p,{size:c,color:s??(o?t.color.textSecondary:u.secondary)})})}const e=b.create({button:{padding:8,borderRadius:4},chip:{width:32,height:32,borderRadius:8,backgroundColor:t.color.buttonSurface,borderWidth:1,borderColor:t.color.border,alignItems:"center",justifyContent:"center"}});

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

@@ -1,87 +1 @@
-"use strict";
-
-/**
- * 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.
- */
-
-import { StyleSheet, Text, View } from "react-native";
-import { night } from "../night/nightTheme.js";
-import { CopyButton } from "./CopyButton.js";
-import { monoFont } from "../fonts.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export 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__*/_jsxs(View, {
-    style: [styles.row, style],
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: [styles.label, labelStyle],
-      numberOfLines: 1,
-      children: label
-    }), isText ? /*#__PURE__*/_jsx(Text, {
-      testID: testID,
-      style: [styles.value, mono && styles.valueMono, valueColor ? {
-        color: valueColor
-      } : undefined, valueStyle],
-      numberOfLines: numberOfLines,
-      ellipsizeMode: "middle",
-      children: String(value)
-    }) : /*#__PURE__*/_jsx(View, {
-      style: styles.valueNode,
-      testID: testID,
-      children: value
-    }), copyable && isText ? /*#__PURE__*/_jsx(CopyButton, {
-      value: String(value),
-      size: 12
-    }) : null]
-  });
-}
-const styles = StyleSheet.create({
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between"
-  },
-  label: {
-    fontSize: 11,
-    color: night.color.textTertiary,
-    fontWeight: "500"
-  },
-  value: {
-    fontSize: 11,
-    color: night.color.text,
-    fontWeight: "500",
-    flex: 1,
-    textAlign: "right",
-    marginLeft: 12
-  },
-  valueMono: {
-    fontFamily: monoFont
-  },
-  valueNode: {
-    flex: 1,
-    flexDirection: "row",
-    justifyContent: "flex-end",
-    alignItems: "center",
-    marginLeft: 12
-  }
-});
+"use strict";import{StyleSheet as g,Text as l,View as s}from"react-native";import{night as f}from"../night/nightTheme.js";import{CopyButton as p}from"./CopyButton.js";import{monoFont as h}from"../fonts.js";import{jsx as o,jsxs as w}from"react/jsx-runtime";export function InfoRow({label:m,value:e,valueColor:n,mono:c=false,copyable:a=false,numberOfLines:x=1,testID:i,style:u,labelStyle:y,valueStyle:d}){const r=typeof e==="string"||typeof e==="number";return w(s,{style:[t.row,u],children:[o(l,{style:[t.label,y],numberOfLines:1,children:m}),r?o(l,{testID:i,style:[t.value,c&&t.valueMono,n?{color:n}:void 0,d],numberOfLines:x,ellipsizeMode:"middle",children:String(e)}):o(s,{style:t.valueNode,testID:i,children:e}),a&&r?o(p,{value:String(e),size:12}):null]})}const t=g.create({row:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},label:{fontSize:11,color:f.color.textTertiary,fontWeight:"500"},value:{fontSize:11,color:f.color.text,fontWeight:"500",flex:1,textAlign:"right",marginLeft:12},valueMono:{fontFamily:h},valueNode:{flex:1,flexDirection:"row",justifyContent:"flex-end",alignItems:"center",marginLeft:12}});