@buoy-gg/env 7.0.41 → 7.0.43

package/lib/commonjs/env/utils/index.js

@@ -1,38 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _envTypeDetector = require("./envTypeDetector");
-Object.keys(_envTypeDetector).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _envTypeDetector[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _envTypeDetector[key];
-    }
-  });
-});
-var _helpers = require("./helpers");
-Object.keys(_helpers).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _helpers[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _helpers[key];
-    }
-  });
-});
-var _utils = require("./utils");
-Object.keys(_utils).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _utils[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _utils[key];
-    }
-  });
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var _envTypeDetector=require("./envTypeDetector");Object.keys(_envTypeDetector).forEach(function(e){if(e==="default"||e==="__esModule")return;if(e in exports&&exports[e]===_envTypeDetector[e])return;Object.defineProperty(exports,e,{enumerable:true,get:function(){return _envTypeDetector[e]}})});var _helpers=require("./helpers");Object.keys(_helpers).forEach(function(e){if(e==="default"||e==="__esModule")return;if(e in exports&&exports[e]===_helpers[e])return;Object.defineProperty(exports,e,{enumerable:true,get:function(){return _helpers[e]}})});var _utils=require("./utils");Object.keys(_utils).forEach(function(e){if(e==="default"||e==="__esModule")return;if(e in exports&&exports[e]===_utils[e])return;Object.defineProperty(exports,e,{enumerable:true,get:function(){return _utils[e]}})});

package/lib/commonjs/env/utils/remoteEnv.js

@@ -1,24 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getRemoteEnv = getRemoteEnv;
-exports.setRemoteEnv = setRemoteEnv;
-/**
- * Remote env override for remote mirror mode (desktop dashboard).
- *
- * The dashboard has no meaningful process.env of its own — the env values it
- * shows come from the synced device. When set, useDynamicEnv reads from this
- * map instead of process.env.
- */
-
-let remoteEnv = null;
-
-/** Override the env source. Pass null to restore process.env. */
-function setRemoteEnv(env) {
-  remoteEnv = env;
-}
-function getRemoteEnv() {
-  return remoteEnv;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.getRemoteEnv=getRemoteEnv;exports.setRemoteEnv=setRemoteEnv;let remoteEnv=null;function setRemoteEnv(e){remoteEnv=e}function getRemoteEnv(){return remoteEnv}

package/lib/commonjs/env/utils/utils.js

@@ -1,121 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.processEnvVars = exports.calculateStats = void 0;
-var _envTypeDetector = require("./envTypeDetector");
-/**
- * Combines the auto-detected runtime environment values with the declared `requiredEnvVars`
- * configuration and produces categorized metadata for rendering in the UI.
- *
- * @param autoCollectedEnvVars - Values discovered via `useDynamicEnv` (key/value string map).
- * @param requiredEnvVars - Optional list of required variables describing expectations to validate.
- * @returns Required and optional variable collections annotated with validation status.
- */
-const processEnvVars = (autoCollectedEnvVars, requiredEnvVars) => {
-  const requiredVarInfos = [];
-  const optionalVarInfos = [];
-  const processedKeys = new Set();
-
-  // Process required variables
-  requiredEnvVars?.forEach(envVar => {
-    const key = typeof envVar === "string" ? envVar : envVar.key;
-    const expectedValue = typeof envVar === "object" && "expectedValue" in envVar ? envVar.expectedValue : undefined;
-    const expectedType = typeof envVar === "object" && "expectedType" in envVar ? envVar.expectedType : undefined;
-    const description = typeof envVar === "object" && "description" in envVar ? envVar.description : undefined;
-    processedKeys.add(key);
-    const actualValue = autoCollectedEnvVars[key];
-    const isPresent = actualValue !== undefined;
-    let status;
-    if (!isPresent) {
-      status = "required_missing";
-    } else if (expectedValue) {
-      // Handle different expectedValue patterns
-      let valueMatches = false;
-      if (expectedValue === "sk_*") {
-        valueMatches = actualValue.startsWith("sk_");
-      } else if (expectedValue === "production or development") {
-        valueMatches = actualValue === "production" || actualValue === "development";
-      } else {
-        valueMatches = actualValue === expectedValue;
-      }
-      status = valueMatches ? "required_present" : "required_wrong_value";
-    } else if (expectedType && (0, _envTypeDetector.getEnvVarType)(actualValue).toLowerCase() !== expectedType.toLowerCase()) {
-      status = "required_wrong_type";
-    } else {
-      status = "required_present";
-    }
-    requiredVarInfos.push({
-      key,
-      value: actualValue,
-      expectedValue,
-      expectedType,
-      description,
-      status,
-      category: "required"
-    });
-  });
-
-  // Process optional variables (those that exist but aren't required)
-  Object.entries(autoCollectedEnvVars).forEach(([key, value]) => {
-    if (!processedKeys.has(key)) {
-      optionalVarInfos.push({
-        key,
-        value,
-        status: "optional_present",
-        category: "optional"
-      });
-    }
-  });
-
-  // Sort each category
-  requiredVarInfos.sort((a, b) => {
-    const statusOrder = {
-      required_missing: 0,
-      required_wrong_value: 1,
-      required_wrong_type: 2,
-      required_present: 3,
-      optional_present: 4
-    };
-    if (statusOrder[a.status] !== statusOrder[b.status]) {
-      return statusOrder[a.status] - statusOrder[b.status];
-    }
-    return a.key.localeCompare(b.key);
-  });
-  optionalVarInfos.sort((a, b) => a.key.localeCompare(b.key));
-  return {
-    requiredVars: requiredVarInfos,
-    optionalVars: optionalVarInfos
-  };
-};
-
-/**
- * Derives aggregate statistics from the processed environment variable lists for health badges
- * and summary chips in the modal UI.
- *
- * @param requiredVars - Processed required variables with validation state.
- * @param optionalVars - Processed optional variables discovered at runtime.
- * @param totalEnvVars - Raw key/value map of every detected environment variable.
- * @returns Counts related to overall env health for display purposes.
- */
-exports.processEnvVars = processEnvVars;
-const calculateStats = (requiredVars, optionalVars, totalEnvVars) => {
-  const totalCount = Object.keys(totalEnvVars).length;
-  const requiredCount = requiredVars.length;
-  const missingCount = requiredVars.filter(v => v.status === "required_missing").length;
-  const wrongValueCount = requiredVars.filter(v => v.status === "required_wrong_value").length;
-  const wrongTypeCount = requiredVars.filter(v => v.status === "required_wrong_type").length;
-  const presentRequiredCount = requiredVars.filter(v => v.status === "required_present").length;
-  const optionalCount = optionalVars.length;
-  return {
-    totalCount,
-    requiredCount,
-    missingCount,
-    wrongValueCount,
-    wrongTypeCount,
-    presentRequiredCount,
-    optionalCount
-  };
-};
-exports.calculateStats = calculateStats;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.processEnvVars=exports.calculateStats=void 0;var _envTypeDetector=require("./envTypeDetector");const processEnvVars=(r,a)=>{const n=[];const i=[];const p=new Set;a?.forEach(e=>{const s=typeof e==="string"?e:e.key;const o=typeof e==="object"&&"expectedValue"in e?e.expectedValue:void 0;const u=typeof e==="object"&&"expectedType"in e?e.expectedType:void 0;const d=typeof e==="object"&&"description"in e?e.description:void 0;p.add(s);const t=r[s];const _=t!==void 0;let c;if(!_){c="required_missing"}else if(o){let l=false;if(o==="sk_*"){l=t.startsWith("sk_")}else if(o==="production or development"){l=t==="production"||t==="development"}else{l=t===o}c=l?"required_present":"required_wrong_value"}else if(u&&(0,_envTypeDetector.getEnvVarType)(t).toLowerCase()!==u.toLowerCase()){c="required_wrong_type"}else{c="required_present"}n.push({key:s,value:t,expectedValue:o,expectedType:u,description:d,status:c,category:"required"})});Object.entries(r).forEach(([e,s])=>{if(!p.has(e)){i.push({key:e,value:s,status:"optional_present",category:"optional"})}});n.sort((e,s)=>{const o={required_missing:0,required_wrong_value:1,required_wrong_type:2,required_present:3,optional_present:4};if(o[e.status]!==o[s.status]){return o[e.status]-o[s.status]}return e.key.localeCompare(s.key)});i.sort((e,s)=>e.key.localeCompare(s.key));return{requiredVars:n,optionalVars:i}};exports.processEnvVars=processEnvVars;const calculateStats=(r,a,n)=>{const i=Object.keys(n).length;const p=r.length;const e=r.filter(t=>t.status==="required_missing").length;const s=r.filter(t=>t.status==="required_wrong_value").length;const o=r.filter(t=>t.status==="required_wrong_type").length;const u=r.filter(t=>t.status==="required_present").length;const d=a.length;return{totalCount:i,requiredCount:p,missingCount:e,wrongValueCount:s,wrongTypeCount:o,presentRequiredCount:u,optionalCount:d}};exports.calculateStats=calculateStats;

package/lib/commonjs/index.js

@@ -1,77 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  envToolPreset: true,
-  createEnvTool: true,
-  EnvVarsModal: true,
-  EnvToolView: true,
-  createEnvSyncAdapter: true,
-  setRemoteEnv: true
-};
-Object.defineProperty(exports, "EnvToolView", {
-  enumerable: true,
-  get: function () {
-    return _EnvVarsModal.EnvToolView;
-  }
-});
-Object.defineProperty(exports, "EnvVarsModal", {
-  enumerable: true,
-  get: function () {
-    return _EnvVarsModal.EnvVarsModal;
-  }
-});
-Object.defineProperty(exports, "createEnvSyncAdapter", {
-  enumerable: true,
-  get: function () {
-    return _envSyncAdapter.createEnvSyncAdapter;
-  }
-});
-Object.defineProperty(exports, "createEnvTool", {
-  enumerable: true,
-  get: function () {
-    return _preset.createEnvTool;
-  }
-});
-Object.defineProperty(exports, "envToolPreset", {
-  enumerable: true,
-  get: function () {
-    return _preset.envToolPreset;
-  }
-});
-Object.defineProperty(exports, "setRemoteEnv", {
-  enumerable: true,
-  get: function () {
-    return _remoteEnv.setRemoteEnv;
-  }
-});
-var _preset = require("./preset");
-var _EnvVarsModal = require("./env/components/EnvVarsModal");
-var _envSyncAdapter = require("./sync/envSyncAdapter");
-var _remoteEnv = require("./env/utils/remoteEnv");
-var _types = require("./env/types");
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _types[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _types[key];
-    }
-  });
-});
-var _utils = require("./env/utils");
-Object.keys(_utils).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _utils[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _utils[key];
-    }
-  });
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var _exportNames={envToolPreset:true,createEnvTool:true,EnvVarsModal:true,EnvToolView:true,createEnvSyncAdapter:true,setRemoteEnv:true};Object.defineProperty(exports,"EnvToolView",{enumerable:true,get:function(){return _EnvVarsModal.EnvToolView}});Object.defineProperty(exports,"EnvVarsModal",{enumerable:true,get:function(){return _EnvVarsModal.EnvVarsModal}});Object.defineProperty(exports,"createEnvSyncAdapter",{enumerable:true,get:function(){return _envSyncAdapter.createEnvSyncAdapter}});Object.defineProperty(exports,"createEnvTool",{enumerable:true,get:function(){return _preset.createEnvTool}});Object.defineProperty(exports,"envToolPreset",{enumerable:true,get:function(){return _preset.envToolPreset}});Object.defineProperty(exports,"setRemoteEnv",{enumerable:true,get:function(){return _remoteEnv.setRemoteEnv}});var _preset=require("./preset");var _EnvVarsModal=require("./env/components/EnvVarsModal");var _envSyncAdapter=require("./sync/envSyncAdapter");var _remoteEnv=require("./env/utils/remoteEnv");var _types=require("./env/types");Object.keys(_types).forEach(function(e){if(e==="default"||e==="__esModule")return;if(Object.prototype.hasOwnProperty.call(_exportNames,e))return;if(e in exports&&exports[e]===_types[e])return;Object.defineProperty(exports,e,{enumerable:true,get:function(){return _types[e]}})});var _utils=require("./env/utils");Object.keys(_utils).forEach(function(e){if(e==="default"||e==="__esModule")return;if(Object.prototype.hasOwnProperty.call(_exportNames,e))return;if(e in exports&&exports[e]===_utils[e])return;Object.defineProperty(exports,e,{enumerable:true,get:function(){return _utils[e]}})});

package/lib/commonjs/preset.js

@@ -1,81 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.envToolPreset = exports.createEnvTool = void 0;
-var _floatingToolsCore = require("@buoy-gg/floating-tools-core");
-var _EnvVarsModal = require("./env/components/EnvVarsModal");
-var _envSyncAdapter = require("./sync/envSyncAdapter");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Pre-configured environment variables tool for FloatingDevTools
- *
- * This preset provides a zero-config way to add env var inspection to your dev tools.
- * Just import and add it to your apps array!
- *
- * @example
- * ```tsx
- * import { envToolPreset } from '@buoy-gg/env';
- *
- * const installedApps = [
- *   envToolPreset, // That's it!
- *   // ...other tools
- * ];
- * ```
- */
-
-/**
- * Pre-configured environment variables tool for FloatingDevTools.
- * Includes:
- * - Automatic env var discovery
- * - Required variable validation
- * - Search and filtering
- * - Copy functionality
- */
-const envToolPreset = exports.envToolPreset = (0, _sharedUi.defineToolPreset)({
-  id: "env",
-  name: "ENV",
-  description: "Environment variables debugger",
-  slot: "both",
-  icon: ({
-    size
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.EnvIcon, {
-    size: size
-  }),
-  component: _EnvVarsModal.EnvVarsModal,
-  props: {
-    requiredEnvVars: [],
-    enableSharedModalDimensions: true
-  }
-});
-
-/**
- * Create a custom environment variables tool configuration.
- * Use this if you want to override default settings or provide required env vars.
- *
- * @example
- * ```tsx
- * import { createEnvTool, envVar, createEnvVarConfig } from '@buoy-gg/env';
- *
- * const requiredEnvVars = createEnvVarConfig([
- *   envVar("EXPO_PUBLIC_API_URL").exists(),
- *   envVar("EXPO_PUBLIC_DEBUG_MODE").withType("boolean").build(),
- * ]);
- *
- * const myEnvTool = createEnvTool({
- *   requiredEnvVars,
- *   colorPreset: "cyan",
- *   enableSharedModalDimensions: true,
- * });
- * ```
- */
-const createEnvTool = exports.createEnvTool = (0, _sharedUi.createToolFactory)(envToolPreset, options => {
-  // Shared with the sync adapter so the desktop panel checks the same list.
-  (0, _envSyncAdapter.setToolRequiredEnvVars)(options.requiredEnvVars || []);
-  return {
-    requiredEnvVars: options.requiredEnvVars || [],
-    enableSharedModalDimensions: options.enableSharedModalDimensions ?? true
-  };
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.envToolPreset=exports.createEnvTool=void 0;var _floatingToolsCore=require("@buoy-gg/floating-tools-core");var _EnvVarsModal=require("./env/components/EnvVarsModal");var _envSyncAdapter=require("./sync/envSyncAdapter");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");const envToolPreset=exports.envToolPreset=(0,_sharedUi.defineToolPreset)({id:"env",name:"ENV",description:"Environment variables debugger",slot:"both",icon:({size:e})=>(0,_jsxRuntime.jsx)(_floatingToolsCore.EnvIcon,{size:e}),component:_EnvVarsModal.EnvVarsModal,props:{requiredEnvVars:[],enableSharedModalDimensions:true}});const createEnvTool=exports.createEnvTool=(0,_sharedUi.createToolFactory)(envToolPreset,e=>{(0,_envSyncAdapter.setToolRequiredEnvVars)(e.requiredEnvVars||[]);return{requiredEnvVars:e.requiredEnvVars||[],enableSharedModalDimensions:e.enableSharedModalDimensions??true}});

package/lib/commonjs/sync/envSyncAdapter.js

@@ -1,51 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createEnvSyncAdapter = createEnvSyncAdapter;
-exports.setToolRequiredEnvVars = setToolRequiredEnvVars;
-var _remoteEnv = require("../env/utils/remoteEnv");
-/** Collect the device's env vars (only EXPO_PUBLIC_-style vars exist in RN). */
-function collectEnv() {
-  const env = {};
-  // @ts-ignore process.env does exist
-  for (const [key, value] of Object.entries((0, _remoteEnv.getRemoteEnv)() ?? (typeof process === "undefined" ? {} : process.env))) {
-    if (typeof value === "string") {
-      env[key] = value;
-    }
-  }
-  return env;
-}
-
-/**
- * Create a sync adapter for the env tool, consumed by @buoy-gg/external-sync's
- * `useExternalSync` (structurally matches its ToolSyncAdapter interface so
- * this package doesn't need a dependency on it).
- *
- * Env vars are baked into the bundle, so the snapshot is static — it's sent
- * once when a dashboard starts watching. Pass the same `requiredEnvVars`
- * config you give FloatingDevTools so the dashboard validates against it.
- */
-let toolRequiredEnvVars = [];
-
-/**
- * Called by `createEnvTool`. An app that declares its variables on the tool
- * (`apps={[createEnvTool({ requiredEnvVars })]}`) rather than on
- * FloatingDevTools used to sync an empty list, so the desktop panel checked
- * nothing and showed no required variables.
- */
-function setToolRequiredEnvVars(vars) {
-  toolRequiredEnvVars = vars;
-}
-function createEnvSyncAdapter(requiredEnvVars = []) {
-  return {
-    version: 1,
-    getSnapshot: () => ({
-      env: collectEnv(),
-      requiredEnvVars: requiredEnvVars.length > 0 ? requiredEnvVars : toolRequiredEnvVars
-    }),
-    // Env never changes at runtime — nothing to subscribe to
-    subscribe: () => () => {}
-  };
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.createEnvSyncAdapter=createEnvSyncAdapter;exports.setToolRequiredEnvVars=setToolRequiredEnvVars;var _remoteEnv=require("../env/utils/remoteEnv");function collectEnv(){const e={};for(const[n,t]of Object.entries((0,_remoteEnv.getRemoteEnv)()??(typeof process==="undefined"?{}:process.env))){if(typeof t==="string"){e[n]=t}}return e}let toolRequiredEnvVars=[];function setToolRequiredEnvVars(e){toolRequiredEnvVars=e}function createEnvSyncAdapter(e=[]){return{version:1,getSnapshot:()=>({env:collectEnv(),requiredEnvVars:e.length>0?e:toolRequiredEnvVars}),subscribe:()=>()=>{}}}

package/lib/module/env/components/EnvStatsOverview.js

@@ -1,155 +1 @@
-"use strict";
-
-import { View, Text, StyleSheet, TouchableOpacity } from "react-native";
-import { CompactRow, night, monoFont } from "@buoy-gg/shared-ui";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-export function EnvStatsOverview({
-  stats,
-  healthPercentage,
-  healthStatus,
-  healthColor,
-  activeFilter = "all",
-  onFilterChange
-}) {
-  const issuesCount = stats.wrongValueCount + stats.wrongTypeCount;
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.container,
-    children: [/*#__PURE__*/_jsx(CompactRow, {
-      statusDotColor: healthColor,
-      statusLabel: "System",
-      statusSublabel: healthStatus.toLowerCase(),
-      primaryText: "Environment Configuration",
-      secondaryText: `${healthPercentage}% healthy`,
-      testID: "buoy-env-health",
-      statusSublabelTestID: "buoy-env-health-status",
-      accessibilityLabel: `Environment configuration ${healthStatus.toLowerCase()}, ${healthPercentage}% healthy`,
-      customBadge: /*#__PURE__*/_jsx(View, {
-        style: [styles.percentBadge, {
-          borderColor: healthColor + "40",
-          backgroundColor: healthColor + "10"
-        }],
-        children: /*#__PURE__*/_jsxs(Text, {
-          style: [styles.percentText, {
-            color: healthColor
-          }],
-          testID: "buoy-env-health-percent",
-          children: [healthPercentage, "%"]
-        })
-      })
-    }), /*#__PURE__*/_jsxs(View, {
-      style: styles.statsGrid,
-      children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
-        style: [styles.statCard, activeFilter === "all" && styles.statCardActive],
-        onPress: () => onFilterChange?.("all"),
-        activeOpacity: 0.8,
-        testID: "buoy-env-filter-all",
-        accessibilityRole: "button",
-        accessibilityLabel: "Show all variables",
-        accessibilityState: {
-          selected: activeFilter === "all"
-        },
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: [styles.statValue, activeFilter === "all" && styles.statValueActive],
-          testID: "buoy-env-filter-all-count",
-          children: stats.requiredCount + stats.optionalCount
-        }), /*#__PURE__*/_jsx(Text, {
-          style: [styles.statLabel, activeFilter === "all" && styles.statLabelActive],
-          children: "ALL"
-        })]
-      }), /*#__PURE__*/_jsxs(TouchableOpacity, {
-        style: [styles.statCard, activeFilter === "missing" && styles.statCardActive],
-        onPress: () => onFilterChange?.("missing"),
-        activeOpacity: 0.8,
-        testID: "buoy-env-filter-missing",
-        accessibilityRole: "button",
-        accessibilityLabel: "Show missing variables",
-        accessibilityState: {
-          selected: activeFilter === "missing"
-        },
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: [styles.statValue, activeFilter === "missing" && styles.statValueActive],
-          testID: "buoy-env-filter-missing-count",
-          children: stats.missingCount
-        }), /*#__PURE__*/_jsx(Text, {
-          style: [styles.statLabel, activeFilter === "missing" && styles.statLabelActive],
-          children: "MISSING"
-        })]
-      }), /*#__PURE__*/_jsxs(TouchableOpacity, {
-        style: [styles.statCard, activeFilter === "issues" && styles.statCardActive],
-        onPress: () => onFilterChange?.("issues"),
-        activeOpacity: 0.8,
-        testID: "buoy-env-filter-issues",
-        accessibilityRole: "button",
-        accessibilityLabel: "Show variables with issues",
-        accessibilityState: {
-          selected: activeFilter === "issues"
-        },
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: [styles.statValue, activeFilter === "issues" && styles.statValueActive],
-          testID: "buoy-env-filter-issues-count",
-          children: issuesCount
-        }), /*#__PURE__*/_jsx(Text, {
-          style: [styles.statLabel, activeFilter === "issues" && styles.statLabelActive],
-          children: "ISSUES"
-        })]
-      })]
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  container: {
-    gap: 8
-  },
-  statsGrid: {
-    flexDirection: "row",
-    gap: 8,
-    paddingHorizontal: 4
-  },
-  statCard: {
-    flex: 1,
-    backgroundColor: night.color.surface,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    padding: 12,
-    alignItems: "center",
-    justifyContent: "center",
-    minHeight: 64
-  },
-  statCardActive: {
-    borderColor: night.color.accentBorderStrong,
-    backgroundColor: night.color.accentSoft
-  },
-  statValue: {
-    fontSize: 22,
-    fontWeight: "700",
-    fontFamily: monoFont,
-    lineHeight: 26,
-    color: night.color.text
-  },
-  statValueActive: {
-    color: night.color.accent
-  },
-  statLabel: {
-    fontSize: 9,
-    color: night.color.textTertiary,
-    marginTop: 4,
-    textTransform: "uppercase",
-    letterSpacing: 0.5,
-    fontWeight: "600"
-  },
-  statLabelActive: {
-    color: night.color.accent
-  },
-  percentBadge: {
-    paddingHorizontal: 8,
-    paddingVertical: 4,
-    borderRadius: 6,
-    borderWidth: 1
-  },
-  percentText: {
-    fontSize: 14,
-    fontWeight: "700",
-    fontFamily: monoFont
-  }
-});
+"use strict";import{View as u,Text as i,StyleSheet as m,TouchableOpacity as d}from"react-native";import{CompactRow as p,night as s,monoFont as y}from"@buoy-gg/shared-ui";import{jsxs as a,jsx as o}from"react/jsx-runtime";export function EnvStatsOverview({stats:l,healthPercentage:n,healthStatus:b,healthColor:r,activeFilter:e="all",onFilterChange:c}){const g=l.wrongValueCount+l.wrongTypeCount;return a(u,{style:t.container,children:[o(p,{statusDotColor:r,statusLabel:"System",statusSublabel:b.toLowerCase(),primaryText:"Environment Configuration",secondaryText:`${n}% healthy`,testID:"buoy-env-health",statusSublabelTestID:"buoy-env-health-status",accessibilityLabel:`Environment configuration ${b.toLowerCase()}, ${n}% healthy`,customBadge:o(u,{style:[t.percentBadge,{borderColor:r+"40",backgroundColor:r+"10"}],children:a(i,{style:[t.percentText,{color:r}],testID:"buoy-env-health-percent",children:[n,"%"]})})}),a(u,{style:t.statsGrid,children:[a(d,{style:[t.statCard,e==="all"&&t.statCardActive],onPress:()=>c?.("all"),activeOpacity:.8,testID:"buoy-env-filter-all",accessibilityRole:"button",accessibilityLabel:"Show all variables",accessibilityState:{selected:e==="all"},children:[o(i,{style:[t.statValue,e==="all"&&t.statValueActive],testID:"buoy-env-filter-all-count",children:l.requiredCount+l.optionalCount}),o(i,{style:[t.statLabel,e==="all"&&t.statLabelActive],children:"ALL"})]}),a(d,{style:[t.statCard,e==="missing"&&t.statCardActive],onPress:()=>c?.("missing"),activeOpacity:.8,testID:"buoy-env-filter-missing",accessibilityRole:"button",accessibilityLabel:"Show missing variables",accessibilityState:{selected:e==="missing"},children:[o(i,{style:[t.statValue,e==="missing"&&t.statValueActive],testID:"buoy-env-filter-missing-count",children:l.missingCount}),o(i,{style:[t.statLabel,e==="missing"&&t.statLabelActive],children:"MISSING"})]}),a(d,{style:[t.statCard,e==="issues"&&t.statCardActive],onPress:()=>c?.("issues"),activeOpacity:.8,testID:"buoy-env-filter-issues",accessibilityRole:"button",accessibilityLabel:"Show variables with issues",accessibilityState:{selected:e==="issues"},children:[o(i,{style:[t.statValue,e==="issues"&&t.statValueActive],testID:"buoy-env-filter-issues-count",children:g}),o(i,{style:[t.statLabel,e==="issues"&&t.statLabelActive],children:"ISSUES"})]})]})]})}const t=m.create({container:{gap:8},statsGrid:{flexDirection:"row",gap:8,paddingHorizontal:4},statCard:{flex:1,backgroundColor:s.color.surface,borderRadius:10,borderWidth:1,borderColor:s.color.border,padding:12,alignItems:"center",justifyContent:"center",minHeight:64},statCardActive:{borderColor:s.color.accentBorderStrong,backgroundColor:s.color.accentSoft},statValue:{fontSize:22,fontWeight:"700",fontFamily:y,lineHeight:26,color:s.color.text},statValueActive:{color:s.color.accent},statLabel:{fontSize:9,color:s.color.textTertiary,marginTop:4,textTransform:"uppercase",letterSpacing:.5,fontWeight:"600"},statLabelActive:{color:s.color.accent},percentBadge:{paddingHorizontal:8,paddingVertical:4,borderRadius:6,borderWidth:1},percentText:{fontSize:14,fontWeight:"700",fontFamily:y}});