@sudobility/devops-components-rn 1.0.0 → 1.0.2

package/dist/index.mjs

@@ -0,0 +1,1002 @@
+import require$$0 from "react";
+import { View, Text, Pressable, ScrollView } from "react-native";
+import { Card, cn } from "@sudobility/components-rn";
+var jsxRuntime = { exports: {} };
+var reactJsxRuntime_production = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var hasRequiredReactJsxRuntime_production;
+function requireReactJsxRuntime_production() {
+  if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
+  hasRequiredReactJsxRuntime_production = 1;
+  var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
+  function jsxProd(type, config, maybeKey) {
+    var key = null;
+    void 0 !== maybeKey && (key = "" + maybeKey);
+    void 0 !== config.key && (key = "" + config.key);
+    if ("key" in config) {
+      maybeKey = {};
+      for (var propName in config)
+        "key" !== propName && (maybeKey[propName] = config[propName]);
+    } else maybeKey = config;
+    config = maybeKey.ref;
+    return {
+      $$typeof: REACT_ELEMENT_TYPE,
+      type,
+      key,
+      ref: void 0 !== config ? config : null,
+      props: maybeKey
+    };
+  }
+  reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
+  reactJsxRuntime_production.jsx = jsxProd;
+  reactJsxRuntime_production.jsxs = jsxProd;
+  return reactJsxRuntime_production;
+}
+var reactJsxRuntime_development = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var hasRequiredReactJsxRuntime_development;
+function requireReactJsxRuntime_development() {
+  if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
+  hasRequiredReactJsxRuntime_development = 1;
+  "production" !== process.env.NODE_ENV && (function() {
+    function getComponentNameFromType(type) {
+      if (null == type) return null;
+      if ("function" === typeof type)
+        return type.$$typeof === REACT_CLIENT_REFERENCE ? null : type.displayName || type.name || null;
+      if ("string" === typeof type) return type;
+      switch (type) {
+        case REACT_FRAGMENT_TYPE:
+          return "Fragment";
+        case REACT_PROFILER_TYPE:
+          return "Profiler";
+        case REACT_STRICT_MODE_TYPE:
+          return "StrictMode";
+        case REACT_SUSPENSE_TYPE:
+          return "Suspense";
+        case REACT_SUSPENSE_LIST_TYPE:
+          return "SuspenseList";
+        case REACT_ACTIVITY_TYPE:
+          return "Activity";
+      }
+      if ("object" === typeof type)
+        switch ("number" === typeof type.tag && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), type.$$typeof) {
+          case REACT_PORTAL_TYPE:
+            return "Portal";
+          case REACT_CONTEXT_TYPE:
+            return type.displayName || "Context";
+          case REACT_CONSUMER_TYPE:
+            return (type._context.displayName || "Context") + ".Consumer";
+          case REACT_FORWARD_REF_TYPE:
+            var innerType = type.render;
+            type = type.displayName;
+            type || (type = innerType.displayName || innerType.name || "", type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef");
+            return type;
+          case REACT_MEMO_TYPE:
+            return innerType = type.displayName || null, null !== innerType ? innerType : getComponentNameFromType(type.type) || "Memo";
+          case REACT_LAZY_TYPE:
+            innerType = type._payload;
+            type = type._init;
+            try {
+              return getComponentNameFromType(type(innerType));
+            } catch (x) {
+            }
+        }
+      return null;
+    }
+    function testStringCoercion(value) {
+      return "" + value;
+    }
+    function checkKeyStringCoercion(value) {
+      try {
+        testStringCoercion(value);
+        var JSCompiler_inline_result = false;
+      } catch (e) {
+        JSCompiler_inline_result = true;
+      }
+      if (JSCompiler_inline_result) {
+        JSCompiler_inline_result = console;
+        var JSCompiler_temp_const = JSCompiler_inline_result.error;
+        var JSCompiler_inline_result$jscomp$0 = "function" === typeof Symbol && Symbol.toStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
+        JSCompiler_temp_const.call(
+          JSCompiler_inline_result,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          JSCompiler_inline_result$jscomp$0
+        );
+        return testStringCoercion(value);
+      }
+    }
+    function getTaskName(type) {
+      if (type === REACT_FRAGMENT_TYPE) return "<>";
+      if ("object" === typeof type && null !== type && type.$$typeof === REACT_LAZY_TYPE)
+        return "<...>";
+      try {
+        var name = getComponentNameFromType(type);
+        return name ? "<" + name + ">" : "<...>";
+      } catch (x) {
+        return "<...>";
+      }
+    }
+    function getOwner() {
+      var dispatcher = ReactSharedInternals.A;
+      return null === dispatcher ? null : dispatcher.getOwner();
+    }
+    function UnknownOwner() {
+      return Error("react-stack-top-frame");
+    }
+    function hasValidKey(config) {
+      if (hasOwnProperty.call(config, "key")) {
+        var getter = Object.getOwnPropertyDescriptor(config, "key").get;
+        if (getter && getter.isReactWarning) return false;
+      }
+      return void 0 !== config.key;
+    }
+    function defineKeyPropWarningGetter(props, displayName) {
+      function warnAboutAccessingKey() {
+        specialPropKeyWarningShown || (specialPropKeyWarningShown = true, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          displayName
+        ));
+      }
+      warnAboutAccessingKey.isReactWarning = true;
+      Object.defineProperty(props, "key", {
+        get: warnAboutAccessingKey,
+        configurable: true
+      });
+    }
+    function elementRefGetterWithDeprecationWarning() {
+      var componentName = getComponentNameFromType(this.type);
+      didWarnAboutElementRef[componentName] || (didWarnAboutElementRef[componentName] = true, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      ));
+      componentName = this.props.ref;
+      return void 0 !== componentName ? componentName : null;
+    }
+    function ReactElement(type, key, props, owner, debugStack, debugTask) {
+      var refProp = props.ref;
+      type = {
+        $$typeof: REACT_ELEMENT_TYPE,
+        type,
+        key,
+        props,
+        _owner: owner
+      };
+      null !== (void 0 !== refProp ? refProp : null) ? Object.defineProperty(type, "ref", {
+        enumerable: false,
+        get: elementRefGetterWithDeprecationWarning
+      }) : Object.defineProperty(type, "ref", { enumerable: false, value: null });
+      type._store = {};
+      Object.defineProperty(type._store, "validated", {
+        configurable: false,
+        enumerable: false,
+        writable: true,
+        value: 0
+      });
+      Object.defineProperty(type, "_debugInfo", {
+        configurable: false,
+        enumerable: false,
+        writable: true,
+        value: null
+      });
+      Object.defineProperty(type, "_debugStack", {
+        configurable: false,
+        enumerable: false,
+        writable: true,
+        value: debugStack
+      });
+      Object.defineProperty(type, "_debugTask", {
+        configurable: false,
+        enumerable: false,
+        writable: true,
+        value: debugTask
+      });
+      Object.freeze && (Object.freeze(type.props), Object.freeze(type));
+      return type;
+    }
+    function jsxDEVImpl(type, config, maybeKey, isStaticChildren, debugStack, debugTask) {
+      var children = config.children;
+      if (void 0 !== children)
+        if (isStaticChildren)
+          if (isArrayImpl(children)) {
+            for (isStaticChildren = 0; isStaticChildren < children.length; isStaticChildren++)
+              validateChildKeys(children[isStaticChildren]);
+            Object.freeze && Object.freeze(children);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else validateChildKeys(children);
+      if (hasOwnProperty.call(config, "key")) {
+        children = getComponentNameFromType(type);
+        var keys = Object.keys(config).filter(function(k) {
+          return "key" !== k;
+        });
+        isStaticChildren = 0 < keys.length ? "{key: someKey, " + keys.join(": ..., ") + ": ...}" : "{key: someKey}";
+        didWarnAboutKeySpread[children + isStaticChildren] || (keys = 0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}", console.error(
+          'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
+          isStaticChildren,
+          children,
+          keys,
+          children
+        ), didWarnAboutKeySpread[children + isStaticChildren] = true);
+      }
+      children = null;
+      void 0 !== maybeKey && (checkKeyStringCoercion(maybeKey), children = "" + maybeKey);
+      hasValidKey(config) && (checkKeyStringCoercion(config.key), children = "" + config.key);
+      if ("key" in config) {
+        maybeKey = {};
+        for (var propName in config)
+          "key" !== propName && (maybeKey[propName] = config[propName]);
+      } else maybeKey = config;
+      children && defineKeyPropWarningGetter(
+        maybeKey,
+        "function" === typeof type ? type.displayName || type.name || "Unknown" : type
+      );
+      return ReactElement(
+        type,
+        children,
+        maybeKey,
+        getOwner(),
+        debugStack,
+        debugTask
+      );
+    }
+    function validateChildKeys(node) {
+      isValidElement(node) ? node._store && (node._store.validated = 1) : "object" === typeof node && null !== node && node.$$typeof === REACT_LAZY_TYPE && ("fulfilled" === node._payload.status ? isValidElement(node._payload.value) && node._payload.value._store && (node._payload.value._store.validated = 1) : node._store && (node._store.validated = 1));
+    }
+    function isValidElement(object) {
+      return "object" === typeof object && null !== object && object.$$typeof === REACT_ELEMENT_TYPE;
+    }
+    var React = require$$0, REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    React = {
+      react_stack_bottom_frame: function(callStackForError) {
+        return callStackForError();
+      }
+    };
+    var specialPropKeyWarningShown;
+    var didWarnAboutElementRef = {};
+    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(
+      React,
+      UnknownOwner
+    )();
+    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
+    var didWarnAboutKeySpread = {};
+    reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
+    reactJsxRuntime_development.jsx = function(type, config, maybeKey) {
+      var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+      return jsxDEVImpl(
+        type,
+        config,
+        maybeKey,
+        false,
+        trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
+        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
+      );
+    };
+    reactJsxRuntime_development.jsxs = function(type, config, maybeKey) {
+      var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+      return jsxDEVImpl(
+        type,
+        config,
+        maybeKey,
+        true,
+        trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
+        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
+      );
+    };
+  })();
+  return reactJsxRuntime_development;
+}
+var hasRequiredJsxRuntime;
+function requireJsxRuntime() {
+  if (hasRequiredJsxRuntime) return jsxRuntime.exports;
+  hasRequiredJsxRuntime = 1;
+  if (process.env.NODE_ENV === "production") {
+    jsxRuntime.exports = requireReactJsxRuntime_production();
+  } else {
+    jsxRuntime.exports = requireReactJsxRuntime_development();
+  }
+  return jsxRuntime.exports;
+}
+var jsxRuntimeExports = requireJsxRuntime();
+const statusConfig$1 = {
+  operational: {
+    color: "bg-green-500",
+    darkColor: "dark:bg-green-400",
+    label: "Operational"
+  },
+  degraded: {
+    color: "bg-yellow-500",
+    darkColor: "dark:bg-yellow-400",
+    label: "Degraded"
+  },
+  "major-outage": {
+    color: "bg-red-500",
+    darkColor: "dark:bg-red-400",
+    label: "Major Outage"
+  }
+};
+const SystemStatusIndicator = ({
+  status,
+  systemName,
+  description,
+  lastChecked,
+  onPress,
+  className
+}) => {
+  const config = statusConfig$1[status];
+  const content = /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { className: cn("p-4", className), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { className: "flex-row items-center", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        View,
+        {
+          className: cn(
+            "w-3 h-3 rounded-full mr-3",
+            config.color,
+            config.darkColor
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { className: "flex-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: "text-base font-semibold text-gray-900 dark:text-gray-100", children: systemName }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Text,
+          {
+            className: cn(
+              "text-sm",
+              status === "operational" && "text-green-600 dark:text-green-400",
+              status === "degraded" && "text-yellow-600 dark:text-yellow-400",
+              status === "major-outage" && "text-red-600 dark:text-red-400"
+            ),
+            children: config.label
+          }
+        )
+      ] })
+    ] }),
+    description && /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", children: description }),
+    lastChecked && /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { className: "mt-2 text-xs text-gray-500 dark:text-gray-500", children: [
+      "Last checked: ",
+      lastChecked.toLocaleString()
+    ] })
+  ] });
+  if (onPress) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Pressable, { onPress, accessibilityRole: "button", children: content });
+  }
+  return content;
+};
+const stateConfig = {
+  pending: {
+    color: "text-gray-600 dark:text-gray-400",
+    bgColor: "bg-gray-100",
+    darkBgColor: "dark:bg-gray-800",
+    label: "Pending",
+    icon: "⏳"
+  },
+  building: {
+    color: "text-blue-600 dark:text-blue-400",
+    bgColor: "bg-blue-100",
+    darkBgColor: "dark:bg-blue-900",
+    label: "Building",
+    icon: "🔨"
+  },
+  deploying: {
+    color: "text-purple-600 dark:text-purple-400",
+    bgColor: "bg-purple-100",
+    darkBgColor: "dark:bg-purple-900",
+    label: "Deploying",
+    icon: "🚀"
+  },
+  success: {
+    color: "text-green-600 dark:text-green-400",
+    bgColor: "bg-green-100",
+    darkBgColor: "dark:bg-green-900",
+    label: "Success",
+    icon: "✓"
+  },
+  failed: {
+    color: "text-red-600 dark:text-red-400",
+    bgColor: "bg-red-100",
+    darkBgColor: "dark:bg-red-900",
+    label: "Failed",
+    icon: "✗"
+  },
+  cancelled: {
+    color: "text-orange-600 dark:text-orange-400",
+    bgColor: "bg-orange-100",
+    darkBgColor: "dark:bg-orange-900",
+    label: "Cancelled",
+    icon: "⊘"
+  }
+};
+const formatDuration$1 = (seconds) => {
+  if (seconds < 60) return `${seconds}s`;
+  const minutes = Math.floor(seconds / 60);
+  const remainingSeconds = seconds % 60;
+  if (minutes < 60) return `${minutes}m ${remainingSeconds}s`;
+  const hours = Math.floor(minutes / 60);
+  const remainingMinutes = minutes % 60;
+  return `${hours}h ${remainingMinutes}m`;
+};
+const DeploymentStatus = ({
+  state,
+  environment,
+  version,
+  timestamp,
+  commitHash,
+  commitMessage,
+  duration,
+  onPress,
+  className
+}) => {
+  const config = stateConfig[state];
+  const content = /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { className: cn("p-4", className), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(View, { className: "flex-row items-start justify-between", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { className: "flex-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { className: "flex-row items-center", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          View,
+          {
+            className: cn(
+              "px-2 py-1 rounded-md mr-2",
+              config.bgColor,
+              config.darkBgColor
+            ),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { className: cn("text-xs font-medium", config.color), children: [
+              config.icon,
+              " ",
+              config.label
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(View, { className: "bg-gray-100 dark:bg-gray-800 px-2 py-1 rounded-md", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: "text-xs font-medium text-gray-700 dark:text-gray-300", children: environment }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: "mt-2 text-base font-semibold text-gray-900 dark:text-gray-100", children: version }),
+      commitHash && /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: "mt-1 text-sm font-mono text-gray-600 dark:text-gray-400", children: commitHash.substring(0, 7) }),
+      commitMessage && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Text,
+        {
+          className: "mt-1 text-sm text-gray-600 dark:text-gray-400",
+          numberOfLines: 2,
+          children: commitMessage
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { className: "flex-row items-center justify-between mt-3 pt-3 border-t border-gray-200 dark:border-gray-700", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: "text-xs text-gray-500 dark:text-gray-500", children: timestamp.toLocaleString() }),
+      duration !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { className: "text-xs text-gray-500 dark:text-gray-500", children: [
+        "Duration: ",
+        formatDuration$1(duration)
+      ] })
+    ] })
+  ] });
+  if (onPress) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Pressable, { onPress, accessibilityRole: "button", children: content });
+  }
+  return content;
+};
+const levelConfig = {
+  info: {
+    color: "text-blue-600 dark:text-blue-400",
+    bgColor: "bg-blue-50",
+    darkBgColor: "dark:bg-blue-950",
+    prefix: "INFO"
+  },
+  warn: {
+    color: "text-yellow-600 dark:text-yellow-400",
+    bgColor: "bg-yellow-50",
+    darkBgColor: "dark:bg-yellow-950",
+    prefix: "WARN"
+  },
+  error: {
+    color: "text-red-600 dark:text-red-400",
+    bgColor: "bg-red-50",
+    darkBgColor: "dark:bg-red-950",
+    prefix: "ERROR"
+  },
+  debug: {
+    color: "text-gray-600 dark:text-gray-400",
+    bgColor: "bg-gray-50",
+    darkBgColor: "dark:bg-gray-900",
+    prefix: "DEBUG"
+  },
+  success: {
+    color: "text-green-600 dark:text-green-400",
+    bgColor: "bg-green-50",
+    darkBgColor: "dark:bg-green-950",
+    prefix: "SUCCESS"
+  }
+};
+const formatTime = (date) => {
+  return date.toLocaleTimeString("en-US", {
+    hour12: false,
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit"
+  });
+};
+const BuildLog = ({
+  entries,
+  title,
+  maxHeight = 400,
+  showTimestamp = true,
+  showSource = false,
+  className
+}) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { className: cn("overflow-hidden", className), children: [
+    title && /* @__PURE__ */ jsxRuntimeExports.jsx(View, { className: "px-4 py-3 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: "text-base font-semibold text-gray-900 dark:text-gray-100", children: title }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ScrollView,
+      {
+        style: { maxHeight },
+        className: "bg-gray-900 dark:bg-black",
+        showsVerticalScrollIndicator: true,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(View, { className: "p-3", children: entries.map((entry) => {
+          const config = levelConfig[entry.level];
+          return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            View,
+            {
+              className: cn(
+                "flex-row flex-wrap py-1 px-2 mb-1 rounded",
+                config.bgColor,
+                config.darkBgColor
+              ),
+              children: [
+                showTimestamp && /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { className: "font-mono text-xs text-gray-500 dark:text-gray-500 mr-2", children: [
+                  "[",
+                  formatTime(entry.timestamp),
+                  "]"
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  Text,
+                  {
+                    className: cn(
+                      "font-mono text-xs font-bold mr-2",
+                      config.color
+                    ),
+                    children: [
+                      "[",
+                      config.prefix,
+                      "]"
+                    ]
+                  }
+                ),
+                showSource && entry.source && /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { className: "font-mono text-xs text-gray-400 dark:text-gray-600 mr-2", children: [
+                  "[",
+                  entry.source,
+                  "]"
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: "font-mono text-xs text-gray-200 dark:text-gray-300 flex-1", children: entry.message })
+              ]
+            },
+            entry.id
+          );
+        }) })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(View, { className: "px-4 py-2 bg-gray-800 dark:bg-gray-950 border-t border-gray-700", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { className: "text-xs text-gray-400 dark:text-gray-500", children: [
+      entries.length,
+      " log entries"
+    ] }) })
+  ] });
+};
+const formatChange = (change) => {
+  const sign = change >= 0 ? "+" : "";
+  return sign + change.toFixed(1) + "%";
+};
+const MetricsGrid = ({
+  metrics,
+  columns = 2,
+  onMetricPress,
+  className
+}) => {
+  const columnWidthClass = {
+    1: "w-full",
+    2: "w-1/2",
+    3: "w-1/3",
+    4: "w-1/4"
+  }[columns];
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(View, { className: cn("flex-row flex-wrap -m-1", className), children: metrics.map((metric) => {
+    const content = /* @__PURE__ */ jsxRuntimeExports.jsx(Card, { className: "p-4 m-1 flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { className: "flex-row items-start justify-between", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { className: "flex-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: "text-sm text-gray-600 dark:text-gray-400 mb-1", children: metric.label }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { className: "flex-row items-baseline", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-gray-100", children: metric.value }),
+          metric.unit && /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: "text-sm text-gray-500 dark:text-gray-500 ml-1", children: metric.unit })
+        ] }),
+        metric.change !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { className: "flex-row items-center mt-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            View,
+            {
+              className: cn(
+                "px-1.5 py-0.5 rounded",
+                metric.change >= 0 ? "bg-green-100 dark:bg-green-900" : "bg-red-100 dark:bg-red-900"
+              ),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Text,
+                {
+                  className: cn(
+                    "text-xs font-medium",
+                    metric.change >= 0 ? "text-green-700 dark:text-green-300" : "text-red-700 dark:text-red-300"
+                  ),
+                  children: formatChange(metric.change)
+                }
+              )
+            }
+          ),
+          metric.changeLabel && /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: "text-xs text-gray-500 dark:text-gray-500 ml-2", children: metric.changeLabel })
+        ] })
+      ] }),
+      metric.icon && /* @__PURE__ */ jsxRuntimeExports.jsx(View, { className: "ml-2", children: metric.icon })
+    ] }) });
+    if (onMetricPress) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(View, { className: columnWidthClass, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Pressable,
+        {
+          onPress: () => onMetricPress(metric),
+          accessibilityRole: "button",
+          accessibilityLabel: metric.label + ": " + metric.value + (metric.unit || ""),
+          children: content
+        }
+      ) }, metric.id);
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(View, { className: columnWidthClass, children: content }, metric.id);
+  }) });
+};
+const actionConfig = {
+  create: {
+    color: "text-green-700 dark:text-green-300",
+    bgColor: "bg-green-100",
+    darkBgColor: "dark:bg-green-900",
+    icon: "+"
+  },
+  update: {
+    color: "text-blue-700 dark:text-blue-300",
+    bgColor: "bg-blue-100",
+    darkBgColor: "dark:bg-blue-900",
+    icon: "~"
+  },
+  delete: {
+    color: "text-red-700 dark:text-red-300",
+    bgColor: "bg-red-100",
+    darkBgColor: "dark:bg-red-900",
+    icon: "-"
+  },
+  login: {
+    color: "text-purple-700 dark:text-purple-300",
+    bgColor: "bg-purple-100",
+    darkBgColor: "dark:bg-purple-900",
+    icon: "→"
+  },
+  logout: {
+    color: "text-gray-700 dark:text-gray-300",
+    bgColor: "bg-gray-100",
+    darkBgColor: "dark:bg-gray-800",
+    icon: "←"
+  },
+  access: {
+    color: "text-cyan-700 dark:text-cyan-300",
+    bgColor: "bg-cyan-100",
+    darkBgColor: "dark:bg-cyan-900",
+    icon: "◉"
+  },
+  export: {
+    color: "text-orange-700 dark:text-orange-300",
+    bgColor: "bg-orange-100",
+    darkBgColor: "dark:bg-orange-900",
+    icon: "↑"
+  },
+  import: {
+    color: "text-teal-700 dark:text-teal-300",
+    bgColor: "bg-teal-100",
+    darkBgColor: "dark:bg-teal-900",
+    icon: "↓"
+  },
+  approve: {
+    color: "text-emerald-700 dark:text-emerald-300",
+    bgColor: "bg-emerald-100",
+    darkBgColor: "dark:bg-emerald-900",
+    icon: "✓"
+  },
+  reject: {
+    color: "text-rose-700 dark:text-rose-300",
+    bgColor: "bg-rose-100",
+    darkBgColor: "dark:bg-rose-900",
+    icon: "✗"
+  },
+  deploy: {
+    color: "text-indigo-700 dark:text-indigo-300",
+    bgColor: "bg-indigo-100",
+    darkBgColor: "dark:bg-indigo-900",
+    icon: "▲"
+  },
+  rollback: {
+    color: "text-amber-700 dark:text-amber-300",
+    bgColor: "bg-amber-100",
+    darkBgColor: "dark:bg-amber-900",
+    icon: "↺"
+  }
+};
+const formatTimestamp = (date) => {
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffMins = Math.floor(diffMs / 6e4);
+  const diffHours = Math.floor(diffMs / 36e5);
+  const diffDays = Math.floor(diffMs / 864e5);
+  if (diffMins < 1) return "Just now";
+  if (diffMins < 60) return `${diffMins}m ago`;
+  if (diffHours < 24) return `${diffHours}h ago`;
+  if (diffDays < 7) return `${diffDays}d ago`;
+  return date.toLocaleDateString();
+};
+const AuditLog = ({
+  entries,
+  title,
+  maxHeight = 500,
+  onEntryPress,
+  className
+}) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { className: cn("overflow-hidden", className), children: [
+    title && /* @__PURE__ */ jsxRuntimeExports.jsx(View, { className: "px-4 py-3 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: "text-base font-semibold text-gray-900 dark:text-gray-100", children: title }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollView, { style: { maxHeight }, showsVerticalScrollIndicator: true, children: entries.map((entry, index) => {
+      const config = actionConfig[entry.action];
+      const isLast = index === entries.length - 1;
+      const content = /* @__PURE__ */ jsxRuntimeExports.jsx(
+        View,
+        {
+          className: cn(
+            "px-4 py-3",
+            !isLast && "border-b border-gray-100 dark:border-gray-800"
+          ),
+          children: /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { className: "flex-row items-start", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              View,
+              {
+                className: cn(
+                  "w-8 h-8 rounded-full items-center justify-center mr-3",
+                  config.bgColor,
+                  config.darkBgColor
+                ),
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: cn("text-sm font-bold", config.color), children: config.icon })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { className: "flex-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { className: "flex-row items-center flex-wrap", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: entry.actor.name }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { className: "text-sm text-gray-600 dark:text-gray-400 mx-1", children: [
+                  entry.action,
+                  "d"
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: entry.resource.name })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { className: "flex-row items-center mt-1", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  View,
+                  {
+                    className: cn(
+                      "px-1.5 py-0.5 rounded mr-2",
+                      config.bgColor,
+                      config.darkBgColor
+                    ),
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Text,
+                      {
+                        className: cn(
+                          "text-xs font-medium uppercase",
+                          config.color
+                        ),
+                        children: entry.action
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: "text-xs text-gray-500 dark:text-gray-500", children: entry.resource.type })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { className: "flex-row items-center mt-2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: "text-xs text-gray-400 dark:text-gray-600", children: formatTimestamp(entry.timestamp) }),
+                entry.ipAddress && /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { className: "text-xs text-gray-400 dark:text-gray-600 ml-2", children: [
+                  "IP: ",
+                  entry.ipAddress
+                ] })
+              ] })
+            ] })
+          ] })
+        }
+      );
+      if (onEntryPress) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Pressable,
+          {
+            onPress: () => onEntryPress(entry),
+            accessibilityRole: "button",
+            children: content
+          },
+          entry.id
+        );
+      }
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(View, { children: content }, entry.id);
+    }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(View, { className: "px-4 py-2 bg-gray-50 dark:bg-gray-900 border-t border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { className: "text-xs text-gray-500 dark:text-gray-500", children: [
+      "Showing ",
+      entries.length,
+      " audit entries"
+    ] }) })
+  ] });
+};
+const statusConfig = {
+  pending: {
+    color: "text-gray-600 dark:text-gray-400",
+    bgColor: "bg-gray-100",
+    darkBgColor: "dark:bg-gray-800",
+    borderColor: "border-gray-300 dark:border-gray-600",
+    icon: "○"
+  },
+  running: {
+    color: "text-blue-600 dark:text-blue-400",
+    bgColor: "bg-blue-100",
+    darkBgColor: "dark:bg-blue-900",
+    borderColor: "border-blue-400 dark:border-blue-500",
+    icon: "◐"
+  },
+  success: {
+    color: "text-green-600 dark:text-green-400",
+    bgColor: "bg-green-100",
+    darkBgColor: "dark:bg-green-900",
+    borderColor: "border-green-400 dark:border-green-500",
+    icon: "●"
+  },
+  failed: {
+    color: "text-red-600 dark:text-red-400",
+    bgColor: "bg-red-100",
+    darkBgColor: "dark:bg-red-900",
+    borderColor: "border-red-400 dark:border-red-500",
+    icon: "✗"
+  },
+  skipped: {
+    color: "text-gray-400 dark:text-gray-600",
+    bgColor: "bg-gray-50",
+    darkBgColor: "dark:bg-gray-900",
+    borderColor: "border-gray-200 dark:border-gray-700",
+    icon: "◌"
+  },
+  cancelled: {
+    color: "text-orange-600 dark:text-orange-400",
+    bgColor: "bg-orange-100",
+    darkBgColor: "dark:bg-orange-900",
+    borderColor: "border-orange-400 dark:border-orange-500",
+    icon: "⊘"
+  }
+};
+const formatDuration = (seconds) => {
+  if (seconds < 60) return `${seconds}s`;
+  const minutes = Math.floor(seconds / 60);
+  const remainingSeconds = seconds % 60;
+  return `${minutes}m ${remainingSeconds}s`;
+};
+const PipelineView = ({
+  stages,
+  pipelineName,
+  pipelineId,
+  onStagePress,
+  className
+}) => {
+  const overallStatus = stages.some((s) => s.status === "failed") ? "failed" : stages.some((s) => s.status === "running") ? "running" : stages.every((s) => s.status === "success") ? "success" : stages.every((s) => s.status === "pending") ? "pending" : "running";
+  const overallConfig = statusConfig[overallStatus];
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { className: cn("overflow-hidden", className), children: [
+    (pipelineName || pipelineId) && /* @__PURE__ */ jsxRuntimeExports.jsx(View, { className: "px-4 py-3 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { className: "flex-row items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { children: [
+        pipelineName && /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: "text-base font-semibold text-gray-900 dark:text-gray-100", children: pipelineName }),
+        pipelineId && /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { className: "text-xs font-mono text-gray-500 dark:text-gray-500", children: [
+          "#",
+          pipelineId
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        View,
+        {
+          className: cn(
+            "px-2 py-1 rounded-full",
+            overallConfig.bgColor,
+            overallConfig.darkBgColor
+          ),
+          children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { className: cn("text-xs font-medium", overallConfig.color), children: [
+            overallConfig.icon,
+            " ",
+            overallStatus.charAt(0).toUpperCase() + overallStatus.slice(1)
+          ] })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ScrollView,
+      {
+        horizontal: true,
+        showsHorizontalScrollIndicator: true,
+        contentContainerStyle: { padding: 16 },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(View, { className: "flex-row items-center", children: stages.map((stage, index) => {
+          const config = statusConfig[stage.status];
+          const isLast = index === stages.length - 1;
+          const stageContent = /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { className: "items-center", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              View,
+              {
+                className: cn(
+                  "w-24 p-3 rounded-lg border-2",
+                  config.bgColor,
+                  config.darkBgColor,
+                  config.borderColor
+                ),
+                children: /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { className: "items-center", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: cn("text-lg", config.color), children: config.icon }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    Text,
+                    {
+                      className: "text-xs font-medium text-gray-900 dark:text-gray-100 mt-1 text-center",
+                      numberOfLines: 2,
+                      children: stage.name
+                    }
+                  ),
+                  stage.duration !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: "text-xs text-gray-500 dark:text-gray-500 mt-1", children: formatDuration(stage.duration) })
+                ] })
+              }
+            ),
+            stage.jobs && stage.jobs.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(View, { className: "mt-2", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { className: "text-xs text-gray-500 dark:text-gray-500", children: [
+              stage.jobs.filter((j) => j.status === "success").length,
+              "/",
+              stage.jobs.length,
+              " jobs"
+            ] }) })
+          ] });
+          return /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { className: "flex-row items-center", children: [
+            onStagePress ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Pressable,
+              {
+                onPress: () => onStagePress(stage),
+                accessibilityRole: "button",
+                accessibilityLabel: `${stage.name} - ${stage.status}`,
+                children: stageContent
+              }
+            ) : stageContent,
+            !isLast && /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { className: "mx-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(View, { className: "w-8 h-0.5 bg-gray-300 dark:bg-gray-600" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { className: "absolute -top-2 left-2 text-gray-400 dark:text-gray-600", children: "→" })
+            ] })
+          ] }, stage.id);
+        }) })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(View, { className: "px-4 py-2 bg-gray-50 dark:bg-gray-900 border-t border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Text, { className: "text-xs text-gray-500 dark:text-gray-500", children: [
+      stages.length,
+      " stages |",
+      " ",
+      stages.filter((s) => s.status === "success").length,
+      " completed"
+    ] }) })
+  ] });
+};
+export {
+  AuditLog,
+  BuildLog,
+  DeploymentStatus,
+  MetricsGrid,
+  PipelineView,
+  SystemStatusIndicator
+};
+//# sourceMappingURL=index.mjs.map