@buoy-gg/assets 7.0.36 → 7.0.38

package/lib/module/components/AssetRow.js

@@ -1,229 +1 @@
-"use strict";
-
-/**
- * AssetRow — one bundled asset as a family-style card (matching the network
- * tool's rows): rounded card, colored accent edge per kind, thumbnail, name,
- * quiet metadata, bold right-aligned size, and finding badges ONLY when a
- * finding exists. A thin proportional bar along the card bottom makes the
- * heavy assets feel heavy at a glance.
- *
- * Thumbnails render through the NUMERIC registry id when available — that
- * routes through resolveAssetSource natively, so it works in dev, iOS
- * release (file://) and Android release (bare resource id) alike. They carry
- * the buoy-internal testID so the images tool never records our own UI.
- */
-
-import { Image, StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { macOSColors, night, Pill } from "@buoy-gg/shared-ui";
-import { displaySource } from "../capture/measure";
-import { formatDimensions, formatScales, formatSize, KIND_COLORS, KIND_LABELS } from "../format";
-import { estDecodedBytes } from "../store/assetStore";
-import { assetBadgeTestID, assetRowTestID } from "../utils/testIDs";
-
-/** Which audit findings apply to this record (drives the row badges). */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function Badge({
-  label,
-  color,
-  testID
-}) {
-  // Quiet chip: legibility from light-gray text on a neutral fill. Only the
-  // serious tiers (red) and WEBP (blue) carry a small dot; the rest are plain.
-  return /*#__PURE__*/_jsx(Pill, {
-    label: label,
-    color: color,
-    variant: "quiet",
-    dot: Boolean(color),
-    style: {
-      paddingVertical: 2.5
-    },
-    testID: testID
-  });
-}
-export function AssetRow({
-  record,
-  flags,
-  sizeFraction,
-  onPress
-}) {
-  const accent = KIND_COLORS[record.kind];
-  const thumbSource = record.kind === "image" ? displaySource(record) : null;
-  const badges = [];
-  if (!record.loaded) badges.push({
-    label: "UNUSED"
-  });
-  if (flags.oversize) badges.push({
-    label: "OVERSIZE",
-    color: macOSColors.semantic.error
-  });
-  if (flags.duplicate) badges.push({
-    label: "DUP"
-  });
-  if (flags.heavy) badges.push({
-    label: "HEAVY"
-  });
-  if (flags.scaleAnomaly) badges.push({
-    label: "BAD SCALE",
-    color: macOSColors.semantic.error
-  });else if (flags.scaleGap) badges.push({
-    label: "LOW-RES"
-  });
-  if (flags.webp) badges.push({
-    label: "WEBP",
-    color: macOSColors.semantic.info
-  });
-  return /*#__PURE__*/_jsxs(TouchableOpacity, {
-    style: styles.card,
-    testID: assetRowTestID(record.name, record.type),
-    onPress: () => onPress(record.id),
-    activeOpacity: 0.7,
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.body,
-      children: [/*#__PURE__*/_jsx(View, {
-        style: styles.thumbBox,
-        children: thumbSource != null ? /*#__PURE__*/_jsx(Image
-        // buoy-internal- prefix: the images tool skips its own toolchain's
-        // views, so previewing an asset never records a render of itself.
-        , {
-          testID: "buoy-internal-assets-thumb",
-          source: thumbSource,
-          style: styles.thumb,
-          resizeMode: "contain"
-        }) : /*#__PURE__*/_jsx(Text, {
-          style: [styles.thumbFallback, {
-            color: accent
-          }],
-          children: KIND_LABELS[record.kind]
-        })
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.main,
-        children: [/*#__PURE__*/_jsxs(Text, {
-          style: styles.name,
-          numberOfLines: 1,
-          testID: `${assetRowTestID(record.name, record.type)}-name`,
-          children: [record.name, /*#__PURE__*/_jsxs(Text, {
-            style: styles.ext,
-            children: [".", record.type]
-          })]
-        }), /*#__PURE__*/_jsxs(View, {
-          style: styles.metaRow,
-          children: [record.kind === "image" && record.width != null ? /*#__PURE__*/_jsx(Text, {
-            style: styles.meta,
-            children: formatDimensions(record)
-          }) : null, record.kind === "image" && record.scales.length ? /*#__PURE__*/_jsx(Text, {
-            style: styles.meta,
-            children: formatScales(record.scales)
-          }) : null]
-        })]
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.right,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.size,
-          testID: `${assetRowTestID(record.name, record.type)}-size`,
-          children: formatSize(record, estDecodedBytes(record))
-        }), badges.length ? /*#__PURE__*/_jsx(View, {
-          style: styles.badgeRow,
-          children: badges.slice(0, 3).map(b => /*#__PURE__*/_jsx(Badge, {
-            label: b.label,
-            color: b.color,
-            testID: assetBadgeTestID(record.name, record.type, b.label)
-          }, b.label))
-        }) : null]
-      })]
-    }), sizeFraction > 0 ? /*#__PURE__*/_jsx(View, {
-      style: styles.sizeTrack,
-      children: /*#__PURE__*/_jsx(View, {
-        style: [styles.sizeFill, {
-          backgroundColor: accent,
-          width: `${Math.max(2, Math.round(sizeFraction * 100))}%`
-        }]
-      })
-    }) : null]
-  });
-}
-const styles = StyleSheet.create({
-  card: {
-    marginHorizontal: 10,
-    marginTop: 6,
-    borderRadius: 10,
-    backgroundColor: night.color.surface,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    overflow: "hidden"
-  },
-  body: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingVertical: 8,
-    paddingHorizontal: 12,
-    gap: 10
-  },
-  thumbBox: {
-    width: 40,
-    height: 40,
-    borderRadius: 8,
-    // Light plate so dark glyph assets stay visible on the dark card.
-    backgroundColor: "rgba(255,255,255,0.10)",
-    borderWidth: 1,
-    borderColor: night.color.border,
-    alignItems: "center",
-    justifyContent: "center",
-    overflow: "hidden"
-  },
-  thumb: {
-    width: 34,
-    height: 34
-  },
-  thumbFallback: {
-    fontSize: 9,
-    fontWeight: "700",
-    letterSpacing: 0.5
-  },
-  main: {
-    flex: 1,
-    gap: 3
-  },
-  name: {
-    color: night.color.text,
-    fontSize: 12,
-    fontWeight: "600"
-  },
-  ext: {
-    color: night.color.textTertiary,
-    fontWeight: "400"
-  },
-  metaRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  meta: {
-    color: night.color.textSecondary,
-    fontSize: 10,
-    fontVariant: ["tabular-nums"]
-  },
-  right: {
-    alignItems: "flex-end",
-    gap: 4
-  },
-  size: {
-    color: night.color.text,
-    fontSize: 12,
-    fontWeight: "700",
-    fontVariant: ["tabular-nums"]
-  },
-  badgeRow: {
-    flexDirection: "row",
-    gap: 4
-  },
-  sizeTrack: {
-    height: 2,
-    backgroundColor: "transparent"
-  },
-  sizeFill: {
-    height: 2,
-    opacity: 0.45,
-    borderTopRightRadius: 2
-  }
-});
-//# sourceMappingURL=AssetRow.js.map
+"use strict";import{StyleSheet,Text,TouchableOpacity,View}from"react-native";import{macOSColors,night,Pill}from"@buoy-gg/shared-ui";import{AssetImage}from"./AssetImage";import{formatDimensions,formatScales,formatSize,KIND_COLORS,KIND_LABELS}from"../format";import{estDecodedBytes}from"../store/assetStore";import{assetBadgeTestID,assetRowTestID}from"../utils/testIDs";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function Badge({label:e,color:t,testID:s}){return _jsx(Pill,{label:e,color:t,variant:"quiet",dot:Boolean(t),style:{paddingVertical:2.5},testID:s})}export function AssetRow({record:e,flags:t,sizeFraction:s,onPress:o}){const l=KIND_COLORS[e.kind],r=[];return e.loaded||r.push({label:"NOT OBSERVED"}),t.oversize&&r.push({label:"OVERSIZE",color:macOSColors.semantic.error}),t.duplicate&&r.push({label:"DUP"}),t.heavy&&r.push({label:"HEAVY"}),t.scaleAnomaly?r.push({label:"BAD SCALE",color:macOSColors.semantic.error}):t.scaleGap&&r.push({label:"LOW-RES"}),t.webp&&r.push({label:"WEBP",color:macOSColors.semantic.info}),_jsxs(TouchableOpacity,{style:styles.card,testID:assetRowTestID(e.name,e.type),onPress:()=>o(e.id),activeOpacity:.7,children:[_jsxs(View,{style:styles.body,children:[_jsx(View,{style:styles.thumbBox,children:"image"===e.kind?_jsx(AssetImage,{testID:"buoy-internal-assets-thumb",record:e,style:styles.thumb,compact:!0}):_jsx(Text,{style:[styles.thumbFallback,{color:l}],children:KIND_LABELS[e.kind]})}),_jsxs(View,{style:styles.main,children:[_jsxs(Text,{style:styles.name,numberOfLines:1,testID:`${assetRowTestID(e.name,e.type)}-name`,children:[e.name,_jsxs(Text,{style:styles.ext,children:[".",e.type]})]}),_jsxs(View,{style:styles.metaRow,children:["image"===e.kind&&null!=e.width?_jsx(Text,{style:styles.meta,children:formatDimensions(e)}):null,"image"===e.kind&&e.scales.length?_jsx(Text,{style:styles.meta,children:formatScales(e.scales)}):null]})]}),_jsxs(View,{style:styles.right,children:[_jsx(Text,{style:styles.size,testID:`${assetRowTestID(e.name,e.type)}-size`,children:formatSize(e,estDecodedBytes(e))}),r.length?_jsx(View,{style:styles.badgeRow,children:r.slice(0,3).map(t=>_jsx(Badge,{label:t.label,color:t.color,testID:assetBadgeTestID(e.name,e.type,t.label)},t.label))}):null]})]}),s>0?_jsx(View,{style:styles.sizeTrack,children:_jsx(View,{style:[styles.sizeFill,{backgroundColor:l,width:`${Math.max(2,Math.round(100*s))}%`}]})}):null]})}const styles=StyleSheet.create({card:{marginHorizontal:10,marginTop:6,borderRadius:10,backgroundColor:night.color.surface,borderWidth:1,borderColor:night.color.border,overflow:"hidden"},body:{flexDirection:"row",alignItems:"center",paddingVertical:8,paddingHorizontal:12,gap:10},thumbBox:{width:40,height:40,borderRadius:8,backgroundColor:"rgba(255,255,255,0.10)",borderWidth:1,borderColor:night.color.border,alignItems:"center",justifyContent:"center",overflow:"hidden"},thumb:{width:34,height:34},thumbFallback:{fontSize:9,fontWeight:"700",letterSpacing:.5},main:{flex:1,gap:3},name:{color:night.color.text,fontSize:12,fontWeight:"600"},ext:{color:night.color.textTertiary,fontWeight:"400"},metaRow:{flexDirection:"row",alignItems:"center",gap:8},meta:{color:night.color.textSecondary,fontSize:10,fontVariant:["tabular-nums"]},right:{alignItems:"flex-end",gap:4},size:{color:night.color.text,fontSize:12,fontWeight:"700",fontVariant:["tabular-nums"]},badgeRow:{flexDirection:"row",gap:4},sizeTrack:{height:2,backgroundColor:"transparent"},sizeFill:{height:2,opacity:.45,borderTopRightRadius:2}});

package/lib/module/components/AssetsFilterBar.js

@@ -1,92 +1 @@
-"use strict";
-
-/**
- * AssetsFilterBar — kind filter pills with counts, styled like the network
- * tool's bordered pills: outlined, kind-accent-colored when active. Wrapping
- * row, not a horizontal ScrollView (same height-measurement pitfall the
- * images tool documents).
- */
-
-import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { night } from "@buoy-gg/shared-ui";
-import { KIND_COLORS, KIND_LABELS } from "../format";
-import { ASSETS_TEST_IDS, assetFilterTestID } from "../utils/testIDs";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function AssetsFilterBar({
-  stats,
-  filter,
-  onChange
-}) {
-  const chips = [{
-    key: "all",
-    label: `ALL ${stats.total}`,
-    accent: night.color.textSecondary
-  }];
-  for (const kind of Object.keys(stats.byKind)) {
-    const entry = stats.byKind[kind];
-    if (entry.count > 0) {
-      chips.push({
-        key: kind,
-        label: `${KIND_LABELS[kind]} ${entry.count}`,
-        accent: KIND_COLORS[kind]
-      });
-    }
-  }
-  if (stats.neverLoaded > 0) {
-    // Amber, not semantic.warning — the bright yellow reads as an alarm.
-    chips.push({
-      key: "unused",
-      label: `UNUSED ${stats.neverLoaded}`,
-      accent: "#FF9F1C"
-    });
-  }
-  if (chips.length <= 1) return null;
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.bar,
-    testID: ASSETS_TEST_IDS.filterBar,
-    children: chips.map(chip => {
-      const active = chip.key === filter;
-      return /*#__PURE__*/_jsx(TouchableOpacity, {
-        testID: assetFilterTestID(chip.key),
-        style: [styles.chip, active && {
-          borderColor: chip.accent,
-          backgroundColor: `${chip.accent}1A`
-        }]
-        // Tapping the active chip again untoggles back to ALL.
-        ,
-        onPress: () => onChange(active ? "all" : chip.key),
-        children: /*#__PURE__*/_jsx(Text, {
-          testID: `${assetFilterTestID(chip.key)}-label`,
-          style: [styles.chipText, {
-            color: active ? chip.accent : night.color.textSecondary
-          }],
-          children: chip.label
-        })
-      }, chip.key);
-    })
-  });
-}
-const styles = StyleSheet.create({
-  bar: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 6,
-    paddingHorizontal: 10,
-    paddingVertical: 8
-  },
-  chip: {
-    borderWidth: 1,
-    borderColor: night.color.border,
-    backgroundColor: night.color.surface,
-    borderRadius: 999,
-    paddingHorizontal: 10,
-    paddingVertical: 5
-  },
-  chipText: {
-    fontSize: 10,
-    fontWeight: "700",
-    letterSpacing: 0.4,
-    lineHeight: 13
-  }
-});
-//# sourceMappingURL=AssetsFilterBar.js.map
+"use strict";import{StyleSheet,Text,TouchableOpacity,View}from"react-native";import{night}from"@buoy-gg/shared-ui";import{KIND_COLORS,KIND_LABELS}from"../format";import{ASSETS_TEST_IDS,assetFilterTestID}from"../utils/testIDs";import{jsx as _jsx}from"react/jsx-runtime";export function AssetsFilterBar({stats:e,duplicateCount:t,filter:r,onChange:o}){const l=[{key:"all",label:`ALL ${e.total}`,accent:night.color.textSecondary},{key:"duplicates",label:`DUPLICATES ${t}`,accent:"#FF9F1C"}];for(const t of Object.keys(e.byKind)){const r=e.byKind[t];r.count>0&&l.push({key:t,label:`${KIND_LABELS[t]} ${r.count}`,accent:KIND_COLORS[t]})}return e.neverLoaded>0&&l.push({key:"unused",label:`NOT OBSERVED ${e.neverLoaded}`,accent:"#FF9F1C"}),l.length<=1?null:_jsx(View,{style:styles.bar,testID:ASSETS_TEST_IDS.filterBar,children:l.map(e=>{const t=e.key===r;return _jsx(TouchableOpacity,{accessibilityRole:"button",accessibilityState:{selected:t},testID:assetFilterTestID(e.key),style:[styles.chip,t&&{borderColor:e.accent,backgroundColor:`${e.accent}1A`}],onPress:()=>o(t?"all":e.key),children:_jsx(Text,{testID:`${assetFilterTestID(e.key)}-label`,style:[styles.chipText,{color:t?e.accent:night.color.textSecondary}],children:e.label})},e.key)})})}const styles=StyleSheet.create({bar:{flexDirection:"row",flexWrap:"wrap",gap:6,paddingHorizontal:10,paddingVertical:8},chip:{borderWidth:1,borderColor:night.color.border,backgroundColor:night.color.surface,borderRadius:999,paddingHorizontal:10,paddingVertical:5},chipText:{fontSize:10,fontWeight:"700",letterSpacing:.4,lineHeight:13}});

package/lib/module/components/AssetsHeader.js

@@ -1,68 +1 @@
-"use strict";
-
-/**
- * AssetsHeader — shared ModalHeader wiring, matching the Images/Console
- * header pattern. List mode shows inventory totals plus the shared
- * ToolbarCopyButton (full markdown report); detail mode shows back
- * navigation and the single-asset report.
- */
-
-import { ModalHeader, ToolbarClearButton, ToolbarCopyButton } from "@buoy-gg/shared-ui";
-import { formatBytes } from "../format";
-import { ASSETS_TEST_IDS } from "../utils/testIDs";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function AssetsHeader({
-  stats,
-  measuring,
-  detailOpen,
-  detailIndex = -1,
-  detailTotal = 0,
-  onCloseDetail,
-  onClear,
-  getReport,
-  onBack
-}) {
-  if (detailOpen) {
-    const counter = detailIndex >= 0 && detailTotal > 0 ? `${detailIndex + 1} of ${detailTotal}` : undefined;
-    return /*#__PURE__*/_jsxs(ModalHeader, {
-      children: [/*#__PURE__*/_jsx(ModalHeader.Navigation, {
-        onBack: onCloseDetail
-      }), /*#__PURE__*/_jsx(ModalHeader.Content, {
-        title: "Asset detail",
-        subtitle: counter,
-        testID: ASSETS_TEST_IDS.title
-      }), /*#__PURE__*/_jsx(ModalHeader.Actions, {
-        children: /*#__PURE__*/_jsx(ToolbarCopyButton, {
-          value: getReport,
-          testID: ASSETS_TEST_IDS.copy
-        })
-      })]
-    });
-  }
-  const subtitleParts = [`${stats.total} assets`];
-  // A mid-measure byte total reads as nonsense ("653 B+") — wait it out.
-  if (stats.totalBytes > 0 && !measuring) {
-    const partial = stats.measuredCount < stats.total ? "+" : "";
-    subtitleParts.push(`${formatBytes(stats.totalBytes)}${partial}`);
-  }
-  if (stats.neverLoaded > 0) subtitleParts.push(`${stats.neverLoaded} never loaded`);
-  if (stats.fontFamilies > 0) subtitleParts.push(`${stats.fontFamilies} fonts`);
-  return /*#__PURE__*/_jsxs(ModalHeader, {
-    children: [onBack ? /*#__PURE__*/_jsx(ModalHeader.Navigation, {
-      onBack: onBack
-    }) : null, /*#__PURE__*/_jsx(ModalHeader.Content, {
-      title: "Assets",
-      subtitle: subtitleParts.join(" · "),
-      testID: ASSETS_TEST_IDS.title
-    }), /*#__PURE__*/_jsxs(ModalHeader.Actions, {
-      children: [/*#__PURE__*/_jsx(ToolbarCopyButton, {
-        value: getReport,
-        testID: ASSETS_TEST_IDS.copy
-      }), /*#__PURE__*/_jsx(ToolbarClearButton, {
-        onPress: onClear,
-        testID: ASSETS_TEST_IDS.clear
-      })]
-    })]
-  });
-}
-//# sourceMappingURL=AssetsHeader.js.map
+"use strict";import{ModalHeader,ToolbarClearButton,ToolbarCopyButton}from"@buoy-gg/shared-ui";import{formatBytes}from"../format";import{ASSETS_TEST_IDS}from"../utils/testIDs";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function AssetsHeader({stats:t,measuring:e,discovering:o=!1,detailOpen:s,detailIndex:a=-1,detailTotal:r=0,onCloseDetail:l,onClear:n,getReport:i,onBack:d}){if(s){const t=a>=0&&r>0?`${a+1} of ${r}`:void 0;return _jsxs(ModalHeader,{children:[_jsx(ModalHeader.Navigation,{onBack:l}),_jsx(ModalHeader.Content,{title:"Asset detail",subtitle:t,testID:ASSETS_TEST_IDS.title}),_jsx(ModalHeader.Actions,{children:_jsx(ToolbarCopyButton,{value:i,testID:ASSETS_TEST_IDS.copy})})]})}const S=[`${t.total} assets${o?" so far":""}`];if(t.totalBytes>0&&!e&&!o){const e=t.measuredCount<t.total?"+":"";S.push(`${formatBytes(t.totalBytes)}${e}`)}return t.neverLoaded>0&&S.push(`${t.neverLoaded} not observed`),t.fontFamilies>0&&S.push(`${t.fontFamilies} fonts`),_jsxs(ModalHeader,{children:[d?_jsx(ModalHeader.Navigation,{onBack:d}):null,_jsx(ModalHeader.Content,{title:"Assets",subtitle:S.join(" · "),testID:ASSETS_TEST_IDS.title}),_jsxs(ModalHeader.Actions,{children:[_jsx(ToolbarCopyButton,{value:i,testID:ASSETS_TEST_IDS.copy}),_jsx(ToolbarClearButton,{onPress:n,testID:ASSETS_TEST_IDS.clear})]})]})}

package/lib/module/components/AssetsIcon.js

@@ -1,12 +1 @@
-"use strict";
-
-/**
- * AssetsIcon — re-exported from the Buoy Icon Format.
- *
- * The artwork lives in shared/icons/assets.json and is generated into
- * @buoy-gg/floating-tools-core, so React Native, the desktop dashboard and
- * Flutter all render the same drawing. Edit the JSON, then `pnpm icons`.
- */
-
-export { AssetsIcon, ASSETS_ICON_COLOR } from "@buoy-gg/shared-ui";
-//# sourceMappingURL=AssetsIcon.js.map
+"use strict";export{AssetsIcon,ASSETS_ICON_COLOR}from"@buoy-gg/shared-ui";

package/lib/module/components/AssetsListControls.js

@@ -1,92 +1 @@
-"use strict";
-
-/**
- * AssetsListControls — one compact row: name search, sort cycle (SIZE →
- * NAME → TYPE), and — when no baseline exists yet — the BASE button that
- * saves one. Once a baseline exists the BaselineBar takes over the diff UI,
- * so this row never wastes space on a hint sentence.
- */
-
-import { StyleSheet, Text, TextInput, TouchableOpacity, View } from "react-native";
-import { night } from "@buoy-gg/shared-ui";
-import { saveBaseline } from "../store/baseline";
-import { ASSETS_TEST_IDS } from "../utils/testIDs";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const NEXT_SORT = {
-  size: "name",
-  name: "type",
-  type: "size"
-};
-export function AssetsListControls({
-  query,
-  onQueryChange,
-  sort,
-  onSortChange,
-  showBaselineButton
-}) {
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.row,
-    children: [/*#__PURE__*/_jsx(TextInput, {
-      style: styles.input,
-      value: query,
-      onChangeText: onQueryChange,
-      placeholder: "Search assets\u2026",
-      placeholderTextColor: night.color.placeholder,
-      autoCapitalize: "none",
-      autoCorrect: false,
-      testID: ASSETS_TEST_IDS.search
-    }), /*#__PURE__*/_jsx(TouchableOpacity, {
-      style: styles.button,
-      onPress: () => onSortChange(NEXT_SORT[sort]),
-      testID: ASSETS_TEST_IDS.sort,
-      children: /*#__PURE__*/_jsxs(Text, {
-        style: styles.buttonText,
-        testID: `${ASSETS_TEST_IDS.sort}-label`,
-        children: ["\u2193 ", sort.toUpperCase()]
-      })
-    }), showBaselineButton ? /*#__PURE__*/_jsx(TouchableOpacity, {
-      style: styles.button,
-      onPress: () => void saveBaseline(),
-      testID: ASSETS_TEST_IDS.saveBaseline,
-      children: /*#__PURE__*/_jsx(Text, {
-        style: styles.buttonText,
-        children: "BASE"
-      })
-    }) : null]
-  });
-}
-const styles = StyleSheet.create({
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    paddingHorizontal: 10,
-    paddingBottom: 8
-  },
-  input: {
-    flex: 1,
-    backgroundColor: night.color.surfaceElevated,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    borderRadius: 8,
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    color: night.color.text,
-    fontSize: 12
-  },
-  button: {
-    backgroundColor: night.color.surface,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    borderRadius: 8,
-    paddingHorizontal: 10,
-    paddingVertical: 7
-  },
-  buttonText: {
-    color: night.color.textSecondary,
-    fontSize: 10,
-    fontWeight: "700",
-    letterSpacing: 0.5
-  }
-});
-//# sourceMappingURL=AssetsListControls.js.map
+"use strict";import{StyleSheet,Text,TextInput,TouchableOpacity,View}from"react-native";import{night}from"@buoy-gg/shared-ui";import{ASSETS_TEST_IDS}from"../utils/testIDs";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const NEXT_SORT={size:"name",name:"type",type:"size"};export function AssetsListControls({query:t,onQueryChange:e,sort:o,onSortChange:r}){return _jsxs(View,{style:styles.row,children:[_jsx(TextInput,{style:styles.input,value:t,onChangeText:e,placeholder:"Search assets…",placeholderTextColor:night.color.placeholder,autoCapitalize:"none",autoCorrect:!1,testID:ASSETS_TEST_IDS.search}),_jsx(TouchableOpacity,{style:styles.button,onPress:()=>r(NEXT_SORT[o]),testID:ASSETS_TEST_IDS.sort,children:_jsxs(Text,{style:styles.buttonText,testID:`${ASSETS_TEST_IDS.sort}-label`,children:["↓ ",o.toUpperCase()]})})]})}const styles=StyleSheet.create({row:{flexDirection:"row",alignItems:"center",gap:8,paddingHorizontal:10,paddingBottom:8},input:{flex:1,backgroundColor:night.color.surfaceElevated,borderWidth:1,borderColor:night.color.border,borderRadius:8,paddingHorizontal:10,paddingVertical:6,color:night.color.text,fontSize:12},button:{backgroundColor:night.color.surface,borderWidth:1,borderColor:night.color.border,borderRadius:8,paddingHorizontal:10,paddingVertical:7},buttonText:{color:night.color.textSecondary,fontSize:10,fontWeight:"700",letterSpacing:.5}});