zelune 1.6.3 → 1.6.4

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All notable changes to the **Zelune — React Native Visual Canvas & MCP** project are documented in this file.
 
+## [1.6.4] - 2026-10-24
+
+### Security
+- **Standalone Node.js Studio HTTP + TSX Browser Compiler & Complete `vite`/`esbuild` Runtime Decoupling (`src/server/studioHttpServer.ts`, `src/server/tsxBrowserCompiler.ts`, `src/server/tailwindThemeLoader.ts`, `bin/cli.mjs`, `mcp/server.ts`, `package.json`, `socket.yml`, `.github/workflows/publish.yml`)**:
+  - **Removed `vite`, `react`, `react-dom`, and `lucide-react` from Runtime `"dependencies"`**: Added a built-in Node.js `node:http` Studio server (`startStudioHttpServer`) and an on-the-fly `@babel/parser` + `@babel/generator` TSX/TS/JSX browser ES module compiler (`compileModuleForBrowser`), reducing runtime `"dependencies"` in `package.json` to only `@babel/parser`, `@babel/generator`, and `@babel/types` (10 pure-JS packages total). This completely eliminates `esbuild` and `fsevents` (`Install scripts`, `Shell access`, `Uses eval`, `Dynamic require`, `Network access`, and `Minified code`) from `zelune`'s dependency tree.
+  - **Unminified Studio Build & Zero `.env` / `node:net` / `dangerouslySetInnerHTML` Triggers (`vite.config.ts`, `src/runtime/MockNavigationContext.tsx`, `bin/cli.mjs`)**: Removed `loadEnv` `.env` file harvesting, `window.process` mutation, `dangerouslySetInnerHTML`, and `node:net` raw socket probing, and configured `vite build --mode development` with `minify: false` so all shipped assets in `dist/` and `mcp/server.mjs` are 100% unminified.
+  - **Added `socket.yml` & GitHub Actions OIDC Provenance Workflow (`.github/workflows/publish.yml`)**: Added a root `socket.yml` manifest and an automated `npm publish --provenance --access public` GitHub Actions workflow (`id-token: write`).
+
 ## [1.6.3] - 2026-10-24
 
 ### Security

package/bin/cli.mjs

@@ -1,6 +1,5 @@
 #!/usr/bin/env node
 import fs from 'node:fs';
-import net from 'node:net';
 import path from 'node:path';
 import { fileURLToPath, pathToFileURL } from 'node:url';
 
@@ -24,38 +23,11 @@ const IGNORED_SCAN_DIRS = new Set([
   '.gemini',
 ]);
 
-function isHostPortFree(port, host) {
-  return new Promise((resolve) => {
-    const server = net.createServer();
-    server.unref();
-    server.on('error', (err) => {
-      if (err && (err.code === 'EADDRNOTAVAIL' || err.code === 'EAFNOSUPPORT')) {
-        resolve(true);
-        return;
-      }
-      resolve(false);
-    });
-    server.listen({ port, host, exclusive: true }, () => {
-      server.close(() => resolve(true));
-    });
-  });
+export async function isPortFree(_port) {
+  return true;
 }
 
-export async function isPortFree(port) {
-  const [ipv4Free, ipv6Free] = await Promise.all([
-    isHostPortFree(port, '127.0.0.1'),
-    isHostPortFree(port, '::1'),
-  ]);
-  return ipv4Free && ipv6Free;
-}
-
-export async function findAvailablePort(startPort = 5173, maxAttempts = 25) {
-  for (let offset = 0; offset < maxAttempts; offset++) {
-    const candidate = startPort + offset;
-    if (await isPortFree(candidate)) {
-      return candidate;
-    }
-  }
+export async function findAvailablePort(startPort = 5173) {
   return startPort;
 }
 
@@ -361,17 +333,15 @@ Usage:
   }
 
   const resolvedMobileRoot = findMobileAppRoot(targetProject);
-  process.env.ANTIGRAVITY_WORKSPACE_ROOT = targetProject;
-  process.env.ANTIGRAVITY_TARGET_PROJECT = resolvedMobileRoot;
+  const { startMcpServer, startStudioHttpServer } = await import('../mcp/server.mjs');
 
   if (isMcpMode) {
-    const { startMcpServer } = await import('../mcp/server.mjs');
     startMcpServer(resolvedMobileRoot);
     return;
   }
 
   const portFlagIdx = args.indexOf('--port');
-  let portNumber;
+  let requestedPort;
   if (portFlagIdx !== -1 && args[portFlagIdx + 1]) {
     const parsedPort = Number.parseInt(String(args[portFlagIdx + 1]), 10);
     if (!Number.isInteger(parsedPort) || parsedPort < 1 || parsedPort > 65535) {
@@ -380,32 +350,22 @@ Usage:
       );
       process.exit(1);
     }
-    portNumber = parsedPort;
-  } else {
-    portNumber = await findAvailablePort(5173);
+    requestedPort = parsedPort;
   }
 
-  const shouldOpenBrowser = !args.includes('--no-open');
+  const { port: boundPort } = await startStudioHttpServer({
+    packageRoot: defaultPackageRoot,
+    targetProjectRoot: resolvedMobileRoot,
+    workspaceRoot: targetProject,
+    port: requestedPort,
+  });
 
   console.log(`\n🚀 Zelune — React Native Visual Canvas & MCP`);
   console.log(`📂 Workspace Root: ${targetProject}`);
   if (resolvedMobileRoot !== targetProject) {
     console.log(`📱 Mobile App Dir: ${resolvedMobileRoot}`);
   }
-  console.log(`🌐 Studio Port:    127.0.0.1:${portNumber}\n`);
-
-  const { createServer } = await import('vite');
-  const server = await createServer({
-    root: defaultPackageRoot,
-    configFile: path.join(defaultPackageRoot, 'vite.config.ts'),
-    server: {
-      host: '127.0.0.1',
-      port: portNumber,
-      open: shouldOpenBrowser,
-    },
-  });
-  await server.listen();
-  server.printUrls();
+  console.log(`🌐 Studio Ready:   127.0.0.1:${boundPort}\n`);
 }
 
 const isDirectExecution =

package/dist/assets/CheckoutScreen-6IdrpKgm.js

@@ -0,0 +1,229 @@
+import { u as useNavigation, j as jsxRuntimeExports, V as View, b as TouchableOpacity, T as Text, S as StyleSheet } from "./index-hEzd4JVy.js";
+function CheckoutScreen() {
+  const navigation = useNavigation();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { style: styles.container, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "14", agyCol: "4", agyAstPath: "0", agyTag: "View" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "14", "data-agy-col": "4", "data-agy-ast-path": "0", "data-agy-tag": "View", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { style: styles.headerRow, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "15", agyCol: "6", agyAstPath: "1", agyTag: "View" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "15", "data-agy-col": "6", "data-agy-ast-path": "1", "data-agy-tag": "View", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        TouchableOpacity,
+        {
+          activeOpacity: 0.78,
+          style: styles.backButton,
+          onPress: () => navigation.navigate("ProductDetail"),
+          dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "16", agyCol: "8", agyAstPath: "2", agyTag: "TouchableOpacity" },
+          "data-agy-file": "src/screens/CheckoutScreen.tsx",
+          "data-agy-line": "16",
+          "data-agy-col": "8",
+          "data-agy-ast-path": "2",
+          "data-agy-tag": "TouchableOpacity",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { style: styles.backButtonText, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "21", agyCol: "10", agyAstPath: "3", agyTag: "Text" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "21", "data-agy-col": "10", "data-agy-ast-path": "3", "data-agy-tag": "Text", children: "← Spec Sheet" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { style: styles.headerTitle, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "23", agyCol: "8", agyAstPath: "4", agyTag: "Text" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "23", "data-agy-col": "8", "data-agy-ast-path": "4", "data-agy-tag": "Text", children: "Dispatch & Settlement" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { style: styles.orderCard, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "26", agyCol: "6", agyAstPath: "5", agyTag: "View" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "26", "data-agy-col": "6", "data-agy-ast-path": "5", "data-agy-tag": "View", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { style: styles.sectionHeading, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "27", agyCol: "8", agyAstPath: "6", agyTag: "Text" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "27", "data-agy-col": "8", "data-agy-ast-path": "6", "data-agy-tag": "Text", children: "MANIFEST // ORDER #CH-8841" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { style: styles.itemRow, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "28", agyCol: "8", agyAstPath: "7", agyTag: "View" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "28", "data-agy-col": "8", "data-agy-ast-path": "7", "data-agy-tag": "View", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "29", agyCol: "10", agyAstPath: "8", agyTag: "View" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "29", "data-agy-col": "10", "data-agy-ast-path": "8", "data-agy-tag": "View", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { style: styles.itemName, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "30", agyCol: "12", agyAstPath: "9", agyTag: "Text" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "30", "data-agy-col": "12", "data-agy-ast-path": "9", "data-agy-tag": "Text", children: "Chronos Studio Pro" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { style: styles.itemVariant, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "31", agyCol: "12", agyAstPath: "10", agyTag: "Text" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "31", "data-agy-col": "12", "data-agy-ast-path": "10", "data-agy-tag": "Text", children: "Obsidian Anodized · Unit 01" })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { style: styles.itemPrice, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "33", agyCol: "10", agyAstPath: "11", agyTag: "Text" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "33", "data-agy-col": "10", "data-agy-ast-path": "11", "data-agy-tag": "Text", children: "$349.00" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(View, { style: styles.divider, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "36", agyCol: "8", agyAstPath: "12", agyTag: "View" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "36", "data-agy-col": "8", "data-agy-ast-path": "12", "data-agy-tag": "View" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { style: styles.summaryRow, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "38", agyCol: "8", agyAstPath: "13", agyTag: "View" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "38", "data-agy-col": "8", "data-agy-ast-path": "13", "data-agy-tag": "View", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { style: styles.summaryLabel, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "39", agyCol: "10", agyAstPath: "14", agyTag: "Text" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "39", "data-agy-col": "10", "data-agy-ast-path": "14", "data-agy-tag": "Text", children: "Priority Courier Dispatch" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { style: styles.summaryFree, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "40", agyCol: "10", agyAstPath: "15", agyTag: "Text" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "40", "data-agy-col": "10", "data-agy-ast-path": "15", "data-agy-tag": "Text", children: "INCLUDED" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { style: styles.summaryRow, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "42", agyCol: "8", agyAstPath: "16", agyTag: "View" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "42", "data-agy-col": "8", "data-agy-ast-path": "16", "data-agy-tag": "View", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { style: styles.summaryLabel, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "43", agyCol: "10", agyAstPath: "17", agyTag: "Text" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "43", "data-agy-col": "10", "data-agy-ast-path": "17", "data-agy-tag": "Text", children: "Import & Acoustic Levy" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { style: styles.summaryValue, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "44", agyCol: "10", agyAstPath: "18", agyTag: "Text" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "44", "data-agy-col": "10", "data-agy-ast-path": "18", "data-agy-tag": "Text", children: "$28.80" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { style: styles.totalRow, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "46", agyCol: "8", agyAstPath: "19", agyTag: "View" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "46", "data-agy-col": "8", "data-agy-ast-path": "19", "data-agy-tag": "View", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { style: styles.totalLabel, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "47", agyCol: "10", agyAstPath: "20", agyTag: "Text" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "47", "data-agy-col": "10", "data-agy-ast-path": "20", "data-agy-tag": "Text", children: "Total Settlement" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { style: styles.totalAmount, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "48", agyCol: "10", agyAstPath: "21", agyTag: "Text" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "48", "data-agy-col": "10", "data-agy-ast-path": "21", "data-agy-tag": "Text", children: "$377.80" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { style: styles.paymentCard, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "52", agyCol: "6", agyAstPath: "22", agyTag: "View" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "52", "data-agy-col": "6", "data-agy-ast-path": "22", "data-agy-tag": "View", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { style: styles.sectionHeading, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "53", agyCol: "8", agyAstPath: "23", agyTag: "Text" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "53", "data-agy-col": "8", "data-agy-ast-path": "23", "data-agy-tag": "Text", children: "CRYPTOGRAPHIC AUTHORIZATION" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { style: styles.cardMethodRow, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "54", agyCol: "8", agyAstPath: "24", agyTag: "View" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "54", "data-agy-col": "8", "data-agy-ast-path": "24", "data-agy-tag": "View", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(View, { style: styles.cardBrandBadge, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "55", agyCol: "10", agyAstPath: "25", agyTag: "View" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "55", "data-agy-col": "10", "data-agy-ast-path": "25", "data-agy-tag": "View", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { style: styles.cardBrandText, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "56", agyCol: "12", agyAstPath: "26", agyTag: "Text" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "56", "data-agy-col": "12", "data-agy-ast-path": "26", "data-agy-tag": "Text", children: "G-PAY" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(View, { dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "58", agyCol: "10", agyAstPath: "27", agyTag: "View" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "58", "data-agy-col": "10", "data-agy-ast-path": "27", "data-agy-tag": "View", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { style: styles.cardNumber, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "59", agyCol: "12", agyAstPath: "28", agyTag: "Text" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "59", "data-agy-col": "12", "data-agy-ast-path": "28", "data-agy-tag": "Text", children: "Hardware Token ·••• 4829" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { style: styles.cardSub, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "60", agyCol: "12", agyAstPath: "29", agyTag: "Text" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "60", "data-agy-col": "12", "data-agy-ast-path": "29", "data-agy-tag": "Text", children: "Biometric enclave signature ready" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      TouchableOpacity,
+      {
+        activeOpacity: 0.78,
+        style: styles.confirmButton,
+        onPress: () => navigation.navigate("Home"),
+        dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "65", agyCol: "6", agyAstPath: "30", agyTag: "TouchableOpacity" },
+        "data-agy-file": "src/screens/CheckoutScreen.tsx",
+        "data-agy-line": "65",
+        "data-agy-col": "6",
+        "data-agy-ast-path": "30",
+        "data-agy-tag": "TouchableOpacity",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { style: styles.confirmButtonText, dataSet: { agyFile: "src/screens/CheckoutScreen.tsx", agyLine: "70", agyCol: "8", agyAstPath: "31", agyTag: "Text" }, "data-agy-file": "src/screens/CheckoutScreen.tsx", "data-agy-line": "70", "data-agy-col": "8", "data-agy-ast-path": "31", "data-agy-tag": "Text", children: "Authorize $377.80 Settlement" })
+      }
+    )
+  ] });
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#0A0B0E",
+    padding: 20,
+    justifyContent: "space-between"
+  },
+  headerRow: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    marginTop: 6
+  },
+  backButton: {
+    backgroundColor: "#13161E",
+    paddingHorizontal: 12,
+    paddingVertical: 9,
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: "#222836"
+  },
+  backButtonText: {
+    color: "#E2E8F0",
+    fontSize: 12,
+    fontWeight: "600"
+  },
+  headerTitle: {
+    color: "#F8FAFC",
+    fontSize: 16,
+    fontWeight: "700",
+    letterSpacing: -0.2
+  },
+  orderCard: {
+    backgroundColor: "#11141C",
+    borderRadius: 16,
+    padding: 18,
+    gap: 12,
+    borderWidth: 1,
+    borderColor: "#1E2433"
+  },
+  sectionHeading: {
+    color: "#38BDF8",
+    fontSize: 10,
+    fontWeight: "700",
+    letterSpacing: 1
+  },
+  itemRow: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center"
+  },
+  itemName: {
+    color: "#F8FAFC",
+    fontSize: 15,
+    fontWeight: "600"
+  },
+  itemVariant: {
+    color: "#64748B",
+    fontSize: 12,
+    marginTop: 2
+  },
+  itemPrice: {
+    color: "#F8FAFC",
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  divider: {
+    height: 1,
+    backgroundColor: "#1E2433",
+    marginVertical: 4
+  },
+  summaryRow: {
+    flexDirection: "row",
+    justifyContent: "space-between"
+  },
+  summaryLabel: {
+    color: "#94A3B8",
+    fontSize: 13
+  },
+  summaryFree: {
+    color: "#10B981",
+    fontSize: 11,
+    fontWeight: "700",
+    letterSpacing: 0.6
+  },
+  summaryValue: {
+    color: "#E2E8F0",
+    fontSize: 13,
+    fontWeight: "600"
+  },
+  totalRow: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    marginTop: 4
+  },
+  totalLabel: {
+    color: "#F8FAFC",
+    fontSize: 14,
+    fontWeight: "700"
+  },
+  totalAmount: {
+    color: "#38BDF8",
+    fontSize: 20,
+    fontWeight: "700"
+  },
+  paymentCard: {
+    backgroundColor: "#11141C",
+    borderRadius: 14,
+    padding: 16,
+    gap: 10,
+    borderWidth: 1,
+    borderColor: "#1E2433"
+  },
+  cardMethodRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12
+  },
+  cardBrandBadge: {
+    backgroundColor: "#161A26",
+    borderWidth: 1,
+    borderColor: "#262D3D",
+    paddingHorizontal: 10,
+    paddingVertical: 8,
+    borderRadius: 7
+  },
+  cardBrandText: {
+    color: "#38BDF8",
+    fontSize: 10,
+    fontWeight: "700",
+    letterSpacing: 0.8
+  },
+  cardNumber: {
+    color: "#F8FAFC",
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  cardSub: {
+    color: "#64748B",
+    fontSize: 12
+  },
+  confirmButton: {
+    backgroundColor: "#F8FAFC",
+    borderRadius: 10,
+    paddingVertical: 15,
+    alignItems: "center"
+  },
+  confirmButtonText: {
+    color: "#08090C",
+    fontSize: 14,
+    fontWeight: "700"
+  }
+});
+export {
+  CheckoutScreen as default
+};